Mô tả

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.


Bạn sẽ học được gì

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

Yêu cầu

  • Some experience with programming and development
  • Aptitude for programming
  • Enthusiasm to create something out-of-the-box
  • A computer with Windows or Mac
  • VS Code or any text editor
  • A reliable internet connection

Nội dung khoá học

7 sections

Introduction

4 lectures
Introduction
04:15
Before We Start
01:19
Introduction to Ionic
02:16
Introduction to Firebase
02:07

Introduction to the Ionic Framework

5 lectures
Installing NodeJS and VS Code
03:43
Installing Ionic and Creating an App
04:37
Understanding Ionic Folder Structure
08:42
Running the app on Android Emulator
04:51
Running the app on iOS Simulator
03:32

User Management with Firebase Authentication

7 lectures
Designing the Wireframes
02:58
Designing the Login Page
16:14
Designing the Signup Page
11:15
Installing anf Configuring Firebase
04:09
Signing up Users with Firebase Authentication
13:38
Login using Firebase Authentication
04:26
Polishing Login and Signup UX
07:23

Creating Feed using Firebase Cloud Firestore

11 lectures
Creating the Feed Page
06:10
Sketching the Wireframe
03:22
Designing the Feed Page - 1
05:58
Designing the Feed Page - 2
07:44
Creating a Post on Cloud Firestore
10:59
Getting Posts on Cloud Firestore
07:19
Ordering the Posts by Time
05:39
Pagination and Infinite Scrolling
09:39
Refreshing the Feed Page (Pull-to-Refresh)
06:21
Getting Realtime Updates
06:19
Improving UX and Adding Logout
06:58

Uploading Picture to Firebase Cloud Storage

8 lectures
Firebase Cloud Storage and Ionic Native
05:18
Importing the Camera Module
02:08
Launching the Camera
05:30
Using Chrome Remote Debugging
04:35
Displaying Image Preview
05:49
Uploading the Image
08:00
Displaying Images in Feed
07:36
Displaying Upload Percentages
05:51

Likes and Comments using Firebase Cloud Functions

15 lectures
Introduction to Cloud Functions
01:45
Likes and Comments
05:22
Installing Firebase CLI
04:45
First Cloud Function
03:53
Cloud Function for Likes
09:50
Testing with Postman
04:27
Implementing Likes Functionality in the App
08:39
Updating Likes in Realtime
05:02
Improving UX
02:47
Introduction to Comments
01:47
Creating a New Comment
08:33
Cloud Function for Comment Count
10:04
Creating Comment Modal
05:22
Displaying Comments in Modal
06:11
Finishing Comments Functionality
07:07

Push Notifications with Firebase Cloud Messaging

7 lectures
Introduction to Firebase Cloud Functions
01:18
Adding Apps on Firebase
03:34
Installing the Cordova Plugin for Firebase
02:58
Getting the Token
05:58
Sending First Push Notification
04:04
Automating Push Notifications
07:16
Testing Automated Push Notifications
02:38

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.