ION705

Complete Ionic Mobile App Development Course with Angular

Q: What will I learn in this Ionic Framework course?

In this comprehensive 2-day course, you will learn to build high-performance, cross-platform mobile and web applications using the Ionic Framework. You'll master Ionic's integration with Angular, understand project structure and navigation, build complex user interfaces with components like tabs, lists, cards, and modals, handle forms using both template-driven and reactive approaches, integrate native device features like geolocation and camera, manage application data with Angular services, and learn how to deploy your apps across multiple platforms.

Q: What are the prerequisites for this course?

This is a beginner-level course designed for students, entry-level professionals, and engineers with an undergraduate qualification. While no prior Ionic experience is required, basic familiarity with web development concepts (HTML, CSS, JavaScript) would be helpful. The course includes Angular 4 basics, so extensive Angular knowledge isn't necessary as we'll cover the fundamentals you need.

Q: What hands-on projects will I work on during the course?

You'll build several practical applications throughout the course, including the 'Favorite Quotes' app, 'The Recipe Book' app, and the 'Awesome Places' app. These projects will help you implement real-world functionalities such as navigation systems, data management, form handling, and native device feature integration like camera access and geolocation services.

Q: Will I learn how to deploy my Ionic apps to real devices?

Yes, the course covers running your Ionic applications on real devices and emulators, ensuring your skills extend beyond simulator-only development. You'll also learn publishing guidelines for different platforms, preparing you to deploy your applications for production across multiple platforms including iOS and Android.

Q: What teaching methods are used in this course?

This course uses a variety of engaging teaching methodologies including lectures, slide presentations, hands-on labs, case studies, group discussions, and Q&A sessions. This multi-faceted approach ensures you get both theoretical knowledge and practical experience building real applications.

Q: How does this course cover native device features integration?

The course provides in-depth coverage of integrating native device capabilities into your Ionic apps. You'll learn to access and implement features like geolocation services for location-based functionality and camera access for photo capture, all while building the 'Awesome Places' app as a practical example.

Q: What makes Ionic suitable for cross-platform development?

Through this course, you'll understand how Ionic enables you to write code once and deploy across multiple platforms (iOS, Android, and web) while maintaining a native-like user experience. You'll learn how Ionic's integration with Angular and its extensive component library allows you to create high-performance applications that look and feel native on each platform.

Q: Where is the training conducted?

Our online trainings are conducted usually using Zoom or Google Meet. Our physical trainings are normally held in Common Ground, Bangsar South .

Q: Can international participants join this course?

Please check the Available in section to see which countries the course is available in. If your country is not listed, please contact us.

Q: What is the difference between public, corporate, and training provider pricing?

Public pricing : applies for individuals signing up from different companies. Corporate pricing : applies if a company wants to have an intake for its employees only. Training provider pricing : applies only for other training providers looking to hire our trainers and use our content. Our content has a licensing fee.

Excel in hybrid mobile and web application development with our Ionic Framework training course. Enroll now for a skill set tailored specifically to creating performant cross-platform apps.

Available in:
Malaysia

Created: February 3rd 2021, 4:26 PM MYT Last Modified: January 24th 2026, 2:09 PM MYT

beginner

We price match

Public Pricing

MYR 3500

Corporate Pricing

Pax:

Training Fees: MYR 6500/day

Total Fees: MYR 39000 ++

Training Provider Pricing

Pax:

Training Fees: MYR 2400/day

Material Fees: MYR 400

Total Fees: MYR 14800 ++

Features

6 days

48 modules

English

Technical: 25 pax

Target Audience

students

engineers

Methodologies

lecture

slides

labs

case studies

group discussion

q&A

Subsidies

What you'll learn

Prepare your application for production deployment across multiple platforms.
Build complex user interfaces using Ionic's extensive component library.
Understand the integration of Ionic with Angular for app development.
Implement navigation stacks, tabs, lists, and modal dialogs in your apps.
Incorporate native device features such as geolocation and camera within your apps.
Handle user input through both template-driven and reactive forms.
Manage application state and data flow with Angular services.
Learn to structure an Ionic project and navigate between its components.

Why should you attend?

Dive into the world of hybrid app development with our comprehensive Ionic Framework training course. This program is meticulously designed to equip you with the skills needed to create high-performance, cross-platform mobile and web applications that offer a native-like experience. Our course begins with an introduction to the Ionic ecosystem and its integration with Angular, setting the foundation for your journey into app development. As you progress, you will master the basics of Ionic's project structure, understand how navigation works within apps, and differentiate between pages and components. With hands-on projects like the 'Favorite Quotes' and 'The Recipe Book' apps, you'll learn to implement complex functionalities such as tabs, lists, cards, and modals. The course also delves deep into data management with services and explores form handling using both template-driven and reactive approaches. Moreover, you'll gain insights into running your Ionic app on real devices or emulators, ensuring that your skills are not confined to the simulator alone. By building apps like 'Awesome Places', you'll integrate native device features like geolocation and camera access, while managing data effectively. Finally, we cover publishing guidelines for different platforms and introduce Angular 4 basics to round off your learning experience.

Course Syllabus

