Code once, deploy everywhere with Ionic

on YouTube ↗47m

" summary

Ionic plus Angular (and upcoming Stencil) claim a single web codebase that builds Android, iOS, desktop (Electron) and PWAs via Cordova shells, with platform-adaptive UI and live reload using ionic start / ionic serve. Demo shows direct device access via Web Bluetooth and service workers plus Web Workers for background/offline work. Example app reports 1M+ downloads on Android; APK size ranges about 20–60MB depending on embedded Chromium. Build output is a standard www folder and native packages that run and install.

AI-written summary · about

" chapters (17)

1. 0:00Start
2. 1:48Why Do We Have To Code Once and Deploy Everywhere
3. 8:55Bluetooth Pairing
4. 11:45Web Workers
5. 12:47Ionic
6. 15:12Add Component Decorator
7. 16:41States
8. 17:53Components
9. 18:40Time Pickers
10. 22:37Install Ionic
11. 23:21Create a New App
12. 24:06Dev Server
13. 24:44Advanced Dev Server
14. 27:25Install Electron
15. 28:44Conclusion
16. 33:14The Size of the Binary
17. 46:05Cordova Plugin

" related talks

• 47m6 Apps One Code with AngularSani Yusuf · NGConf 2018
• 38m6 Apps One Code With IonicSani Yusuf · FrontEnd Con 2018
• 39m6 APPS ONE CODE WITH IonicSani Yusuf · ngVikings 2018
• 32m5 Apps 1 Code With IonicSani Yusuf · AngularUP 2017
• 24mSimple Mobile Development With IonicBarbara Ondrisek · WeAreDevelopers Conference Vienna 2016
• 30mBuilding Mobile Apps Progressively With IonicSani Yusuf · AngularUP 2016
• 59mIntro to Ionic–a Cordova & AngularJS-based Mobile Web App FrameworkM. Hartington · Philly ETE 2015
• 50mBuilding Mobile Apps with Ionic 2Alex Muramoto · Jazoon TechDays 2016 Zurich