Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Ionic: From Web to Mobile
Introduction
What are Hybrid Mobile Applications? (2:57)
Why Ionic? (4:06)
How to get the best out of this course (2:56)
Ionic Playground (2:01)
Getting help?
OPTIONAL: How to use develop with the Chrome browser (13:20)
OPTIONAL: What IDE am I using in this course? (6:53)
Setup
Introduction (2:47)
Installing Dependancies
iOS - Create your Apple developer account
Setup for iOS development
Android - Setup your Google Play Account
Setup for Android development on Mac
Setup for Android development on Windows
Ionic Overview
Introduction (2:16)
Creating projects using the Ionic CLI
Running Ionic in the Browser (5:55)
Important! iOS9 Breaking Changes
iOS: Creating developer certificates and setting up XCode (12:53)
Running Ionc in IOS Emulator & Device (5:06)
Debug your iOS apps with the Safari Developer Tools
Running Ionic on Android Devices
Setting up the Genymotion Android Emulator
Debug your android apps with Chrome
How to find completed code
AngularJS Review
Introduction (3:00)
Data Binding (2:43)
Modules & Controllers (2:46)
CORRECTION: Debugging AngularJS Applications
Debugging Angular Applications (3:13)
Scope inheritance and the dot notation (5:39)
Watches (1:46)
ng-click & ng-submit (2:59)
ng-class (2:22)
ng-style (1:21)
ng-show, ng-hide, ng-if (2:51)
ng-repeat & filters (4:54)
Dependancy Injection & Services (5:48)
The $http service and promises with the $q service (11:32)
The $http service and promises with the $q service (12:12)
Digest, Apply & handling callbacks from outside Angular (3:48)
The 8 Ball App
Corrections
Introduction (3:48)
Setup instructions
Building the application (5:57)
Adding animation effects (4:05)
Previewing your application on the IonicView App (4:03)
Limitations of the IonicView App
The Soundboard App
Corrections
Introduction (2:14)
Setup instructions
Styling ionic apps using the default colors (2:26)
Building our ionic list based application (6:07)
Using the cordova media plugin (6:13)
Ionic list re-order and delete components (6:51)
The CaffeineHit List App
Corrections
Introduction (2:41)
Setup instructions
Breaking out our app into multiple javascript files (1:56)
Understanding the starter project code (2:22)
Implementing the YelpService (6:20)
Implementing pull to refresh with the ion-refresher component (3:17)
Implementing infinite scroll with the ion-infinite-scroll component (5:24)
Implementing swipe reveal buttons with the ion-option-button component (4:01)
Using the cordova geolocation plugin to get the users lat and lon (8:09)
Using the navigator plugin to show directions on the apple or google maps app (3:29)
The CaffeineHit Map App
Corrections
Introduction (1:45)
Setup instructions
Understanding the starter project code (2:32)
Using SASS to theme your Ionic application (8:23)
Implementing maps and map markers (5:39)
Implementing popup info windows on maps (5:09)
The TED RSS App
Corrections
Introduction (2:21)
Setup instructions
Understanding the starter project code (9:27)
Introduction to uiRouter and implementing the apps routes (6:46)
Show a loading spinner with the ionicLoading component (2:50)
Navigating between routes in Ionic and the back button. (4:56)
Implementing the detail page and $stateParams (2:35)
Changing the title in the header bar (3:45)
Using the InAppBrowser plugin to open up links in the default browser app (3:29)
Using the SocialSharing plugin to share links to social networks (3:11)
The Mealtracker App
Introduction (4:04)
Setup instructions
Understanding the starter project code (5:53)
CORRECTION: ng-messages-include and angular1.4
Forms and form validation in Ionic (19:55)
Setting up Parse.com (3:41)
Implementing authentication via Parse (9:49)
Understanding and implementing the tabbed navigation component in Ionic (11:27)
Interacting with the ion-header bar by using the ion-nav-buttons directive (7:37)
Using the Camera plugin to take a photo (5:16)
Creating objects in the Parse database (8:57)
Querying objects from the Parse database (5:23)
Implementing the settings tab (4:20)
CORRECTIONS!
The TVChat App
Corrections
Introduction (2:47)
Setup instructions
Setup Firebase and Facebook accounts (6:38)
Extra: Required settings for your Facebook App
Structuring data in Firebase and the Javascript API (12:41)
Implementing basic security rules in Firebase (6:50)
Authenticating a user with both Facebook and Firebase (14:58)
Implementing the side menu component (6:22)
Implementing real-time chat with Firebase (17:39)
Favoriting chat rooms so they appear in the side menu (7:57)
Advanced Ionic Concepts
View Caching In Ionic
Ionic Platform
Introduction (2:20)
Connecting your app to apps.ionic.io (1:41)
Setting up the Ionic Web Client
Setting up the Ionic User Service
What is Ionic Deploy? (3:30)
Setting up the Ionic Deploy Service
Ionic Analytics (10:16)
Setting up the Ionic Push Service
Sending push notifications (9:02)
Releasing an Application
Preparing your config.xml for release (8:10)
iOS - IMPORTANT iOS9 Patch for Ionic Apps (3:02)
Generating Icons and Splash screen images (3:40)
Generating screenshots for use in the Apple Appstore and Google Play Store (7:33)
Creating a release version of your Android application (6:18)
Releasing your Android application to the Google Play Store (4:33)
Releasing your iOS application to the Apple App Strore (12:20)
Setup Ionic Push in Production for your iOS Application (8:51)
Setup Ionic Push in Production for your Android Application (3:15)
Setup instructions
133370_8ball.setup.pdf
Download
133370_8ball.setup.pdf
Complete and Continue