Ionic Apps with Firebase

Ionic Apps with Firebase, available at $69.99, has an average rating of 4.6, with 57 lectures, based on 423 reviews, and has 2134 subscribers.

You will learn about Build Android and iOS Apps with Ionic Using Ionic Native Plugins for native features like Camera Use Firebase with Ionic and Angular apps Use Firebase Auth to manager users Using Cloud Firestore to store and manage app data Upload files to Firebase Cloud Storage Using Firebase Cloud Functions to offload heavy jobs Sending automated Push Notifications to the users Publishing apps to Google Play Store This course is ideal for individuals who are Students who want to learn to build Mobile Apps or Students who want to create an outstanding project or Professionals who want to become Full-stack developers or Web developers who want to build Mobile Apps or Anyone who wants to learn to build Hybrid Mobile Apps It is particularly useful for Students who want to learn to build Mobile Apps or Students who want to create an outstanding project or Professionals who want to become Full-stack developers or Web developers who want to build Mobile Apps or Anyone who wants to learn to build Hybrid Mobile Apps.

Enroll now: Ionic Apps with Firebase

Summary

Title: Ionic Apps with Firebase

Price: $69.99

Average Rating: 4.6

Number of Lectures: 57

Number of Published Lectures: 57

Number of Curriculum Items: 57

Number of Published Curriculum Objects: 57

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

Build Android and iOS Apps with Ionic

Using Ionic Native Plugins for native features like Camera

Use Firebase with Ionic and Angular apps

Use Firebase Auth to manager users

Using Cloud Firestore to store and manage app data

Upload files to Firebase Cloud Storage

Using Firebase Cloud Functions to offload heavy jobs

Sending automated Push Notifications to the users

Publishing apps to Google Play Store

Who Should Attend

Students who want to learn to build Mobile Apps

Students who want to create an outstanding project

Professionals who want to become Full-stack developers

Web developers who want to build Mobile Apps

Anyone who wants to learn to build Hybrid Mobile Apps

Target Audiences

Students who want to learn to build Mobile Apps

Students who want to create an outstanding project

Professionals who want to become Full-stack developers

Web developers who want to build Mobile Apps

Anyone who wants to learn to build Hybrid Mobile Apps

Ionic Apps with Firebase is a complete course that will teach you two leading app development technologies – Ionic Framework and Firebase. In this course, you will learn all about Ionic and Firebase while working on a real world social application. At the end of the course, you can publish your app.

We start by learning the basics of Ionic and Firebase. Once introduced to both the technologies, you will learn about building the front-end of the mobile app using the Ionic Framework and the back-end will be taken care of by Firebase. The code for each lecture is available for students to refer to in an easy to use and organised way. A repository will be shared with each student and the code for each lecture is available on a separate Git branch. You can clone the repository as well.

You will be building a Social Mobile App using Ionic and Firebase – Feedly.

You will learn about

Building User Interfaces with Ionic

You will start by learning the basic of Ionic and Firebase. Throughout the course, you will learn about various Ionic Framework Components and use them in a real app. You will learn how to build beautiful user interfaces with HTML and SCSS and use the built-in components in Ionic.

Firebase Authentication

You will learn to create authentication flows using the Ionic Framework. The users creation and authentication will be taken care of by Firebase Auth. This takes away all the pain about user management. All you need to do is hook your app up with Firebase Auth and your users can start signing up and logging in into your app using their emails and passwords. We will also work towards building good user experience, and for that, we will use amazing components that are built into Ionic.

Cloud Firestore

Cloud Firestore is a flexible, scalable database for mobile, web, and server development from Firebase and Google Cloud Platform. You will learn how to store and retrieve all the data of your application using Cloud Firestore. You will learn about querying data and using Angular’s concepts to display data in the app. You will be using Ionic to build all the user interfaces.

Firebase Cloud Storage

The social app that we will be building in this course, Feedly, allows its users to click pictures using their phone’s camera and upload them. We store all these images in a secure and accessible cloud location. Cloud Storage for Firebase is a powerful, simple, and cost-effective object storage service built for Google scale. You will learn about clicking images using user’s phone’s camera and uploading it to Firebase Storage.

