Creating hybrid mobile applications is a great way to leverage your knowledge of web languages like HTML5, CSS, and JavaScript. Modern frameworks such as AngularJS and Ionic make it easier with pre-built templates and components.

Course outline
Ionic course will consist of modules that help students/developers build single view app to multi-tab app from scratch

Note: The topics covered in this course might get slightly adjusted depending on the cumulative decision made by the candidates who have signed up for the course.

Target Audience

Candidates who aspire to learn new technology or is aspiring to learn hybrid mobile app development.

Pre-requisites
We expect candidates to have basic knowledge in using REST APIs, either through POSTMAN or a command-line interface.

  • Introduction & Set-up
    Introduction
    Installing Ionic
    Setup Environment
  • Getting Started

    Creating the ionic application
    Serving the first application
    Project Structure
  • Ionic Components
    Ionic lists items etc
    Menus
    Slides
    Tabs
    Cards
    Icons
    Form elements e.g. Buttons, Checkbox, Inputs etc.
    Grids
  • Navigation
    Basic Navigation
    Navigating from the Root component
    Navigating from an Overlay Component
    Pushing a View
    Removing a view
  • Theming
    Introduction
    SASS
  • Loaders, Modals and Popovers
    Loading
    Modals
    Popovers
    Alerts
    Toasts
  • Gestures Events
    Gestures
    Events
  • Storage
    Ionic Storage
    Ionic SQLite Storage
  • Ionic Native
    Device Information
    Camera
    Http
    In App Browser
    Android permissions
    FlashLight
  • Deployment
    Cli and Ionic lab overview
    Creating build for Android & IOS
    Running and emulating the application