I am pleased to announce I will be giving live online training on Ionic through O’Reilly training. The online sessions will be held on June 5 & 6, 2017 from 7:00 am – 10:00 am PDT.
By the end of this live, online course, you’ll understand:
- How Ionic, Cordova, and Angular work together to create hybrid mobile apps
- How to design and program Ionic apps
- How to publish your applications to the app stores
And you’ll be able to:
- Generate Ionic applications using the Ionic CLI
- Use common Ionic UI components
- Extend your Ionic applications with Ionic Native
- Preview your applications on your devices
- Compile your applications to ready them for submission to mobile app stores
Here is the course outline:
The timeframes are only estimates and may vary according to how the class is progressing
DAY 1
Introduction to Ionic (20 minutes)
- Lecture: What’s new in Ionic 2; introduction to the Ionic CLI; Ionic file structure
- Hands-on exercise: Create an Ionic blank template
Introduction to Angular and TypeScript (30 minutes)
- Lecture: Introduction to Angular and TypeScript
- Hands-on exercise: Short quiz
Building your first app (30 minutes)
- Lecture: Building your first app with Ionic2Do; using Ionic serve to preview your application
- Hands-on exercise: Compile and run your Ionic2Do app locally in the browser
Break (10 minutes)
Styling your Ionic app (30 minutes)
- Lecture: How Ionic apps are themed; using Ionic View to quickly preview the app on your device
- Hands-on exercise: Preview your app on your mobile device (with data stored remotely)
Ionic Native (30 minutes)
- Lecture: Adding native touches to your application using Cordova plugins via Ionic Native; publishing the application to the app stores
- Hands-on exercise: Replace the JavaScript dialog with a native dialog
Debugging Ionic applications (20 minutes)
- Lecture: How to debug your application
- Hands-on exercise: Use Chrome or Safari to remote debug your application
Wrap-up and Q&A (10 minutes)
DAY 2
Building your second app (30 minutes)
- Lecture: Building an app with IonicParks; exploring Ionic Tabs; loading data; Ionic Lists
- Hands-on exercise: Build an application using the local data file and rendering the park list
Ionic navigation (30 minutes)
- Lecture: How navigation works in an Ionic application; using the Ionic generate command to improve your workflow; designing the park details screen
- Hands-on exercise: Generate and populate the park details screen of the app
Google Maps integration (30 minutes)
- Lecture: Adding a map to your application; custom classes
- Hands-on exercise: Add a live Google map to your application
Break (10 minutes)
Exploring other Ionic components (30 minutes)
- Lecture: Common Ionic components (slides, popover, date and time, toast, grid, and gestures)
- Hands-on exercise: Short quiz
Accelerate your application’s development and features (30 minutes)
- Lecture: The larger elements of Ionic that can accelerate your application’s development and features (exploring Ionic.io, deploy, build, notification, and users)
- Hands-on exercise: Short quiz
Next steps, wrap-up, and Q&A (20 minutes)
I hope to see you there.
To sign up for the course, visit Safari Online.
Prototype A 