CF

Ionic 4 Firebase Master Course

1h 31m 27s
English
Paid

The Ionic 4 Firebase Master Course offers a deep dive into the fundamentals of full-stack cross-platform app development, leveraging the powerful combination of Angular and Firebase.

Course Overview

This comprehensive, project-based course begins from the ground up and guides you through the process of building an authenticated realtime to-do list with push notifications. While the final product might seem simple, it serves as an excellent foundation for demonstrating Ionic's UI features and their connection to live cloud infrastructure.

What You Will Learn

By the end of this course, you will have gained expertise in the following areas:

  • Installation and Setup - Kickstart your development environment effortlessly.
  • Ionic 4 Component APIs - Delve into the extensive component library offered by Ionic.
  • Routing and Navigation - Become proficient in navigating within your app seamlessly.
  • Reactive Forms - Master the creation of dynamic and responsive forms.
  • CSS Themes - Tailor the appearance of your application to match your vision.
  • Platform Checking - Learn to develop apps that intelligently adapt to their running platform.
  • Push Notifications - Successfully integrate notifications to keep users engaged.
  • Cloud Function Integration with NodeJS - Enhance app functionality with server-side JavaScript integration.
  • Firebase Auth, Firestore, and Cloud Messaging - Implement robust authentication and data management strategies.
  • Releasing Ionic Apps - Navigate the app publication process for both the Google Play Store and the Apple App Store.
  • And much more, equipping you with a comprehensive skill set in Ionic development...

About the Author: Fireship

Fireship thumbnail

Fireship (fireship.io) is the teaching brand of Jeff Delaney, a US developer behind the Fireship YouTube channel — one of the largest software-engineering channels on YouTube, with millions of subscribers tuning in for the channel's distinctive 100-second technology-explainer format. The fireship.io paid-course platform extends that approach into longer-form project-based courses.

The course catalog covers the modern web and mobile stack: React, Next.js, Angular, Svelte / SvelteKit, Vue, Flutter, Firebase (Jeff is a long-running Google Developer Expert for Firebase), Supabase, Stripe integration, AI / LLM features, and the broader full-stack JavaScript ecosystem. Course material favours fast-paced, project-based builds — students ship complete applications end-to-end rather than studying frameworks in isolation.

The CourseFlix listing under this source carries over 19 Fireship courses spanning that range. Material is paid; Fireship runs on per-course or membership pricing on the original platform. Courses are aimed at developers who learn best by shipping real applications fast.

Watch Online 37 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 37 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Resources
All Course Lessons (37)
#Lesson TitleDurationAccess
1
Resources Demo
02:24
2
What is Ionic
02:57
3
Migration from Ionic v3 to v4
01:46
4
Ionic Setup
03:17
5
Firebase Setup
02:20
6
AngularFire Setup
01:23
7
Code Organization
04:24
8
Components
02:25
9
Component APIs
01:45
10
Routing and Navigation
02:01
11
Ionic Storage
01:58
12
Themes
02:11
13
Router Guards
02:10
14
Primer
01:06
15
Anonymous Auth
02:19
16
User Profile
02:57
17
OAuth Web
03:04
18
OAuth Native
02:18
19
User Router Guard
02:22
20
Primer
01:31
21
Database Service
03:29
22
Firestore Queries
03:11
23
Observable Loop
02:05
24
Update Data
01:47
25
Custom Events
01:22
26
Filter Data
01:42
27
Modal
01:55
28
Reactive Forms
04:19
29
Dynamic Routing
02:38
30
Security Rules
02:36
31
FCM Primer
01:43
32
Cloud Functions
03:15
33
Web Notifications
04:52
34
Native Notifications
03:38
35
Web Deployment
01:36
36
iOS Deployment
01:39
37
Android Deployment
03:02
Unlock unlimited learning

Get instant access to all 36 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this course?
Prospective students should have a basic understanding of web development technologies such as HTML, CSS, and JavaScript. Familiarity with Angular will be beneficial, as the course leverages Angular for building Ionic apps. Previous experience with Firebase is not required, as the course includes a Firebase setup module to guide you through the process.
What types of projects will I build during the course?
Throughout the course, you will develop a realtime to-do list application. This project includes implementing authentication, push notifications, and data management using Firebase. You'll learn to integrate various Ionic components and utilize Firebase Auth, Firestore, and Cloud Messaging for a robust app experience.
Who is the target audience for this course?
The course is designed for developers who are interested in building cross-platform applications using Ionic and Firebase. It's suitable for those who aim to gain practical experience in integrating cloud services with mobile and web applications, as well as for developers transitioning from Ionic v3 to v4.
How does this course compare to other app development courses?
This course uniquely focuses on the integration of Ionic with Firebase, offering a project-based approach to learning. Unlike many other courses that may focus solely on Ionic or Firebase, this course provides a comprehensive look at utilizing both technologies together, which is ideal for building full-stack cross-platform applications.
What specific tools and platforms will I learn to use?
You will work extensively with Ionic 4, Firebase, and AngularFire throughout the course. Additionally, the curriculum covers using NodeJS for cloud functions, implementing push notifications, and deploying applications to web, iOS, and Android platforms.
What topics are not covered in this course?
The course does not cover topics outside the scope of Ionic and Firebase integration. For example, it doesn't delve into advanced Angular topics beyond what's necessary for app development with Ionic, nor does it cover other backend technologies apart from Firebase and NodeJS cloud functions.
How much time should I expect to commit to complete the course?
The course consists of 37 lessons, and while the total runtime is not specified, you should expect to spend additional time on practical exercises, particularly when building the to-do list application. Dedicating consistent weekly hours will facilitate a thorough understanding of the material.