Building Mobile Apps With the Ionic Framework and AngularJS

By Steve Michelotti
This code-focused course shows how to build mobile apps with the Ionic Framework and AngularJS. The Ionic Framework represents an exciting new way to quickly build professional quality mobile apps.
Course info
Level
Intermediate
Updated
Nov 18, 2015
Duration
3h 12m
Table of contents
Introduction
Introduction 1m Course Overview 2m What Is Ionic? 2m Cordova - What and Why? 2m What We'll Be Building 1m
Getting Started With Ionic
Overview 1m Ionic Command Line Features 1m Installing Ionic 1m Starting a New Project 2m Run the App With a Browser 4m Run the App With an Emulator 2m Run the App on a Mobile Device 1m Ionic Starter Templates 3m Setting Up a Development Environment With Sublime Text 2m Setting Up a Development Environment With Visual Studio 2m Setting Up CodePen 2m Summary 1m
Navigation and Routing
Overview 1m Navigation for Elite Schedule 1m Ionic Headers and Footers 2m Introduction to Ionic Tabs 2m Tabs - Setting Up the Initial Structure 3m Side Menu - Setting Up the Initial Structure 3m Introduction to Angular UI Router 5m Adding Routing for Tabs 4m Adding Routing for Side Menu 4m Route Parameters 3m Adding Navigation Animation 1m Adding a Back Button 2m Summary 1m
Ionic Components
Overview 1m Adding Initial Data 5m Adding a Basic Ionic List 6m List Dividers for Grouped Data 5m Incorporating External Libraries With Bower 5m Ionic Grid System 8m Ionic Typography 2m Ionic Cards 6m Toggle and Checkbox Controls 3m Customizing Buttons 3m Ionic Popup 1m Summary 1m
Data and Caching
Overview 1m Using $http 3m Enabling Cross-Domain 2m Adding Promises With $q 3m $ionicLoading 3m Angular Cache - Overview 1m Angular Cache - Creating and Configuring 2m Angular Cache - Implementing Caches 5m Angular Cache - Enabling Offline Data 8m Refreshing Data 5m Summary 1m
Mapping
Overview 1m Google Maps for Angular - Introduction 2m Google Maps for Angular - Installation and Setup 1m Google Maps for Angular - Implementation 4m Google Maps for Angular - Markers 3m Driving Directions 2m Summary 1m
Customizing Ionic
Overview 1m Custom Markdown Directive 6m Customizing the CSS 2m SASS Overview 1m Installing SASS 1m Implementing SASS Changes 4m App Metadata and Icons 5m Summary 1m
ngCordova
Overview 1m Introduction to ngCordova 2m Installation and Setup for ngCordova 4m ngCordova Dialogs 3m ngCordova Vibration 1m ngCordova Network 1m ngCordova Device 2m ngCordova Camera 3m ngCordova Barcode Scanner 1m Summary 1m
Description
Course info
Level
Intermediate
Updated
Nov 18, 2015
Duration
3h 12m
Description

The Ionic Framework is a tremendous step forward for quickly building Cordova-based mobile apps. Built on top of AngularJS, developers are able to leverage all of their pre-existing AngularJS skills when working with the Ionic Framework, considered by many to be the "Bootstrap for mobile." In this course, we will see how to quickly get up and running with an Ionic app in seconds. We will then cover navigation and routing, followed by demonstrations of all the primary Ionic components. We will also cover data and caching for offline functionality, as well as mapping and providing driving directions. We will finish with a review of ngCordova to easily access native device features such as the camera, barcode scanner, and more. By the end of the course, you'll be able to start building your own mobile apps using the Ionic Framework and AngularJS!

About the author
Steve Michelotti
About the author

Steve is a Program Manager with Microsoft on the Azure Global Engineering team. Prior to joining Microsoft, he was a 7-time Microsoft ASP.NET MVP.

More from the author
Dapper: Getting Started
Beginner
1h 28m
Jun 12, 2019
ng-bootstrap Playbook
Beginner
2h 48m
Nov 20, 2018
Microsoft Azure Cognitive Services: Face API
Beginner
1h 32m
Jun 21, 2018
More courses by Steve Michelotti

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT