Ionic Development Industrial Training

Introduction

Platforms, Frameworks & Tools

Hybrid frameworks, web tech, web APIs (backend)

The stack – HTML5/CSS3/AngularJS/Cordova

Ionic – AngularJS and native-like.

Cordova

The Basics

Diving deeper – HTML5/CSS3/JS

JS Basics

JS Frameworks

AngularJS Intro

Ionic Framework, Why Ionic?

Ionic 1 / 2

NodeJS / NPM

Angular JS

Data Binding & Filters

Module, Controller & Views

Directives

Services

Routing

Angular JS 2 changes

Typescript

Working with Angular code

Ionic – Getting Started

Installing the tools

Installing required npm packages

Understanding the Ionic CLI

Platform and SDK – Android / iOS

Starting a fresh project

Running the project

Viewing App with Browser

Viewing on Android Emulator

Viewing on iPhone Emulator

Ionic – ToDo App

Project Structure

Application Logic

Screen Templates

Ionic Components

Navigation Stack

Summary

Advanced Topics – Employee Directory Enterprise App

Application structure and screens

Integrating the screens

Ionic components

Component customization

Working with Web APIs

Integrating Device Features – Go Places App

Cordova CLI

ngCordova / Ionic native

Device console

Adding Camera plugin

Image capture and upload

Geolocation

Putting the Go Places App together

Configuring config.xml, icons, artwork

Customizing Ionic

Wrapping up