Ionic Framework 101: A Quickstart to Building Mobile Apps

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Introduction

Lecture 2: What is Ionic Framework?

Lecture 3: What are we Going to Accomplish in this Course?

Chapter 2: Getting Started

Lecture 1: Installing Ionic Framework and its Dependencies

Lecture 2: Installing the Android SDK

Lecture 3: Creating a New Ionic Project

Chapter 3: Available Components & CSS

Lecture 1: An Overview of the Ionic Framework Available Components

Lecture 2: A Closer Look at the List View Component

Lecture 3: Add Swipe Gestures To List View Items

Lecture 4: Using IonIcons in Your Application

Chapter 4: Functionality with AngularJS

Lecture 1: Adding AngularJS Controllers for Separating Logic

Lecture 2: Looping Through Objects and Arrays in the UI

Lecture 3: Navigating to Different Views Using the UI-Router

Lecture 4: Understanding $q and the AngularJS Promise

Lecture 5: Performing RESTful Requests with the $http Service

Chapter 5: Including Functionality Through External Plugins

Lecture 1: Manage Data Easier with the ngStorage JavaScript Library

Lecture 2: Launching External Web Pages with the Apache Cordova InAppBrowser Plugin

Lecture 3: Use ngCordova to Wrap Apache Cordova Plugins in AngularJS

Chapter 6: Building a URL Shortener App

Lecture 1: Understanding the TinyURL API

Lecture 2: Creating the URL List View

Lecture 3: Creating a View for Shrinking URLs

Lecture 4: Shrink URLs Defined by the User

Lecture 5: Storing Information About the Long and Short URL Data

Lecture 6: Launching Saved URLs in the Web Browser

Lecture 7: Deleting Saved URLs from the List

Chapter 7: Preparing the Final Product for Release

Lecture 1: Building the Application for Android and iOS

Lecture 2: Testing the Application Using the Genymotion Android Simulator and iOS Simulator

Lecture 3: Debugging the Android Application with ADB

Chapter 8: Course Conclusion

Lecture 1: Summary of Course and Source Code