Skip to content

Commit c773802

Browse files
added readme files
1 parent 8dfabae commit c773802

File tree

4 files changed

+7640
-0
lines changed

4 files changed

+7640
-0
lines changed

README.md

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
# Building a Mobile App with AngularJS and Ionic
2+
![Building a Mobile App with AngularJS and Ionic](hero.png)
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).

hero.png

360 KB
Loading

0 commit comments

Comments
 (0)