Author
Ray Villalobos
Released
5/5/2015- 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
Skill Level Intermediate
Duration
Views
- [Voiceover] Hey there, this is Ray Villalobos, staff author at lynda.com and I want to welcome you to Building a Mobile App with AngularJS and Ionic. In this course, I'm going to show you how to build an app using AngularJS with the Ionic framework. I'll start by showing you how Ionic works and how it uses different frameworks like AngularJS, Cordova and GulpJS to help you build applications quickly. I'll show you how to install the framework and how to setup automation and a web development environment.
We'll take a look at the most important Ionic CSS components that can help you build buttons, lists, tabs and forms. Then, we'll take a look at how Ionic works with AngularJS and start building a single page application. We'll work with Angular models, views and controllers to build an application with features like sliding, pull to refresh and search. Finally, we'll take a look at how to build an app with multiple tabs and pages and customize the look and feel of the application with CSS.
So let's get started building a mobile app with AngularJS and Ionic.
-
Introduction
-
Welcome1m 12s
-
Using the exercise files2m 27s
-
-
1. Getting Started
-
2. Using Ionic CSS Components
-
Using Ionic buttons5m 14s
-
Adding Ionicons to a layout8m 42s
-
Working with tabs10m 3s
-
Using the list styles12m 30s
-
Using other form types7m 35s
-
Using special form elements5m 16s
-
3. Building a Single-View App
-
Using Angular controllers8m 26s
-
Filtering our searches5m 43s
-
Deleting list items4m 14s
-
Sliding to add favorites8m 15s
-
Implementing pull-to-refresh3m 14s
-
4. Creating a Multi-Tab Application
-
Implementing our first route10m 23s
-
Adding a second page7m 3s
-
Creating a sub-page10m 16s
-
Creating a global header5m 34s
-
Creating a calendar view8m 42s
-
Creating our main template7m 54s
-
Using multiple buttons3m 47s
-
Conclusion
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome