Course Overview
Course Prerequisites
Intermediate level understanding of Angular
Outline
Creating and Running Your First Ionic 2 App
- Introduction to Creating and Running Your First Ionic 2 App
- How to Create and Run an App in Ionic 2
- Exploring Internal Structure of an Ionic 2 App
- Editing Your App Code and Showing an Alert or Popup
- Summary of Creating and Running Your First Ionic 2 App
Theme an Ionic 2 App
- The Core of Ionic 2 Themes - SASS - Syntactically Awesome Style Sheets
- Choosing a Color Theme for an App - Quick Version
- Theming an Ionic 2 Page - Forms, Buttons and CSS
- Theming an Ionic 2 Page - Nav Bars and Nav Bar Buttons
- Theming an Ionic 2 Page - SASS Variables (Really Handy)
Running Ionic 2 Apps Simulators and Real Devices
- How to Run Your Ionic 2 App on an Android Simulator
- How to Run Your Ionic 2 App on an Android Device
- How to Run Your Ionic 2 App on an iOS Simulator (Mac or VM only)
- How to Run Your Ionic 2 App on a Real iOS Device
Navigation Concepts in Ionic 2
- Creating a New Page and Navigating to it With Push and Pop
- Sharing Data Between Pages in Ionic 2
- Modal Navigation in Ionic 2 and Passing Data Back
- Sliders in Ionic 2 - And Images
Layouts in Ionic 2
- Introduction to Layouts in Ionic 2
- Nav Bar Blank Layout
- Tab Bar Layout
- Side Menu Layout - Similar to Facebook App
Lists and Remote JSON Data in Ionic 2
- Introduction to Lists and Remote JSON Data in Ionic 2
- Creating a Simple List of Items in Ionic 2
- Making Lists Do Something When Items are Clicked (and Console Debugging)
- Getting Remote JSON Data for an Ionic 2 List (or Anything Really)
- How to Implement Swipe to Delete in an Ionic 2 App
Saving Data in Ionic 2 and Cordova Plugins
- Data Storage Options in Ionic 2
- How to Use Local Storage to Save Data in Ionic 2
- How to Use SQLite Storage in Ionic 2 Apps (Using Cordova Plugins)
Ionic2 Native
- Promises & Observables
- Runtime diagnostics
- Installation
- Usage
Creating a Uber like App
- Create App with Google Maps
- Get Current Location using Geolocation
- Add Pickup Marker
- Available Cars
- Pickup Car
- Destination
- Rate the Driver
- Prepare App to Publish