This hands-on course teaches you to build reactive, scalable, and dynamic cross-platform apps using Ionic 4 and 5
About This Video
Build performant, persistent, reactive, and scalable cross-platform apps using the Ionic 4 and 5 framework
Develop apps that use a single codebase and work on mobile platforms Android, iOS, and also the web using native APIs and in-device storage
Follow industry best practices and use MobX with Ionic (via device …
Hands-On App Development with Ionic
Video description
This hands-on course teaches you to build reactive, scalable, and dynamic cross-platform apps using Ionic 4 and 5
About This Video
Build performant, persistent, reactive, and scalable cross-platform apps using the Ionic 4 and 5 framework
Develop apps that use a single codebase and work on mobile platforms Android, iOS, and also the web using native APIs and in-device storage
Follow industry best practices and use MobX with Ionic (via device storage) to build a scalable architecture
In Detail
While Ionic is an easy and straightforward framework to learn, building Ionic apps can sometimes be hard. Designing its architecture and making sure that your application is high-performing, dynamic, and scalable are always tricky.
In this course, you will develop a feature-rich Notes app in a step-by-step process using the Ionic framework. You will be using web components, persistent storage, and APIs to ensure your app is high-performing. You'll use the MobX reactive state management tool to make your apps scalable. You'll then use a SQLite database to persist data onto your device. With the Ionic Native Camera API, you'll add, save pictures to your notes then edit and save them, set reminders in your notes, and have your device notify you of events using Ionic Native local notifications. You will deploy your app across iOS and Android devices and also on the web.
By the end of the course, you will have taken your Ionic 4 and 5 skills to the next level and will be equipped to build cross-platform hybrid mobile apps.
Audience
This course is for web and mobile developers who have a basic knowledge of Ionic, and want to take their skills to the next level, and need to build real-time and complex applications.
A basic understanding of JavaScript is required to follow along with this course.
Chapter 2 : Application State Management with MobX
Introduction to MobX and Its Key Features
Installing MobX Packages for Angular
Subscribing to State Properties Using @observable
Updating State with @action
Using @computed Values
Chapter 3 : Building the Notes Crud Using MobX
Creating the Notes Store
Listing Notes
Adding and Editing Notes
Adding and Editing Notes Part 2
Adding and Editing Notes Part 3
Deleting Notes
Chapter 4 : Persisting Notes Using Cordova SQLite
Installing Cordova SQLite Plugin
CRUD Using Cordova SQLite
CRUD Using Cordova SQLite - Part 2
CRUD Using Cordova SQLite - Part 3
Adding Abstraction over Cordova SQLite
Using Ionic Storage as a Fallback for Web Browsers
Chapter 5 : Adding Pictures Using Ionic Native Camera API
Installing @ionic-native/Camera and Taking Pictures
Saving Pictures to Database Along with the Notes
Displaying Pictures with Notes
Providing Different Options for Picture Selection
Chapter 6 : Set Reminders Using Ionic Native Local-Notifications
Installing the Local-Notifications Ionic Native Package and Cordova Plugin
Understanding Local-Notifications in Depth
Modifying the Database to Add Reminder Time
Adding the Reminder Time Form Control
Creating Notes with Reminders
Updating Notes Reminders
Removing Notes with Reminders
Chapter 7 : Wrapping up Settings and about Tabs
Changing the App’s Name and Finalizing about Tab
Clearing All Reminders Under the Settings Tab
Chapter 8 : Upgrading to Ionic 5
Updating Ionic CLI and Upgrading to Ionic 4.11.10
Upgrading to Ionic 5 and Angular v9
Breaking Changes
Course Review
Start your Free Trial Self paced Go to the Course We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.
This site uses cookies. By continuing to use this website, you agree to their use.I Accept