Back To Course Home
Mastering Mobile Application Development with Ionic
0% completed
Introduction
About This CourseIntroduction to IonicChanges From Previous Versions of Ionic: Part 1Changes From Previous Versions of Ionic: Part 2
The Ionic Ecosystem
Core Tools and TechnologiesApache CordovaAngularSassTypeScriptTypeScript vs JavaScriptStencilJSCapacitorIonic Products and ServicesQuiz: Ionic Ecosystem
Beginning Ionic Development
Your First Ionic AppProject Structure of an Ionic AppQuiz: Beginning Ionic Development
Decorators and Classes
ModulesDecoratorsClassesComponentsDirectivesPipesInterfacesQuiz: Decorators and Classes
Ionic Navigation
Overview of NavigationAngular RouterNavigation Between Page ComponentsAccessing Navigation DataRoute GuardsLifecycle EventsAdditional Navigation OptionsNavigation Through TabsNavigation Through a Side MenuQuiz: Ionic Navigation
Templates
Introduction to Ionic TemplatesThe List UI ComponentEvent BindingAngular Template Directives: ngForAngular Template Directives: ngSwitch, ngIf, ngStyleAngular Template Directives: ngClassMulti-line ListSliding ListQuiz: Templates
Theming Ionic Apps
Platform ContinuityStyling OverridesCSS VariablesColors In IonicAdditional Theming OptionsQuiz: Theming Ionic Apps
Awesome Cordova Plugins
Introduction to Awesome Cordova PluginsManaging PluginsThe Camera PluginThe Photos AppQuiz: Awesome Cordova Plugins
Capacitor
Overview of CapacitorWorking With CapacitorUsing Capacitor PluginsQuiz: Capacitor
Working With Data
Basics of Retrieving DataLoading DataData Input Using NgModelData Input Using Reactive FormsTemplate Driven FormsData StorageCreating a Storage ServiceUsing Ionic StorageQuiz: Working With Data
Progressive Web Apps
Introduction to Progressive Web AppsCreating an Ionic PWADeploying to Firebase HostingAuditing an Ionic PWAQuiz: Progressive Web Apps
Animations
Ionic AnimationsExploring Ionic AnimationsThe Application UIFinishing UpQuiz: Animations
Stencil
Overview of StencilAuthoring Components With StencilCreating Custom Stencil ComponentsUsing Custom Components in Stencil ApplicationsStencil to Ionic/AngularQuiz: Stencil
Case Study: Working With APIs
OverviewGenerating Your API KeyThe App LogicWrapping Up
Case Study: My Movies
OverviewGenerating Your API KeyRooting the ApplicationUsing Capacitor StorageOther ServicesRetrieving Movie GenresRendering MoviesCredit Where Credit is DueListing Saved SearchesThe Search TabThe Saved Searches TabThe Favorites TabWrapping Up
Case Study: AppyMapper
OverviewLaying the FoundationsBeginning DevelopmentHandling DataBringing It All TogetherWrapping Up
Case Study: Ionic Jukebox
OverviewGetting StartedManaging the Application AudioHome Page ComponentThe Jukebox UIWrapping Up
Refining Your Projects
Debugging and Profiling AppsDocumenting Your CodeMarking Up Your FilesGenerating DocumentationOptimizing 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

Further Resources

Find some helpful resources to aid in your journey of learning Ionic.

We'll cover the following
    • Official documentation
    • Other useful links

Official documentation

  • Ionic documentation
  • Apache Cordova documentation
  • Angular documentation
  • Sass documentation
  • TypeScript documentation
  • Capacitor documentation
  • Stencil documentation
  • Apache Cordova plugins documentation
  • spoonacular API documentation
  • TMDb API documentation
  • Compodoc documentation

Other useful links

  • Angular GitHub repository
  • A Hands-on Guide to Angular
  • Sass Basics
  • Capacitor Blog
  • List of Ionic UI Components
  • Ionic Offline Storage
  • New Ionic online color generator
  • List of Awesome Cordova Plugins
  • List of Apache Cordova plugins
  • List of Capacitor plugins

Get hands-on with 1200+ tech skills courses.