Intro to Ionic–a Cordova & AngularJS-based Mobile Web App Framework

on YouTube ↗59m

" summary

Ionic + Cordova + AngularJS stack shows a concrete workflow: scaffold with the CLI, use ngCordova for plugins, bundle Crosswalk for old Android, and deploy via Ionic View or the build service; demo rebuilds the Philly ETE app (lists, maps, camera, share) and scrolls 3,000 items smoothly using collection-repeat by keeping ~15 DOM nodes. Live reload, push/analytics/live-update services and a Creator wireframe exporter are shown; demos mostly work despite Wi‑Fi hiccups.

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 2:19MORE PLATFORMS, MORE CHALLENGES.
3. 10:19STATES
4. 11:04DIRECTIVES
5. 14:42WHAT DO WE NEED NOW
6. 16:38PLATFORM CONTINUITY
7. 17:17How It All Comes Together
8. 19:17SIDE MENUS
9. 19:48TABS
10. 20:12COLLECTION REPEAT
11. 21:21PULL TO REFRESH
12. 22:04npm install -g ionic cordova
13. 45:12GETTING STARTED
14. 47:12ANGULAR 2?

" related talks

• 32mUse Ionic Framework to Develop Mobile ApplicationsLucio Grenzi · Codemotion Milan 2015
• 26mGetting Started Creating Apps with Drupal and Ionic FrameworkMark Conroy · Frontend United 2016
• 39mGoing Hybrid Mobile with Ionic and AngularJSGerred Dillon · FITC Web Unleashed 2014
• 20mIonic and Angular Superpowers for Mobile App DevelopmentAdam Bradley · ng-conf 2015
• 30mBuilding Mobile Apps Progressively With IonicSani Yusuf · AngularUP 2016
• 58mMobile HTML5 Websites and Hybrid Apps with AngularJSCarlo Bonamico · Codemotion Roma 2014
• 35mGoing Hybrid Mobile with Ionic and AngularJSGerred Dillon · Spotlight: AngularJS 2014
• 47mCode once, deploy everywhere with IonicJulien Renaux · Mobile Era 2017