HomeCoursesMastering Mobile Application Development with Ionic

Updated 27 Aug

AI-powered learning

Save

Mastering Mobile Application Development with Ionic

Name: Mastering Mobile Application Development with Ionic
Price: 59 USD
Author: James Griffiths

Gain insights into Ionic's UI toolkit for cross-platform apps using HTML, CSS, and TypeScript. Explore CLI, CapacitorJS, and Stencil, culminating in deploying real-world apps to multiple platforms.

5.0

128 lessons

39h 19min

Created by James Griffiths

Mastering Mobile Application Development with Ionic

What's included

128 lessons across 20 modules
12 quizzes with instant feedback
AI Tutor on every lesson

Join 3.1 million developers at

What You'll Learn

A deep understanding of the Ionic ecosystem and its products and services.
The ability to build fully functional Ionic applications using Angular, Apache Cordova, Capacitor, and Stencil Web Components.
A working knowledge of the Ionic Animations API and its functions.
The ability to integrate third-party API services into your Ionic applications.
Hands-on experience building and deploying Progressive Web Apps (PWAs) using Ionic and Firebase.
Hands-on experience developing cross-platform apps for iOS, Android, Web, and Desktop.

Learning Roadmap

128 Lessons12 Quizzes

Introduction

Get familiar with Ionic for cross-platform app development using a single codebase.

About This Course

Introduction to Ionic

Changes From Previous Versions of Ionic: Part 1

Changes From Previous Versions of Ionic: Part 2

The Ionic Ecosystem

Discover the logic behind Ionic's ecosystem, including core tools, frameworks, and complementary technologies.

Core Tools and Technologies

TypeScript vs JavaScript

StencilJS

Capacitor

Ionic Products and Services

Quiz: Ionic Ecosystem

Beginning Ionic Development

3 Lessons

Explore the basics of creating an Ionic app and understanding its project structure.

Decorators and Classes

8 Lessons

Grasp the fundamentals of decorators, classes, components, directives, pipes, and interfaces in Ionic development.

Ionic Navigation

10 Lessons

Solve problems in Ionic navigation using Angular routing for optimized, efficient app navigation.

Templates

9 Lessons

See how it works to create and use Ionic templates for dynamic UI and navigation.

Theming Ionic Apps

6 Lessons

Piece together the parts of theming Ionic apps, from platform-specific styling to custom CSS variables and colors.

Awesome Cordova Plugins

5 Lessons

Try out Cordova plugins in Ionic apps for native features, image capture, and functionality enhancement.

Capacitor

4 Lessons

Get started with Capacitor for integrating native features and plugins into Ionic apps.

10.

Working With Data

9 Lessons

Examine data retrieval, input methods, storage solutions, and the HttpClient service in Ionic.

11.

Progressive Web Apps

5 Lessons

Enhance your skills in creating, deploying, and auditing Ionic Progressive Web Apps.

12.

Animations

5 Lessons

Dig deeper into integrating and leveraging Ionic Animations to enhance app interactivity and performance.

13.

Stencil

6 Lessons

Investigate Stencil for creating reusable web components, enhancing development efficiency and SEO.

14.

Case Study: Working With APIs

4 Lessons

Build on integrating APIs with Ionic/Angular to create dynamic, user-friendly apps.

15.

Case Study: My Movies

13 Lessons

Step through creating a cross-platform Ionic app utilizing TheMovieDB API for movie management.

16.

Case Study: AppyMapper

6 Lessons

Get started with developing AppyMapper, using Ionic, Capacitor, and interactive map features.

17.

Case Study: Ionic Jukebox

6 Lessons

Go hands-on with developing a feature-rich MP3 player using Ionic and Angular.

18.

Refining Your Projects

5 Lessons

Enhance your skills in debugging, documenting, and optimizing code for efficient mobile app development.

19.

Conclusion

Take a look at your achievements in mastering essential Ionic mobile app development skills.

Final Words

20.

Appendix

9 Lessons

Focus on configuring environments, NPM use, troubleshooting, app release, code signing, and app submission.

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

About this course

WHY I WROTE THIS COURSE

Ionic is an open-source UI toolkit for building cross-platform applications using HTML, CSS, and TypeScript. Integrating with popular front-end frameworks like Angular, React, and Vue, Ionic empowers you to build rich user experiences that you can deploy on the web, mobile, or desktop. This course is a comprehensive introduction to the core products and services of Ionic, emphasizing CLI, CapacitorJS, and Stencil Web Components. You’ll build on this foundation by exploring UI components, core features of Typescript, Angular routing/navigation, theming, data storage, asynchronous data handling, the rxJS library, and much more. Also, you'll be exposed to various Ionic plug-ins and components before concluding with 4 case studies of real-world application development. By the end of this course, you'll be equipped to build cross-platform Ionic applications and submit them to the Apple App and Google Play stores, publish as Progressive Web Apps, or deliver via Electron desktop applications.

ABOUT THE AUTHOR

James Griffiths

Once-upon-a-time skateboarder. Front-end/mobile app developer. Blogger. Author. Sculptor. Traveller.

Learn more about James

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer