Join Matt Netkow, Head of Developer Relations, and Nick Hyatt, Appflow Product Manager, as they walk through Capacitor, Ionic's new open source cross-platform app runtime that makes it easier to build web apps that run natively on iOS, Android, Electron, and the web.

1. Building Capacitor
Apps in Appflow

2. Housekeeping Items
➔ This webinar is being recorded
➔ The presentation will be about 50 minutes
➔ All registrants will receive a link to the on-demand recording
following the event
➔ You can submit questions to the speakers during the live event
using the Q&A panel

3. Presenters
Nick Hyatt
Lead Product Manager
@NicholasPHyatt
nick@ionicframework.com
Matt Netkow
Head of Developer Relations
@dotNetkow
matt.netkow@ionicframework.com

4. Agenda
➔ Ionic Overview
➔ Capacitor and Appflow Overview
➔ Demo Time!
➔ Key Takeaways
➔ Q&A

5. Ionic Framework
Mobile-ready UI library that works
everywhere: any platform, any device,
any framework.
➔ Build for iOS, Android, Electron, PWAs, Web
➔ One codebase across all platforms
➔ Use basic web skills: HTML, JS, CSS
➔ Full access to Native APIs

6. Hybrid Architecture
HTML, CSS, JavaScript
Runs in a “browser” WebView
Wrapped in native app shell
Access device capabilities via plugins
➔ Cordova or Capacitor

7. ➔ Cross-platform runtime iOS, Android, Desktop, and the Web
➔ Backward-compatibility Support for Cordova
➔ #UseThePlatform Web-focused APIs that stay close to Standards
➔ “Code Once, Configure Everywhere” Modern Native tooling for easy maintenance
➔ Inspiration Cordova, React Native, and Turbolinks

8. 🎉 DevOps for Everyone 🎉
➔ Native Package Reliable Native Builds in the Cloud
➔ Live Deploy Real-time Updates
➔ Continuous Delivery Pipeline Automation

9. D E M O
Cordova to Capacitor Migration
Appflow Live Deploy
+

10. Key Takeaways
➔ Ionic Native & Cordova are (mostly) backward compatible with Capacitor
➔ Audit then migrate existing plugins, but continue to use Cordova if needed
➔ All Appflow features now support Capacitor

11. Resources
➔ Capacitor: capacitor.ionicframework.com
◆ See “Migrating from Cordova to Cap” section
➔ Appflow: https://ionicframework.com/docs/appflow
➔ Demo code: https://github.com/ionic-team/webinar-capflow
➔ Recording & links emailed after the webinar!

12. Questions?
Nick Hyatt
Lead Product Manager
@NicholasPHyatt
nick@ionicframework.com
Matt Netkow
Head of Developer Relations
@dotNetkow
matt.netkow@ionicframework.com
➔ sales@ionicframework.com