Building Mobile Apps with Ionic 4

Building Mobile Apps with Ionic 4

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 4h 06m | 1.34 GB

Build and deploy cross-platform apps easier using Ionic 4

Ionic 4 marks the first version of the framework to completely embrace modern web APIs such as custom elements, CSS variables, and Shadow DOM.

This course shows you how to get started with Ionic 4. You will use UI components that come with Ionic and are available for use in your apps, right out-of-the-box. You’ll connect your Ionic app with a NoSQL database such as Firebase to enable your app to use all the amazing Firebase features such as Firebase Auth and Cloud Firestore. You will work on the ToDo APP project, a Task Manager app using Ionic. By the end of the course, you’ll have used Ionic 4 to build and prepared a cross-platform app for release into Google Play Store and App Store.
So are you excited to build your first app with Ionic 4? Let’s get started.

A comprehensive course packed with step-by-step instructions and helpful advice on building your applications using Ionic. This course is divided into clear chunks so you can learn at your own pace and focus on your own areas of interest.

What You Will Learn

  • Write once using Ionic 4 and release to multiple app stores.
  • Use Cordova plugins to access numerous native device apps from iOS and Android
  • Integrate Firebase in you Ionic apps to store app data on a scalable NoSQL database: Cloud Firestore.
  • Build amazing UIs with Ionic’s built-in set of components—for example, lists, icons, buttons, cards, and many more.
  • Build an app for both Android and iOS with a single codebase.
  • Use the web technology skills that you have acquired to build mobile apps.
Table of Contents

Introduction to Ionic
1 The Course Overview
2 What Is the Ionic Framework
3 Understanding Firebase
4 Downloading the Prerequisites (Node.js, VS Code, and the Platform SDKs)
5 Installing Ionic and Cordova CLIs
6 Creating Your First Ionic App
7 Running the App in the Browser
8 Running the App on Devices
9 Understanding How an Ionic App Works – Understanding the Files and Folders

Building Users’ Interfaces with Ionic 4
10 Building Headers and Footers
11 Inputs, Buttons, and Icons
12 Creating Lists and Sliding List in Ionic
13 Using Cards and Grids in Ionic
14 Loading Controller
15 Toast Controller
16 Alert Controller
17 Creating Pages and Navigation

Using Firebase with Ionic
18 Setting Up the Project
19 Configuring the App
20 Signing Up Users
21 Logging Users In
22 Checking User Login Status
23 Saving Data to Cloud Firestore
24 Retrieving Data from Cloud Firestore
25 Querying Data

Building Your Project
26 Creating and Configuring the App
27 Creating User Sign Up
28 Creating User Login
29 Creating ToDo Page
30 Adding New ToDos
31 Displaying User’s ToDos
32 Changing ToDo Status
33 Logging Out the User

Publishing Your Application
34 Preparing the App Assets
35 Preparing the App for Release
36 Building the App for Release
37 Signing the APK
38 Uploading the App to the Google Play Store