Hands-On App Development with Ionic

Focused View

Muhammad Ahsan Ayaz

5:49:51

11 View

1-Setting Up Ionic Project

01-Course Overview.mp4

04:18

02-Creating Ionic project and serving on browser.mp4

04:33

03-Creating App Pages.mp4

09:39

04-Theming Colors Using Ionic Color Generator.mp4

05:39

2-Application State Management with MobX

05-Introduction to MobX and Its Key Features.mp4

05:02

06-Installing MobX Packages for Angular.mp4

01:23

07-Subscribing to State Properties Using @observable.mp4

07:29

08-Updating State with @action.mp4

05:36

09-Using @computed Values.mp4

11:27

3-Building the Notes Crud Using MobX

10-Creating the Notes Store.mp4

10:29

11-Listing Notes.mp4

11:28

12-Adding and Editing Notes.mp4

12:28

13-Adding and Editing Notes Part 2.mp4

07:03

14-Adding and Editing Notes Part 3.mp4

13:43

15-Deleting Notes.mp4

19:45

4-Persisting Notes Using Cordova SQLite

16-Installing Cordova SQLite Plugin.mp4

03:46

17-CRUD Using Cordova SQLite.mp4

12:56

18-CRUD Using Cordova SQLite - Part 2.mp4

12:38

19-CRUD Using Cordova SQLite - Part 3.mp4

09:39

20-Adding Abstraction over Cordova SQLite.mp4

15:42

21-Using Ionic Storage as a Fallback for Web Browsers.mp4

17:04

5-Adding Pictures Using Ionic Native Camera API

22-Installing @ionic-native Camera and Taking Pictures.mp4

09:51

23-Saving Pictures to Database Along with the Notes.mp4

09:09

24-Displaying Pictures with Notes.mp4

05:56

25-Providing Different Options for Picture Selection.mp4

13:59

6-Set Reminders Using Ionic Native Local-Notifications

26-Installing the Local-Notifications Ionic Native Package and Cordova Plugin.mp4

04:01

27-Understanding Local-Notifications in Depth.mp4

12:22

28-Modifying the Database to Add Reminder Time.mp4

03:43

29-Adding the Reminder Time Form Control.mp4

12:43

30-Creating Notes with Reminders.mp4

11:34

31-Updating Notes Reminders.mp4

11:23

32-Removing Notes with Reminders.mp4

03:20

7-Wrapping up Settings and about Tabs

33-Changing the Apps Name and Finalizing about Tab.mp4

10:19

34-Clearing All Reminders Under the Settings Tab.mp4

13:55

8-Upgrading to Ionic 5

35-Updating Ionic CLI and Upgrading to Ionic 4.11.10.mp4

03:17

36-Upgrading to Ionic 5 and Angular v9.mp4

08:15

37-Breaking Changes.mp4

12:04

38-Course Review.mp4

02:13

Description

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. The code bundle for this video course is available at -https://github.com/PacktPublishing/Hands-On-App-Development-with-Ionic

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Android Development

iOS Development

Ionic

Muhammad Ahsan Ayaz

Instructor's Courses

Muhammad Ahsan Ayaz is a Google Developer Expert in Angular and a software architect at Syncron. He has taught programming worldwide for the past 8 years through articles, video content, one-to-one mentoring, and tech talks at diff erent global conferences. He has developed several libraries and plugins used by hundreds of thousands of developers, including ngx-device-detector, which has over 5 million installs and over 2,000 GitHub projects using it. Apart from programming, Ahsan likes to travel and play multiplayer video games. He lives in Sweden with his wife.

PacktPub

View courses PacktPub

Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.