AI Features
Log In
0% completed
All Lessons
Free Lessons (13)
Introduction
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
Core Tools and Technologies
Apache Cordova
Angular
Sass
TypeScript
TypeScript vs JavaScript
StencilJS
Capacitor
Ionic Products and Services
Quiz: Ionic Ecosystem
Beginning Ionic Development
Your First Ionic App
Project Structure of an Ionic App
Quiz: Beginning Ionic Development
Decorators and Classes
Modules
Decorators
Classes
Components
Directives
Pipes
Interfaces
Quiz: Decorators and Classes
Ionic Navigation
Overview of Navigation
Angular Router
Navigation Between Page Components
Accessing Navigation Data
Route Guards
Lifecycle Events
Additional Navigation Options
Navigation Through Tabs
Navigation Through a Side Menu
Quiz: Ionic Navigation
Templates
Introduction to Ionic Templates
The List UI Component
Event Binding
Angular Template Directives: ngFor
Angular Template Directives: ngSwitch, ngIf, ngStyle
Angular Template Directives: ngClass
Multi-line List
Sliding List
Quiz: Templates
Theming Ionic Apps
Platform Continuity
Styling Overrides
CSS Variables
Colors In Ionic
Additional Theming Options
Quiz: Theming Ionic Apps
Awesome Cordova Plugins
Introduction to Awesome Cordova Plugins
Managing Plugins
The Camera Plugin
The Photos App
Quiz: Awesome Cordova Plugins
Capacitor
Overview of Capacitor
Working With Capacitor
Using Capacitor Plugins
Quiz: Capacitor
Working With Data
Basics of Retrieving Data
Loading Data
Data Input Using NgModel
Data Input Using Reactive Forms
Template Driven Forms
Data Storage
Creating a Storage Service
Using Ionic Storage
Quiz: Working With Data
Progressive Web Apps
Introduction to Progressive Web Apps
Creating an Ionic PWA
Deploying to Firebase Hosting
Auditing an Ionic PWA
Quiz: Progressive Web Apps
Animations
Ionic Animations
Exploring Ionic Animations
The Application UI
Finishing Up
Quiz: Animations
Stencil
Overview of Stencil
Authoring Components With Stencil
Creating Custom Stencil Components
Using Custom Components in Stencil Applications
Stencil to Ionic/Angular
Quiz: Stencil
Case Study: Working With APIs
Overview
Generating Your API Key
The App Logic
Wrapping Up
Case Study: My Movies
Overview
Generating Your API Key
Rooting the Application
Using Capacitor Storage
Other Services
Retrieving Movie Genres
Rendering Movies
Credit Where Credit is Due
Listing Saved Searches
The Search Tab
The Saved Searches Tab
The Favorites Tab
Wrapping Up
Case Study: AppyMapper
Overview
Laying the Foundations
Beginning Development
Handling Data
Bringing It All Together
Wrapping Up
Case Study: Ionic Jukebox
Overview
Getting Started
Managing the Application Audio
Home Page Component
The Jukebox UI
Wrapping Up
Refining Your Projects
Debugging and Profiling Apps
Documenting Your Code
Marking Up Your Files
Generating Documentation
Optimizing Code
Conclusion
Final Words
Appendix
Configuring Your Environment
An NPM Primer
Troubleshooting Your Ionic App
Preparing Apps For Release
Code Signing For iOS
Code Signing For Android
Submitting Your iOS App to the Apple App Store
Submitting Your Android App to the Google Play Store
Further Resources
Home
Courses
Mastering Mobile Application Development with Ionic
Final Words
Wrap up the course with a few final words.
We'll cover the following...
Congratulations!
Congratulations!
...
Ask