4 Apps 1 Code With Ionic

on YouTube ↗50m

" summary

Claim: one codebase produces iOS, Android, Windows and a Progressive Web App with Ionic and Cordova, using Angular and the Ionic CLI/ Lab to build, run and emulate. Demoed a tabs starter and a Netflix-style app, showed 4 apps, 1 code deployed to emulator and browser, verified offline via service worker caching and manifest, and switched languages with ng-translate. Ionic Cloud, deploy and push updates used; apps run and offline caching works.

AI-written summary · about

" chapters (41)

1. 0:00Introduction
2. 0:41About me
3. 2:12Agenda
4. 2:47iOS App
5. 3:46Android App
6. 4:25Windows Universal
7. 4:55Super Web Application
8. 12:55What is Ionic
9. 13:18Ionic
10. 15:18Bootstrap
11. 16:04Angular
12. 16:28Ionic CLI
13. 18:12Customization
14. 18:33Tap The Beer
15. 19:27Native Components
16. 19:40Progressive Web Apps
17. 19:57Service Worker
18. 20:28Multilingual Support
19. 21:03How It Fits Together
20. 21:24Demo
21. 22:50Ionic Lab
22. 23:25Android
23. 24:42Code
24. 25:42Serviceworker
25. 26:09Netflix
26. 26:30Netflix Demo
27. 26:50WebStorm Demo
28. 28:01Delete Cash
29. 28:14Inspect Element
30. 28:24Chrome
31. 28:34Clear Storage
32. 29:27Go Offline
33. 31:11Loaders
34. 32:12The Service Worker
35. 35:07Translation Module
36. 37:21Web Apps
37. 37:43iOS
38. 38:51Scale to 50
39. 39:37View
40. 41:30Get Started
41. 41:57Questions

" related talks

• 38m6 Apps One Code With IonicSani Yusuf · FrontEnd Con 2018
• 47m6 Apps One Code with AngularSani Yusuf · NGConf 2018
• 39m6 APPS ONE CODE WITH IonicSani Yusuf · ngVikings 2018
• 32m5 Apps 1 Code With IonicSani Yusuf · AngularUP 2017
• 30mBuilding Mobile Apps Progressively With IonicSani Yusuf · AngularUP 2016
• 41mWeb, Native iOS and Native Android with one Ember js AppAlexander Blom · Web Unleashed 2015
• 23mOn the Road to PWAs: Building Real Cross-Platform ng Apps with Cordova & ElectronChristian Liebel · ng-europe 2018
• 21mMaking Your Mobile Cross-Platform Dreams Come True with Modern WebMark Thompson · RenderATL 2022