Firebase Cloud Functions

Cloud Functions for Firebase lets you automatically run backend code in response to events triggered by Firebase features and HTTPS requests. You will learn about creating Firebase functions to implement the Likes and Comments functionalities in our app, called, Feedly. This will allow the users to likes posts made by other users and also comment on those posts. All this data is updated in real-time in the app, thanks for Firebase Cloud Functions and Cloud Firestore.

Firebase Cloud Messaging

Firebase Cloud Messaging allows you to send notifications to your users to keep them engaged with the app. In this course, you will learn about sending notifications to users of your application. You will be sending notifications to a user whenever someone likes their posts or comments on their posts. Since we are building a real world social mobile app, cloud messaging is one of the most vital features to keep users engaged with the app.

So, what are you waiting for? Start learning and build your own real world social mobile app with the Ionic Framework and Google’s Firebase.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Before We Start

Lecture 3: Introduction to Ionic

Lecture 4: Introduction to Firebase

Chapter 2: Introduction to the Ionic Framework

Lecture 1: Installing NodeJS and VS Code

Lecture 2: Installing Ionic and Creating an App

Lecture 3: Understanding Ionic Folder Structure

Lecture 4: Running the app on Android Emulator

Lecture 5: Running the app on iOS Simulator

Chapter 3: User Management with Firebase Authentication

Lecture 1: Designing the Wireframes

Lecture 2: Designing the Login Page

Lecture 3: Designing the Signup Page

Lecture 4: Installing anf Configuring Firebase

Lecture 5: Signing up Users with Firebase Authentication

Lecture 6: Login using Firebase Authentication

Lecture 7: Polishing Login and Signup UX

Chapter 4: Creating Feed using Firebase Cloud Firestore

Lecture 1: Creating the Feed Page

Lecture 2: Sketching the Wireframe

Lecture 3: Designing the Feed Page – 1

Lecture 4: Designing the Feed Page – 2

Lecture 5: Creating a Post on Cloud Firestore

Lecture 6: Getting Posts on Cloud Firestore

Lecture 7: Ordering the Posts by Time

Lecture 8: Pagination and Infinite Scrolling

Lecture 9: Refreshing the Feed Page (Pull-to-Refresh)

Lecture 10: Getting Realtime Updates

Lecture 11: Improving UX and Adding Logout

Chapter 5: Uploading Picture to Firebase Cloud Storage

Lecture 1: Firebase Cloud Storage and Ionic Native

Lecture 2: Importing the Camera Module

Lecture 3: Launching the Camera

Lecture 4: Using Chrome Remote Debugging

Lecture 5: Displaying Image Preview

Lecture 6: Uploading the Image

Lecture 7: Displaying Images in Feed

Lecture 8: Displaying Upload Percentages

Chapter 6: Likes and Comments using Firebase Cloud Functions

Lecture 1: Introduction to Cloud Functions

Lecture 2: Likes and Comments

Lecture 3: Installing Firebase CLI

Lecture 4: First Cloud Function

Lecture 5: Cloud Function for Likes

Lecture 6: Testing with Postman

Lecture 7: Implementing Likes Functionality in the App

Lecture 8: Updating Likes in Realtime

Lecture 9: Improving UX

Lecture 10: Introduction to Comments

Lecture 11: Creating a New Comment

Lecture 12: Cloud Function for Comment Count

Lecture 13: Creating Comment Modal

Lecture 14: Displaying Comments in Modal

Lecture 15: Finishing Comments Functionality

Chapter 7: Push Notifications with Firebase Cloud Messaging

Lecture 1: Introduction to Firebase Cloud Functions

Lecture 2: Adding Apps on Firebase

Lecture 3: Installing the Cordova Plugin for Firebase

Lecture 4: Getting the Token

Lecture 5: Sending First Push Notification

Lecture 6: Automating Push Notifications

Lecture 7: Testing Automated Push Notifications

Instructors

Samarth Agarwal
Application/Web Developer, Instructor, Tech Enthusiast

Rating Distribution

1 stars: 3 votes

2 stars: 8 votes

3 stars: 49 votes

4 stars: 128 votes

5 stars: 235 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!