Day 1 - Getting Started Basics

Module 1

Module 2

Short Break

15 mins

Module 3

Module 4

Recap and Q&A

15 mins

Lunch

1 hour

Module 5

Module 6

Short Break

15 mins

Module 7

Module 8

Recap and Q&A

15 mins

End of Day 1

Day 2 - Navigation and Components

Module 9

Module 10

Short Break

15 mins

Module 11

Module 12

Recap and Q&A

15 mins

Lunch

1 hour

Module 13

Module 14

Short Break

15 mins

Module 15

Module 16

Recap and Q&A

15 mins

End of Day 2

Day 3 - Mobile Builds and Forms

Module 17

Module 18

Short Break

15 mins

Module 19

Module 20

Recap and Q&A

15 mins

Lunch

1 hour

Module 21

Module 22

Short Break

15 mins

Module 23

Module 24

Recap and Q&A

15 mins

End of Day 3

Day 4 - Recipe Management and Authentication

Module 25

Module 26

Short Break

15 mins

Module 27

Module 28

Recap and Q&A

15 mins

Lunch

1 hour

Module 29

Module 30

Short Break

15 mins

Module 31

Module 32

Recap and Q&A

15 mins

End of Day 4

Day 5 - Native Features and Deployment

Module 33

Module 34

Short Break

15 mins

Module 35

Module 36

Recap and Q&A

15 mins

Lunch

1 hour

Module 37

Module 38

Short Break

15 mins

Module 39

Module 40

Recap and Q&A

15 mins

End of Day 5

Day 6 - Publishing and Advanced Topics

Module 41

Module 42

Short Break

15 mins

Module 43

Module 44

Recap and Q&A

15 mins

Lunch

1 hour

Module 45

Module 46

Short Break

15 mins

Module 47

Module 48

Recap and Q&A

15 mins

End of Day 6

Ratings and Reviews

( 4 ratings )

75%

25%

( 0 reviews )

Instructor

Osama Eldrieny Product Design Lead

Trainer Profile

Osama Eldrieny is an accomplished Product Design Lead with extensive expertise in creating user-centered digital experiences and building scalable design systems across multiple platforms and industries. With a proven track record of leading high-performing design teams and delivering exceptional user experiences, Osama brings a strategic approach to product design that seamlessly aligns user needs with business objectives. Currently serving as Product Design Lead at WhipMobility and UX Lead at FPT Software in Kuala Lumpur, Osama manages cross-functional teams of designers and engineers to develop responsive web and mobile applications. His leadership extends beyond design execution to include facilitating workshops, conducting design validation sessions, and implementing robust design system processes that ensure consistency across multiple platforms. His ability to define product roadmaps with clear goals aligned with business strategy has been instrumental in driving product success. Osama's technical proficiency spans industry-leading tools including Figma, WebFlow, Framer, Tokens Studio, Adobe XD, and Sketch. He specializes in creating and scaling design systems through the implementation of Design Tokens, having previously achieved a remarkable 70% time savings by streamlining design processes at Ultradata. His expertise encompasses the full spectrum of UX/UI design, from wireframing and prototyping to interaction design and advanced prototyping using Figma Variables. With deep knowledge of user-centered design principles, Osama excels at conducting user research, usability testing, and gathering feedback to drive informed design decisions. His approach incorporates design thinking methodologies for problem-solving, ideation, and iteration, ensuring that every solution is both innovative and practical. As a Certified SAFe 5 Product Owner/Product Manager and Google UX Design Professional Certificate holder, Osama brings structured agile methodology experience to collaborative environments, working effectively with product managers, developers, and stakeholders to deliver impactful solutions that drive measurable business results.

5 Courses

English, Arabic

9 Years

( 0 ratings )

( 0 reviews )

FAQ

Frequently Asked Questions About This Course

What will I learn in this Ionic Framework course?

What are the prerequisites for this course?

What hands-on projects will I work on during the course?

Will I learn how to deploy my Ionic apps to real devices?

What teaching methods are used in this course?

How does this course cover native device features integration?

What makes Ionic suitable for cross-platform development?

Where is the training conducted?

Can international participants join this course?

What is the difference between public, corporate, and training provider pricing?

Do I have to pay right away?

I just enrolled in an intake. Does that mean I can attend the course on that date?

What happens if quorum for an intake is not reached?

Why should you attend?

What you'll learn

Prepare your application for production deployment across multiple platforms.
Build complex user interfaces using Ionic's extensive component library.
Understand the integration of Ionic with Angular for app development.
Implement navigation stacks, tabs, lists, and modal dialogs in your apps.
Incorporate native device features such as geolocation and camera within your apps.
Handle user input through both template-driven and reactive forms.
Manage application state and data flow with Angular services.
Learn to structure an Ionic project and navigate between its components.

Course Syllabus

Day 1 - Getting Started Basics

Module 1

Module 2

Short Break

15 mins

Module 3

Module 4

Recap and Q&A

15 mins

Lunch

1 hour

Module 5

Module 6

Short Break

15 mins

Module 7

Module 8

Recap and Q&A

15 mins

End of Day 1

Day 2 - Navigation and Components

Module 9

Module 10

