Ionic: From Web to Mobile

Name: Ionic: From Web to Mobile
Brand: Asim Hussain
Price: 27.00 USD
Availability: Discontinued

9.5 Hours

$27.00$299.00

You save 90%

129 Lessons (9.5h)

Introduction
What are Hybrid Mobile Applications?2:57
Why Ionic?4:06
How to get the best out of this course2:56
Ionic Playground2:01
Getting help?
OPTIONAL: How to use develop with the Chrome browser13:20
OPTIONAL: What IDE am I using in this course?6:53
Setup
Introduction2: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
Introduction2:16
Creating projects using the Ionic CLI
Running Ionic in the Browser5:55
Important! iOS9 Breaking Changes
iOS: Creating developer certificates and setting up XCode12:53
Running Ionc in IOS Emulator & Device5: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
Introduction3:00
Data Binding2:43
Modules & Controllers2:46
CORRECTION: Debugging AngularJS Applications
Debugging Angular Applications3:13
Scope inheritance and the dot notation5:39
Watches1:46
ng-click & ng-submit2:59
ng-class2:22
ng-style1:21
ng-show, ng-hide, ng-if2:51
ng-repeat & filters4:54
Dependancy Injection & Services5:48
The $http service and promises with the $q service11:32
Digest, Apply & handling callbacks from outside Angular3:48
The 8 Ball App
Corrections
Introduction3:48
Setup instructions
Building the application5:57
Adding animation effects4:05
Previewing your application on the IonicView App4:03
Limitations of the IonicView App
The Soundboard App
Corrections
Introduction2:14
Setup instructions
Styling ionic apps using the default colors2:26
Building our ionic list based application6:07
Using the cordova media plugin6:13
Ionic list re-order and delete components6:51
The CaffeineHit List App
Corrections
Introduction2:41
Setup instructions
Breaking out our app into multiple javascript files1:56
Understanding the starter project code2:22
Implementing the YelpService6:20
Implementing pull to refresh with the ion-refresher component3:18
Implementing infinite scroll with the ion-infinite-scroll component5:24
Implementing swipe reveal buttons with the ion-option-button component4:01
Using the cordova geolocation plugin to get the users lat and lon8:09
Using the navigator plugin to show directions on the apple or google maps app3:29
The CaffeineHit Map App
Corrections
Introduction1:45
Setup instructions
Understanding the starter project code2:32
Using SASS to theme your Ionic application8:23
Implementing maps and map markers5:39
Implementing popup info windows on maps5:09
The TED RSS App
Corrections
Introduction2:21
Setup instructions
Understanding the starter project code9:27
Introduction to uiRouter and implementing the apps routes6:46
Show a loading spinner with the ionicLoading component2:50
Navigating between routes in Ionic and the back button.4:56
Implementing the detail page and $stateParams2:35
Changing the title in the header bar3:45
Using the InAppBrowser plugin to open up links in the default browser app3:29
Using the SocialSharing plugin to share links to social networks3:11
The Mealtracker App
Introduction4:04
Setup instructions
Understanding the starter project code5:53
CORRECTION: ng-messages-include and angular1.4
Forms and form validation in Ionic19:55
Implementing authentication via Parse9:49
Understanding and implementing the tabbed navigation component in Ionic11:27
Interacting with the ion-header bar by using the ion-nav-buttons directive7:37
Using the Camera plugin to take a photo5:16
Creating objects in the Parse database8:57
Querying objects from the Parse database5:23
Implementing the settings tab4:20
CORRECTIONS!
The TVChat App
Corrections
Introduction2:47
Setup instructions
Setup Firebase and Facebook accounts6:38
Extra: Required settings for your Facebook App
Structuring data in Firebase and the Javascript API12:41
Implementing basic security rules in Firebase6:50
Authenticating a user with both Facebook and Firebase14:58
Implementing the side menu component6:22
Implementing real-time chat with Firebase17:39
Favoriting chat rooms so they appear in the side menu7:57
Advanced Ionic Concepts
View Caching In Ionic
Ionic Platform
Introduction2:21
Connecting your app to apps.ionic.io1: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 Analytics10:16
Setting up the Ionic Push Service
Sending push notifications9:02
Releasing an Application
Preparing your config.xml for release8:10
iOS - IMPORTANT iOS9 Patch for Ionic Apps3:02
Generating Icons and Splash screen images3:40
Generating screenshots for use in the Apple Appstore and Google Play Store7:33
Creating a release version of your Android application6:18
Releasing your Android application to the Google Play Store4:33
Releasing your iOS application to the Apple App Strore12:20
Setup Ionic Push in Production for your iOS Application8:52
Setup Ionic Push in Production for your Android Application3:15

DescriptionInstructorImportant DetailsRelated Products

Make Your Applications Function Perfectly on Any Device by Learning Ionic

Asim HussainAsim Hussain has over 15 years experience working for clients such as the European Space Agency and Google. He wrote his first program in 1988, his first website in 1996, earned a 1st Class Degree in Computer Science in 2000 and now owns a digital agency in London called Bubblegum, specializing in building complex web & mobile applications in AngularJS/Node/Django and IonicFramework.

Description

Ionic is a powerful HTML5 SDK that helps you build native-feeling iOS and Android apps while using web technologies like HTML, CSS, and JavaScript. Through a series of 7 real-world examples, this course will teach you the skills needed to build fully functional, cross-platform iOS and Android apps. With the rise of mobile web access, it's essential that any developer learn how to optimize their apps' cross-platform functionality. After this course, you'll be able to set yourself apart in a job interview, and build better apps and websites that work seamlessly regardless of the device used to access them.

Access 129 lectures & 9.5 hours of content 24/7
Learn essential AngularJS topics needed to build Ionic applications
Integrate w/ Parse & Firebase to provide backend infrastructure for your applications
Implement both tabbed & side menu navigation
Interact w/ a phone's camera, GPS & sounds
Embed Google Maps w/ markers & popup info windows
Add real-time Facebook chat functionality w/ Firebase
Cover Ionic Platform features like Ionic Push, Ionic Deploy & Ionic Analytics

Specs

Details & Requirements

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: intermediate

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

Your Cart

Your cart is empty. Continue Shopping!

Processing order...