Building Mobile Apps with Ionic 2
summary
Ionic 2 uses Angular 2 and TypeScript, bundles Cordova plugins via Ionic Native wrappers, and demos a geolocation app that fetches nearby restaurants, renders native-styled UI components, and achieves 60 fps scrolling and hardware-accelerated animations. Build steps shown: ionic serve, ionic upload/ionic view, and ionic run ios --device. Code size claimed: ~35 lines template, ~50 lines controller, 13 lines CSS. Production features include ahead-of-time compiling, tree-shaking, and release-candidate status with thousands of icons and wide npm adoption.
AI-written summary · about
chapters (25)
- 0:00Introduction and speaker intro
- 1:01What is hybrid app development?
- 3:29Challenges of pure JavaScript apps
- 7:44Why Ionic framework exists
- 10:15Ionic 2 overview and setup
- 12:03Ionic UI components and theming
- 15:37Accessing native device features
- 17:47Performance optimizations in Ionic
- 20:16Ionic community and adoption
- 22:00Code once run everywhere promise
- 23:50Platform-specific styling
- 24:34Live coding demo introduction
- 24:54Project structure and setup
- 27:20Home page component explained
- 30:07Running and testing the app
- 31:15Building the restaurant list UI
- 34:06Improving layout with Ionic grid
- 36:13Adding star ratings and styling
- 38:56Adding geolocation functionality
- 42:37Implementing search feature
- 44:45Deploying to physical devices
- 47:12Building and running the app
- 47:55Resources and community
- 49:19Ionic 2 release candidate announcement
- 49:41Q&A and closing remarks
related talks
32mUse Ionic Framework to Develop Mobile Applications
24mSimple Mobile Development With Ionic
20mIonic and Angular Superpowers for Mobile App Development
39mGoing Hybrid Mobile with Ionic and AngularJS
30mBuilding Mobile Apps Progressively With Ionic
59mIntro to Ionic–a Cordova & AngularJS-based Mobile Web App Framework
26mGetting Started Creating Apps with Drupal and Ionic Framework
47mCode once, deploy everywhere with Ionic