Short Break

15 mins

Module 11

Module 12

Recap and Q&A

15 mins

Lunch

1 hour

Module 13

Module 14

Short Break

15 mins

Module 15

Module 16

Recap and Q&A

15 mins

End of Day 2

Day 3 - Mobile Builds and Forms

Module 17

Module 18

Short Break

15 mins

Module 19

Module 20

Recap and Q&A

15 mins

Lunch

1 hour

Module 21

Module 22

Short Break

15 mins

Module 23

Module 24

Recap and Q&A

15 mins

End of Day 3

Day 4 - Recipe Management and Authentication

Module 25

Module 26

Short Break

15 mins

Module 27

Module 28

Recap and Q&A

15 mins

Lunch

1 hour

Module 29

Module 30

Short Break

15 mins

Module 31

Module 32

Recap and Q&A

15 mins

End of Day 4

Day 5 - Native Features and Deployment

Module 33

Module 34

Short Break

15 mins

Module 35

Module 36

Recap and Q&A

15 mins

Lunch

1 hour

Module 37

Module 38

Short Break

15 mins

Module 39

Module 40

Recap and Q&A

15 mins

End of Day 5

Day 6 - Publishing and Advanced Topics

Module 41

Module 42

Short Break

15 mins

Module 43

Module 44

Recap and Q&A

15 mins

Lunch

1 hour

Module 45

Module 46

Short Break

15 mins

Module 47

Module 48

Recap and Q&A

15 mins

End of Day 6

We price match

Public Pricing

MYR 3500

Corporate Pricing

Pax:

Training Fees: MYR 6500/day

Total Fees: MYR 39000 ++

Training Provider Pricing

Pax:

Training Fees: MYR 2400/day

Material Fees: MYR 400

Total Fees: MYR 14800 ++

Features

6 days

48 modules

English

Technical: 25 pax

Target Audience

students

engineers

Methodologies

lecture

slides

labs

case studies

group discussion

q&A

Subsidies

Ratings and Reviews

( 4 ratings )

75%

25%

( 0 reviews )

Instructor

Osama Eldrieny Product Design Lead

Trainer Profile

5 Courses

English, Arabic

9 Years

( 0 ratings )

( 0 reviews )

FAQ

Frequently Asked Questions About This Course

What will I learn in this Ionic Framework course?

What are the prerequisites for this course?

What hands-on projects will I work on during the course?

Will I learn how to deploy my Ionic apps to real devices?

What teaching methods are used in this course?

How does this course cover native device features integration?

What makes Ionic suitable for cross-platform development?

Where is the training conducted?

Can international participants join this course?

What is the difference between public, corporate, and training provider pricing?

Do I have to pay right away?

I just enrolled in an intake. Does that mean I can attend the course on that date?

What happens if quorum for an intake is not reached?

Top companies choose Abundent Academy

201601037204 (1208145-P)

Complete Ionic Mobile App Development Course with Angular

Share this course

Public Pricing

Corporate Pricing

Training Provider Pricing

Features

Target Audience

Methodologies

Subsidies

What you'll learn

Why should you attend?

Course Syllabus

Day 1 - Getting Started Basics

Getting Started with Ionic

Project Setup and First Steps

Short Break

Core Concepts and Navigation

Page Lifecycle and Theming

Recap and Q&A

Lunch

Quotes App - Structure and Navigation

Quotes App - Data and Lists

Short Break

Quotes App - Cards and Grid Layout

Quotes App - Alerts and Services

Recap and Q&A

End of Day 1

Day 2 - Navigation and Components

Quotes App - Advanced List Features

Quotes App - Modal Data Management

Short Break

Quotes App - Favorites and Interactions

Quotes App - Theming and Sidemenu

Recap and Q&A

Lunch

Quotes App - Settings and Completion

Ionic Components Deep Dive - Part 1

Short Break

Ionic Components Deep Dive - Part 2

Custom Components and Practice

Recap and Q&A

End of Day 2

Day 3 - Mobile Builds and Forms

Building for Mobile Platforms

Recipe Book App - Setup and Structure

Short Break

Recipe Book App - Forms Introduction

Recipe Book App - Form Validation and Models

Recap and Q&A

Lunch

Recipe Book App - Shopping List Features

Recipe Book App - Reactive Forms Setup

Short Break

Recipe Book App - Action Sheets and Dialogs

Recipe Book App - Form Completion and Toasts

Recap and Q&A

End of Day 3

Day 4 - Recipe Management and Authentication

Recipe Book App - Recipe Management

Recipe Book App - Recipe Details and Editing

Short Break

Recipe Book App - Final Features

Extended Recipe Book - Planning and Setup

Recap and Q&A

Lunch

Extended Recipe Book - Authentication Forms

Extended Recipe Book - Signup Implementation

Short Break

Extended Recipe Book - User State Management

Extended Recipe Book - HTTP Requests

Recap and Q&A

End of Day 4

Day 5 - Native Features and Deployment

Extended Recipe Book - Deployment

Awesome Places App - Setup and Models

Short Break

Awesome Places App - Forms and Maps

Awesome Places App - Location Features

Recap and Q&A

Lunch