2015
Lynda
Ray Villalobos
3h 31m
English
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.
Topics include:
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
Introduction
4m 45s
Welcome
1m 12s
What you should know before watching this course
1m 6s
Using the exercise files
2m 27s
1. Getting Started
28m 24s
Understanding our mobile framework
3m 45s
Installing development environment on a Mac
4m 25s
Installing development environment on a PC
4m 27s
Understanding the Ionic installation
5m 45s
Working with the Ionic CLI and templates
10m 2s
2. Using Ionic CSS Components
1h 6m
Understanding basic Ionic CSS components
7m 37s
Using Ionic buttons
5m 14s
Adding Ionicons to a layout
8m 42s
Working with tabs
10m 3s
Using the list styles
12m 30s
Creating cards and inset lists
4m 46s
Creating basic form elements
5m 1s
Using other form types
7m 35s
Using special form elements
5m 16s
3. Building a Single-View App
41m 19s
Scaffolding a single-view app
6m 14s
Using Angular controllers
8m 26s
Filtering our searches
5m 43s
Reordering out list with built-in tools
5m 13s
Deleting list items
4m 14s
Sliding to add favorites
8m 15s
Implementing pull-to-refresh
3m 14s
4. Creating a Multi-Tab Application
1h 7m
Understanding Ionic's state-based UI router
2m 25s
Implementing our first route
10m 23s
Adding a second page
7m 3s
Creating a sub-page
10m 16s
Creating a global header
5m 34s
Creating a calendar view
8m 42s
Creating our main template
7m 54s
Adding a schedule to our calendar
5m 52s
Using multiple buttons
3m 47s
Styling our application with CSS
5m 56s
Conclusion
2m 15s
Next steps: Deploying your apps
2m 15s
www.lynda.com/AngularJS-tutorials/Building-Mobile-App-AngularJS-Ionic/368920-2.html
Download File Size:646.37 MB
|
