By using the Exercise Files, you can practice the AngularJS and Ionic lessons taught in these online courses. To make the most of the Exercise Files in this project, you need to possess a bit of background knowledge on Git, as well as have Git already installed on your computer. Watch this short training video to learn the basics of Git in order to maximize your use of the Exercise Files.
- View Offline
- If you're a premium member of lynda.com, you'll have access to the Exercise Files used throughout this title. Now, this project if a little bit different from most projects in the library, and it requires a bit of background knowledge and Git, and a terminal application. In the Exercise Files folder, you'll see a folder labeled myApp with a copy of the finished project. There will also be a couple of other files that we'll use throughout this title. Now, before you work with the Exercise Files, make sure you've gone through the Git installation on your machine. I'll start with the copy of myApp on the desktop.
The myApp folder opened in my favorite text editor. I'll also want to have a terminal application and I wanna make sure that I am in the correct folder. So if you've placed the myApp folder on the desktop, you would do cd ~/Desktop/myApp. To take a look at all the branches, you can use the git branch command. That'll show you a list of every single one of the branches for this project. All these branches are a version of what the project looked like at the end of each video. If you want a copy of what the project looked like at the beginning of a video, just go to the previous branch.
You can check out any of the branches using the git checkout -f and then the name of the branch. Let's take a look at what the project looked like at the beginning of the second chapter in the first movie. Now let's go back to the master branch which will be what the project looked like at the end. If you go back into our application, you'll see that the html has updated. The -f option is gonna ignore any changes that you've made as you play around with the project, and take you directly to how a project looked like at the end of a video.
Once again, the chapters are sequential, so if you want to go to how the project looked like at the beginning of the video, just check out the previous branch. If you're a monthly member of lynda.com, you don't have access to the Exercise Files folder, but you can follow along on GitHub. In this GitHub branch, you'll see a copy of the master branch at the end of all the videos. At anytime, you can go to the branch's pop-up menu. Take a look at how this file looked at any point at the end of a video. If you wanna learn more about Git make sure you check out Git Essential Training with Kevin Skoglund, GitHub for Web Designers with James Williamson, and if you wanna learn more about workflows including Git and GitHub, check out Web Project Workflows with Gulp.js, Git, and Browserify.
- Installing the development environment on Mac or PC
- Understanding the Ionic templates and CSS components
- Adding IonicIcons to a layout
- Adding tabs, cards, and lists
- Using form elements
- Building a single view app
- Implementing Pull to Refresh
- Creating a multi-tab app
- Styling the applications
- Deploying applications