|
| 1 | +# Building a Mobile App with AngularJS and Ionic |
| 2 | + |
| 3 | +This is the repository for my course, Building a Mobile App with AngularJS and Ionic](http://www.lynda.com/AngularJS-tutorials/Building-Mobile-App-AngularJS-Ionic/368920-2.html). The full course is available at [lynda.com](http://lynda.com). |
| 4 | + |
| 5 | +## Course Description |
| 6 | +Creating hybrid mobile applications is a great way to leverage your knowledge of web languages like HTML5, CSS, and JavaScript. Modern frameworks such as AngularJS and Ionic make it easier with pre-built templates and components. In this course, staff author Ray Villalobos shows how to install the Ionic framework and set up a development environment suitable for building web-based apps. He reviews the core Ionic components: prebuilt, easy-to-use features such as buttons, lists, tabs, and forms. Then Ray shows how to combine these components with Angular.js models, views, and controllers to build a single page app with sliders, pull-to-refresh functionality, and search. The training culminates in building a multi-page app, which you'll learn how to customize with CSS. |
| 7 | + |
| 8 | +## Topics include: |
| 9 | +- Installing the development environment on Mac or PC |
| 10 | +- Understanding the Ionic templates and CSS components |
| 11 | +- Adding IonicIcons to a layout |
| 12 | +- Adding tabs, cards, and lists |
| 13 | +- Using form elements |
| 14 | +- Building a single view app |
| 15 | +- Implementing Pull to Refresh |
| 16 | +- Creating a multi-tab app |
| 17 | +- Styling the applications |
| 18 | +- Deploying applications |
| 19 | + |
| 20 | +## Instructions |
| 21 | +This repository has branches for each of the videos in the course. You can use the branch pop up menu in github to switch to a specific branch and take a look at the course at that stage. Or you can simply add `/tree/BRANCH_NAME` to the URL to go to the branch you want to peek at. |
| 22 | + |
| 23 | +1. Make sure you have these installed |
| 24 | + - [node.js](http://nodejs.org/) |
| 25 | + - [git](http://git-scm.com/) |
| 26 | + - [gulp](http://gulpjs.com/) |
| 27 | +2. Clone this repository into your local machine using the terminal (mac) or Gitbash (PC) `> git clone https://github.com/planetoftheweb/angularMobile.git` |
| 28 | +3. CD to the folder `cd angularMobile` |
| 29 | +4. Run `> npm-install` to install the project dependencies |
| 30 | +5. Install gulp.js via the Mac terminal or Gitbash on a PC `> npm install -g gulp` |
| 31 | +5. Run the Gulp command `> gulp` |
| 32 | + |
| 33 | +For more help setting up a comprehensive Gulp.js workflow, check out [Web Project Workflows with Gulp.js, Git, and Browserify](http://www.lynda.com/Web-Web-Design-tutorials/Web-Project-Workflows-Gulpjs-Git-Browserify/154416-2.html). |
| 34 | + |
| 35 | +## More Stuff |
| 36 | +Check out some of my [other courses on lynda.com](http://lynda.com/rayvillalobos). You can also check out my [youtube channel](http://youtube.com/planetoftheweb), [follow me on twitter](http://twitter.com/planetoftheweb), or read [my blog](http://raybo.org). |
0 commit comments