-
Get started with the Ionic 3.0. Learn how to develop highly performant mobile apps targeting iOS, Android, and Windows while still making use of a single code base.
In a landscape where mobile apps are at the forefront of technology, it can be challenging to pick an appropriate strategy for reaching users on different platforms. In this project-based course, Sani Yusuf walks through the ins and outs of the Ionic 3.0 framework, and shows how to develop highly performant mobile applications targeting iOS, Android, and Windows while still making use of a single code base. Sani provides an overview of Ionic, and introduces key features in the latest version of the mobile SDK. To help provide a practical context for the course concepts, he takes you through how to build three separate mobile applications with Ionic.
Overview
Syllabus
-
Introduction
- Welcome
- Why learn Ionic 3.0
- What you should already know
- Things you will need
- Using exercise files
- Ionic overview
- Setting up the Ionic CLI
- Understanding the Ionic CLI
- Creating a blank Ionic app
- Overview of a blank Ionic app
- Headers and list components
- Adding list slide options
- Getting user input with alert component
- Creating services in Ionic
- Implement list re-ordering
- Intro to push/pop navigation
- Implement todo deletion
- Using toast component to show feedback
- Challenge: Todo app challenge
- Solution: Todo app challenge
- What is the Ionic view app?
- Testing with the Ionic view app
- Creating a tabbed Ionic app
- Ionic page lifecycle overview
- Fetching data with http service
- Using the card component
- Working with the slide component
- Creating a modal window
- Filtering with form components
- Theming your app's with sass
- Configuring an Ionic app
- Creating a side menu Ionic app
- Working with rest apis in Ionic
- Showing feedback with loading component
- Adding pull to refresh
- Working with the actionsheet component
- What is Ionic native
- Sharing items with social sharing plugin
- Playing sound with media plugin
- Challenge: Musica app challenge
- Solution: Musica app challenge
- Next steps
