Learn how to develop a single code base using the Ionic 4.0 SDK to ensure your app is compatible across the popular mobile and desktop operating systems.
Overview
Syllabus
Introduction
- Building cross-platform apps in Ionic
- What you should know
- Why Ionic 4.0?
- Overview of the course app
- Installing Ionic
- Creating a tab-based application
- Testing on a browser
- Testing with Ionic Lab
- Overview of Ionic UI components
- Designing the home page with cards
- Generating services
- Consuming REST APIs
- Consuming REST APIs: Implementing methods
- Creating a data model and interface
- Using a data model interface
- Finalizing the home page design
- Generating the Detail page
- Routing to the Detail page
- Retrieving movie Detail data
- Implementing the Detail page design
- Working with lists
- Using the skeleton component
- Working with modals and fabs
- Generating a movie detail page with modals
- Closing the modal window
- Debugging and the Elvis operator
- Adding an activity video to a modal
- Designing the Profile page
- Intro to Firebase
- Setting up Firebase
- Designing a login page
- Implementing a login page
- Creating an auth service
- Authenticating with email and password
- Creating a login auth guard
- Implementing a tabs page guard
- Extending the FAB button
- Implementing favorites, part 1
- Implementing favorites, part 2
- Challenge: Toast notification
- Solution: Toast notification
- Creating a blank app
- Implementing sliding lists
- Understanding Ionic infinite scroll
- Adding pull to refresh
- Creating an app with the sidemenu template
- Overview of the sidemenu template
- Implement a second side menu
- Implementing date/time component
- The segment component
- Challenge: Popover
- Solution: Popover
- Next steps and recommendations
Taught by
Sani Yusuf