O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Building Mobile Apps with Ionic 4

Video Description

Build and deploy cross-platform apps easier using Ionic 4

About This Video

  • Build a build and deploy cross-platform apps from scratch for Android and iOS using Ionic v4.
  • Learn Ionic 4 to design highly available and cross-platform apps with ease.
  • Build amazing apps that not only run on any platform but also are globally scalable using Ionic.

In Detail

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.

All the code files for this course are available on Github at -https://github.com/PacktPublishing/Building-Mobile-Apps-with-Ionic-4-

Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Table of Contents

  1. Chapter 1 : Introduction to Ionic
    1. The Course Overview 00:02:31
    2. What Is the Ionic Framework? 00:06:01
    3. Understanding Firebase 00:02:39
    4. Downloading the Prerequisites (Node.js, VS Code, and the Platform SDKs) 00:03:08
    5. Installing Ionic and Cordova CLIs 00:04:24
    6. Creating Your First Ionic App 00:03:31
    7. Running the App in the Browser 00:04:27
    8. Running the App on Devices 00:09:30
    9. Understanding How an Ionic App Works - Understanding the Files and Folders 00:03:01
  2. Chapter 2 : Building Users' Interfaces with Ionic 4
    1. Building Headers and Footers 00:05:23
    2. Inputs, Buttons, and Icons 00:08:29
    3. Creating Lists and Sliding List in Ionic 00:09:32
    4. Using Cards and Grids in Ionic 00:10:47
    5. Loading Controller 00:10:26
    6. Toast Controller 00:05:40
    7. Alert Controller 00:10:14
    8. Creating Pages and Navigation 00:12:35
  3. Chapter 3 : Using Firebase with Ionic
    1. Setting Up the Project 00:02:41
    2. Configuring the App 00:03:48
    3. Signing Up Users 00:08:42
    4. Logging Users In 00:04:57
    5. Checking User Login Status 00:02:50
    6. Saving Data to Cloud Firestore 00:08:07
    7. Retrieving Data from Cloud Firestore 00:07:15
    8. Querying Data 00:06:39
  4. Chapter 4 : Building Your Project
    1. Creating and Configuring the App 00:03:24
    2. Creating User Sign Up 00:09:41
    3. Creating User Login 00:08:30
    4. Creating ToDo Page 00:05:08
    5. Adding New ToDos 00:11:30
    6. Displaying User’s ToDos 00:09:43
    7. Changing ToDo Status 00:06:24
    8. Logging Out the User 00:04:59
  5. Chapter 5 : Publishing Your Application
    1. Preparing the App Assets 00:05:04
    2. Preparing the App for Release 00:04:27
    3. Building the App for Release 00:03:43
    4. Signing the APK 00:07:02
    5. Uploading the App to the Google Play Store 00:09:38