Online
Classroom

Ionic2

Part of our web Courses

5 days


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

Public Events

Currently we have no public courses planned for Ionic2

Private Events

Do you have a team that needs an Ionic2 course?

Contact Us

Send us a message

This Ionic2 course looks very interesting, I do however have a question