IONIC App Development



Ionic is one of the most exciting technologies you can learn at the moment - it enables you to use one codebase (written in HTML, JS and CSS) to build and ship apps as normal (progressive) web apps as well as real native mobile apps for iOS and Android. This course teaches you the latest version of Ionic from scratch with no prior knowledge about it assumed.

4.5 out of 5 based on 875 ratings. 5 user reviews.  Last updated 2/2019

The Ionic framework allows you to do just that! Use your existing Angular, HTML, JS and CSS knowledge and build your native mobile app with that! Ionic offers a lot of beautiful components (which you'll learn about in this course) that can be used to compose native-like user interfaces.

Capacitor (another tool provided by the Ionic team) will handle the rest as it's used to then build a native mobile app for iOS/ Android based on your code. This allows you to focus on the things you know and release your application on all possible devices (desktop and mobile) without having to learn thousands of different languages! Indeed, with Ionic, you can use one codebase to ship three different apps (iOS, Android, web).


  • Angular fundamentals are required, though a brief refresher is also provided in the course
  • Basic HTML, JS and CSS knowledge is required.
  • NO advanced Angular knowledge is required.

Target Audience

Our target audience is usually those who are already in the fields of marketing, professional managers in content and media fields, entrepreneurs of the business market who have a better understanding of how it works. However, we always encourage our aspiring students to do their best and develop the best position in the field of IONIC App Development. At the end of the course, we provide certificates which further increase our student's value in the marketplace.


Anybody who are beginners without programming knowledge interested in IONIC App Development can take this Training.

Ionic 4 - Build iOS, Android & Web Apps with Ionic & Angular.Build Native iOS & Android as well as Progressive Web Apps with Angular, Capacitor and the Ionic Framework.

What you'll learn

  • Build native apps and progressive web apps from one and the same codebase.
  • Dive deeper into Ionic 4 to learn more about core and advanced features.
  • Build native apps for iOS and Android, using Angular and the powerful features Ionic 4 offers.
  • Test iOS and Android apps on real devices and publish those apps to the app stores of the two platforms.
  • Getting Started
    • Course Introduction
    • What Is Ionic?
    • A Closer Look at the Ionic Platform
    • What is Angular?
    • Our First Ionic App!
    • The History of Ionic
    • Ionic 4+ vs Ionic 3
    • How to Build Native Mobile Apps with Ionic
    • Course Outline
    • How To Get The Most Out Of The Course
  • Ionic Component Basics
    • Module Introduction
    • Core App Building Blocks
    • Under the Hood of Ionic Components
    • Setting Up a Non-Angular Ionic Project
    • Where to Learn all about Ionic Components
    • Using Basic Ionic Components
    • More Basic Components
    • Component Categories
    • Using the Ionic Grid
    • Adding Icons & Using Slots
    • Using CSS Utility Attributes
    • Using Ionic Elements like "Normal" HTML Elements
    • Validating User Input
    • Creating Ionic Elements Programmatically
  • Angular + Ionic
    • Module Introduction
    • Why Use Angular?
    • Creating a New Ionic Angular Project
    • Analyzing the Created Project
    • How Angular & Ionic Work Together
    • Adding & Loading a New Page
    • Using Angular Features on Ionic Components
    • Managing State with Services
    • Extracting and Displaying Route Param Data
    • Injecting Ionic Controllers
  • Building Native Apps with Capacitor
    • Module Introduction
    • General Information
    • Creating an Android App
    • Creating an iOS App
    • Wrap Up
  • Navigation & Routing in Ionic Apps
    • Ionic Page Caching & Extra Lifecycle Hooks
    • Planning the Course Project
    • Creating Our App Pages
    • Adjusting Our Main Routing Configuration
    • Understanding Ionic Tabs
    • Adding Tabs to the App
    • Preparing Data & Services for the Project
    • Outputting "Places"
    • Adding Forward Navigation
    • Going Back with NavController
    • Navigating via Toolbar Buttons
    • Extracting the ID of Loaded Places
    • Opening + Closing the SideDrawer
    • Adding Links & Switching Pages
    • Adding the Auth Service
    • Opening a Modal
    • Closing the Modal & Passing Data
  • Ionic Components Overview
    • Attributes & Slots
    • Ionic Grid Basics
    • Controlling Grid Column Sizes
    • Controlling Grid Alignment
    • Responsive Grid Sizing
    • Grid Summary
    • ion-list vs ion-grid
    • ion-label & ion-item
    • ion-text
    • Understanding Virtual Scrolling
    • Implementing Virtual Scrolling
    • Adding Image Elements
    • Segmented Buttons
    • Using the ActionSheet Controller
  • Styling & Theming Ionic Apps
    • How Styling & Theming Works in Ionic Apps
    • Docs & Utility Attributes
    • Setting Global Theme Variables
    • Setting Global Styles
    • Setting All Colors at Once
    • Setting Platform-Specific Styles
    • Styling Core Components with Variables
    • Adding Custom CSS Rules
    • Component-specific CSS Variables
    • Wrap Up
  • Handling User Input
    • User Input Requirements
    • Adding a Template-driven Form
    • Handling Validation
    • Switching Between Auth Modes
    • Finishing the Auth Form
    • Starting Work on a New Offer Form
    • Finishing the Offer Form Template
    • Creating a Reactive Form
    • Syncing the Form to the Template
    • Finishing the New Offer Form
    • Edit Form Challenge
    • Adding the Edit Offer Form
    • Starting with the Booking Form
    • Working on the Book Place Template
    • Configuring the Date Controls
    • Validating & Submitting the Form
    • Wrap Up

Start your free trial

Test out the Machine Learning features for 14 days, no credit card required.