Ionic Capacitor Crash Course

Learn Capacitor to Build Android, iOS & PWA Mobile App with Angular, React & Vue Web App. Learn Ionic Framework v6

What is Ionic Capacitor?

What you’ll learn

  • How to create and build (compile and package) a Cordova project using the CLI (Command Line Interface)..
  • How to use several Capacitor Plugin APIs such as Geolocation, Contacts, and Camera..
  • Integrate Capacitor into Angular, React or Vue App.
  • Learn basics of Ionic Framework v6.

Course Content

  • Capacitor: An Alternative to Cordova –> 4 lectures • 13min.
  • Angular & Capacitor – Add Capacitor into Angular 12 Web App –> 5 lectures • 33min.

Ionic Capacitor Crash Course

Requirements

  • To complete this workshop, all you need is a code editor, a modern browser, and a connection to the Internet..
  • A working knowledge of HTML and JavaScript is assumed, but you don’t need to be a JavaScript guru..

What is Ionic Capacitor?

Capacitor is a spiritual successor to Apache Cordova and Adobe PhoneGap, with inspiration from other popular cross-platform tools like React Native, but focused entirely on enabling modern web apps to run on all major platforms with ease.

Capacitor provides consistent, web-based APIs that enable it to build cross-platform mobile apps that run on iOS, Android, and the Web.

Covert Modern Web App into Mobile App with Capacitor

Capacitor provides a native mobile runtime and API layer for web apps. It does not come with any specific set of UI controls. You convert your new web app or existing modern web app (Angular, React, Vue, or using HTML, CSS & JavaScript) into Cross Platform Mobile App like Android, iOS or Progressive Web App.

Ionic Framework

Ionic is an open source mobile toolkit for building high quality, cross-platform native and web app faster with a single code base, running everywhere with JavaScript and the Web.

Build native-powered app experiences with a collection of open source and premium plugins and integrations that make it easy to add native device functionality to any Ionic app with Ionic Capacitor or Apache Cordova.

Capacitor Plugin

Capacitor automatically generates JavaScript hooks on the client, so most plugins only need to use Swift/Obj-C for iOS and/or Java/Kotlin for Android. Of course, adding custom JavaScript for a plugin is also possible.

Apache Cordova

Apache Cordova is an open source native runtime that allows developers to build native mobile apps with HTML, CSS, and JavaScript. Similar to Capacitor, Ionic’s own native runtime, Cordova allows developers to access native device features, such as camera, keyboard, and geolocation, using a system of plugins. You can check out my course “Apache Cordova – Build Hybrid Mobile App for Android & iOS” for more details.

Get Tutorial