Ionic 4.0 Essential Training

Ionic 4.0 Essential Training
Ionic 4.0 Essential Training
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 4h 54m | 906 MB

Learn how to use Ionic to develop a highly performant mobile app that is compatible across the popular mobile and desktop operating systems. In this project-based course, Sani Yusuf walks through the ins and outs of the 4.0 framework. He shows how you can create a single code base that effectively works across iOS, Android, and Windows. First, Sani provides an overview of Ionic and introduces key features in the latest version of the mobile SDK. Then he takes you through the step-by-step process of building an app, including the setup process, working with templates, previewing apps on a device, developing UI and navigation components, working with Ionic Natives, connecting to the back end, and more.

Topics include:

  • Ionic 4.0 features
  • Testing with Ionic Lab
  • Designing a home page
  • Generating services
  • Consuming REST APIs
  • Creating a data model
  • Using Ionic DevApp
  • Debugging
  • Using Ionic Native
  • Designing the profile page
  • Sharing to social media
  • Setting up Firebase
Table of Contents

1 Building cross-platform apps in Ionic
2 What you should know
3 Why Ionic 4

Setting Up the Environment
4 Overview of the application
5 Installing Ionic
6 Creating a tab-based application
7 Testing on a browser
8 Testing with Ionic Lab

Working with a Tab-Based Template
9 Overview of Ionic UI components
10 Designing the home page with cards
11 Generating services
12 Consuming REST APIs
13 Consuming REST APIs Implementing methods
14 Creating a data model and interface
15 Using a data model interface
16 Finalizing the home page design

Preview App on Device with Ionic DevApp
17 Introduction to Ionic DevApp
18 Testing with the Ionic DevApp

Working with UI Components
19 Generating the detail page
20 The debugging and the Elvis operator
21 Adding an activity video to a modal
22 Routing to the detail page
23 Retrieving movie detail data
24 Implementing the detail page design
25 Working with lists
26 Using the skeleton component
27 Working with modals and fabs
28 Generating a movie detail page with modals
29 Closing the modal window

Working with Ionic Native
30 What is Ionic Native
31 Designing the profile page
32 Installing the Ionic Native camera package
33 Accessing the device camera for a profile photo
34 Testing your device camera
35 Sharing to social media button
36 Sharing to social media
37 Testing your sharing button on a device

Connecting an App to Firebase Backend
38 Intro to Firebase
39 Persistent profile image with Firestore, part 2
40 Implementing favorites, part 1
41 Implementing favorites, part 2
42 Challenge Toast notification
43 Solution Toast notification
44 Setting up Firebase
45 Designing a login page
46 Implementing a login page
47 Creating an auth service
48 Authenticating with email and password
49 Creating a login auth guard
50 Implementing a tabs page guard
51 Persistent profile image with Firestore, part 1

Working with Complex Lists
52 Creating a blank app
53 Implementing sliding lists
54 Understanding Ionic infinite scroll
55 Adding pull to refresh

56 Next steps