Ionic

  1. Getting Started with Ionic 3

 

  • Angular 4, Ionic 3, and TypeScript

 

Angular and Ionic myths

Mapping Ionic 1 to Ionic 3

Controllers match components

Filters match pipes

Services match providers

TypeScript comes to the rescue

 

  • Installation and setup
  • Directory structure and modularity

 

  • Theming up SASS

Customizing

 

  • Automatically creating icons and splash screen resources

 

Image sizes and specifications

Platform Specific resources

 

  • Adding Crosswalk browser
  • Ionic CLI tasks

 

Local development with Ionic serve

Adding platforms

Running application on devices

Uploading and sharing Ionic application

Ionic upload

Generating components

Ionic Share

 

  1. Ionic Components
  • Building v Planet Commerce
  • Ionic components

Slides

Lists

Loading and Toast

Tabs versus Segments

Alerts

Cards and Badges

 

  • Ionic APIs and custom modules

 

Complex Grids

Custom pipes

Navigation and view lifecycle

Navigating from overlay components

Lifecycle events and Nav Guards

Internationalization and localization

ItemSliding and pull-to-refresh

Virtual scroll and Infinite scroll

Ionic rating

 

  • Lazy Loading with Ionic 3

 

 

  1. Ionic Native and plugins

 

  • Cordova and how plugins work

 

What is Cordova?

Building and using Cordova plugins

Plugin specifications

Plugman

JS Interface

Native platform interface

 

  • Ionic Native

 

Installing Ionic Native

Testing plugins in browsers

 

  • Commonly used Cordova plugins

 

Device Plugin

Splash Screen Plugin

Whitelist plugin

Network whitelisting

Navigation whitelisting

Intent whitelisting

 

Camera Plugin

Geolocation plugin

Social sharing plugin

Call Number

Text to Speech

AppRate

Google analytics

Ionic Deeplinks

Facebook connect

Building a music player

Media, streaming, and transfer plugin

 

  • Cordova versus phone gap

 

 

  1. Ionic Platform and Services

 

  • Ionic Cloud

 

Installing Ionic Cloud

 

  • Ionic Auth
  • Ionic DB

 

Authentication and permissions

 

  • Ionic push
  • Ionic deploy
  • Ionic package
  • Ionic View, Creator, and Playground

 

Ionic View

Ionic creator and playground

 

  1. Authentication, Authorization, and Security

 

  • Authentication

 

CORS

Proxy server for the Ionic app

CSRF

 

  • Securing the Ionic application

 

Whitelisting

Enabling SSL

Sensitive data outside the app

Secure storage

General security points

 

  • Demonstrating authorization in Ionic

 

 

  1. TasteBite App with Firebase

 

  • Introduction to Firebase and TasteBite apps

 

Building TasteBite and installing Firebase

 

  • Authentication and security using Firebase

 

Enabling providers

User auth state

 

  • CRUD and securing data with AngularFire2

 

CRUD operations

 

  1. Ionic, IOT, and Beacons

 

  • Ionic and IOT

 

Ionic + Node = deadly combination

 

  • BLE, beaconsm, and the physical Web

 

iBeacons

Eddystone and the physical Web

 

  • Proximity-based screen lock using BLE

 

 

  1. Ionic + PWA = Magic

 

  • What and why PWA?

 

Advantages

Disadvantages

 

  • Ionic supports PWA

 

What makes a web application a PWA?

PWA with Ionic

Web Manifest

Service Workers

 

  • Offline currency converter PWA
  • The future of PWAs

 

Training Details

  • Course Duration: Ionic training course duration is of 45 days. Training + Assignments + Actual Project Based Case Studies
  • Training Materials:
    All attendees will receive,
    Assignment after each module, Video recording of every session
    Notes and study material for examples covered.
    Access to the Training Blog & Repository of Materials

Course Inquiry – Ionic