Mobile HTML5 Websites and Hybrid Apps with AngularJS
summary
Shows building a mobile HTML5 site and a hybrid app with AngularJS that reads markdown slides via an $http service, converts and renders them using ng-repeat and scope, and runs live on a Galaxy S3 using Chrome remote debugging over ADB. Demonstrates the stack Ionic Framework + ngTouch + Cordova for native UX and packaging, tooling like Batarang and Plunker plus single-file build/minify and AngularFire for realtime sync, and gives performance advice (keep DOM small, prefer CSS animations, watch dirty‑checking limits, enable keep‑alive and gzip).
AI-written summary · about
chapters (23)
- 0:00Introduction
- 1:10Mobile web vs native apps
- 2:58What is AngularJS
- 4:05Web components and ES6
- 6:13Modular structure with Angular
- 9:30Live demo on mobile device
- 16:41Model-view separation
- 21:21Advanced filters and features
- 27:01Mobile performance and interactivity
- 31:14DOM optimization and binding
- 34:49Debugging with AngularJS Batarang
- 37:31Touch and swipe handling
- 38:37Local data storage
- 40:01AngularFire and real-time data
- 41:05Device sensor access
- 42:54Development and testing tools
- 44:39Build and deploy with Cordova
- 45:42jQuery Mobile limitations
- 46:45Introduction to Ionic Framework
- 51:11Ionic demo with Plunker
- 54:01Future of AngularJS and mobile
- 55:48Resources and courses
- 57:36Conclusion and Q&A
related talks
39mGoing Hybrid Mobile with Ionic and AngularJS
35mGoing Hybrid Mobile with Ionic and AngularJS
59mIntro to Ionic–a Cordova & AngularJS-based Mobile Web App Framework
20mIonic and Angular Superpowers for Mobile App Development
31mMobile-friendly web apps with Angular
39mOmnichannel Applications with AngularJS
10mGo faster with Angular
32mUse Ionic Framework to Develop Mobile Applications