Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Firebase

Firebase & Firestore Masterclass

Full-stack Development with Angular, Firestore, Firebase Storage & Hosting, Firebase Cloud Functions & AngularFire
Rating: 4.3 out of 54.3 (793 ratings)
4,386 students
Created by Angular University
Last updated 4/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Code in Github repository with downloadable ZIP files per section
  • Serverless Architecture Design
  • NoSql Database (Firestore)
  • Serverless Angular development with AngularFire
  • Serverless File Upload with Firebase Storage
  • a full drop-in Authentication solution: Firebase UI and Firebase Authentication
  • Secure client-side data modification operations with Firestore Security Rules
  • High performance, free SSL hosting with Firebase Hosting
  • Image processing with Firebase Cloud Functions
  • Database Triggers with Firebase Cloud Functions
  • REST endpoints with Firebase Cloud Functions
Curated for the Udemy for Business collection

Course content

9 sections • 64 lectures • 7h 11m total length

  • NEW COURSE VERSION AVAILABLE SOON
    00:19
  • Preview09:10
  • IMPORTANT - Recommended Software Versions
    00:14
  • Preview05:04
  • The Typescript Jumpstart Ebook
    03:20
  • Setting Up our Firestore NoSQL Database
    06:12

  • The Firestore NoSQL Database - Documents and Collections
    05:54
  • Firestore Root Collections vs Nested Collections
    05:47
  • Querying Firestore Documents using the Firebase SDK
    11:07
  • Understanding Firestore Auto-generated Document Identifiers
    04:25
  • Querying Firestore Collections using the Firebase SDK
    05:40

  • Setting Up AngularFire
    03:57
  • Querying a Firestore Collection using AngularFire
    05:30
  • The AngularFire API - snapshotChanges vs stateChanges
    08:47
  • Querying and Displaying Data with AngularFire - The Home Component
    06:04
  • AngularFire Observable Streams - An Important Feature
    06:58
  • Firestore Queries and Performance Guarantees - orderBy and array-contains
    08:38
  • Firestore Compound Queries - Understanding Firestore Indexes
    08:57
  • Understanding Firestore Querying Constraints and Invalid Query Error Messages
    09:25
  • The Course Component - Design Overview
    05:56
  • Initial Implementation of the Course Screen - the Course Resolver
    09:12
  • Course Component Lessons List - Querying a Nested Firestore Collection
    08:06
  • Course Component Conclusion - Pagination and Loading Indicator
    05:33
  • Firestore Data Modification Example - The Edit Course Dialog
    07:58
  • Edit Dialog Component Implementation - Conclusion
    07:53
  • Firebase SDK Offline Support - See it in Action
    06:59
  • Understanding Firestore Batched Writes - An Example
    07:32
  • Firestore Transactions - Transactions vs Batched Writes
    13:00
  • Firestore Persistent Document References - An Example
    08:14

  • Firebase Authentication - Section Introduction
    04:05
  • Firebase UI In Action - Social Login plus Email and Password Authentication
    08:16
  • Authentication with Firebase UI - Implementation Conclusion
    08:08
  • The AngularFire Auth User Profile - a Practical Use Case
    07:25
  • AngularFire Auth Service - Displaying a User Profile Picture
    04:28

  • Security in a Serverless Architecture - Introduction to Firestore Security Rules
    05:47
  • Breaking Down the Firestore Security Rules Syntax
    05:44
  • Security Rules Fundamentals - How do Security Rules Work?
    08:56
  • Security Rules Fundamentals - Nested Rules and WildCards
    07:11
  • Security Rules - Making Data Visible Only to Authenticated Users
    04:23
  • Firebase Security Functions - an Example
    04:31
  • Authentication with a Pre-Approved User List
    07:45
  • User Authorization Roles - Admin Users vs Normal Users
    04:21
  • Adding a Schema to Firestore Data using Security Rules
    07:30
  • The Difference Between the Request and the Resource objects in Security Rules
    05:58
  • Installing the Firebase Tools - Firestore Command Line Deployment
    05:49

  • Firebase Hosting - Benefits & Quick Deployment Guide
    09:43

  • What is Firebase Storage? Learn its Key Features
    06:05
  • File Upload with AngularFire - Step by Step Implementation
    07:20
  • Implementing a File Upload Percentage Indicator with Angular Material
    04:08
  • Get a Firebase Storage Revocable Download Url
    05:26
  • Firebase Storage Security Rules - File Upload Conclusion
    06:59

  • Firebase Cloud Functions - Hello World
    09:01
  • Firebase Cloud Function REST Endpoint with Express
    08:41
  • Firebase Cloud Functions Local Emulator and Production Deployment
    06:47
  • Implementing a Firestore Database Trigger with Firebase Cloud Functions
    13:14
  • Firebase Cloud Functions - Automatic Document Counter Implementation
    05:52
  • Firebase Cloud Functions - Implementing a File Upload Trigger
    07:38
  • Download a File from Firebase Storage from inside a Firebase Cloud Function
    05:58
  • Image Processing with ImageMagick from inside a Firebase Cloud Function
    08:54
  • Image Processing of Thumbnail with Firebase Cloud Functions - Implementation
    07:35
  • Image Processing with Firebase Cloud Functions - Demo
    08:58

  • Other Courses
    02:17
  • Bonus Lecture
    01:28
  • Conclusions and Key Takeaways
    09:04

Requirements

  • Just a little bit of Angular and Typescript

Description

If you are looking for the best backend to go along with Angular, or even better if you are looking to do as little server-side development as possible and focus mostly on the frontend, then look no further: Firebase is the right choice for you.

With Firebase, you will be able to query your database directly from the client and even directly modify data straight from the client in a secure way. You might not think that this would even be possible and that there always has to be a server involved in order for things to be secure, and that is true.

But that does not mean that you have to write the server yourself, and that is the whole point of the term Serverless. With Firebase you can write essentially serverless applications, in the sense that in the application code base there is hardly any server-side code at all when compared to a traditional REST-based application.

In this course, you are going to learn how to design and build Angular applications using a Serverless Architecture by leveraging the whole Firebase ecosystem: this includes the Firestore NoSQL DataStore database, Firebase Security Rules, Firebase Hosting, Firebase Storage and Firebase Cloud Functions.

Course Overview

This course will allow you to learn Firebase and NoSQL in a fun and practical way, as you build an application using the Firebase SDK and AngularFire. As we build the application, we will also discuss the main concepts of serverless design.

More than querying the database and displaying the data on the screen, we are going to make the application secure using Firebase Security Rules and Firebase Authentication, and we are even going to deploy it to production using Firebase Hosting.

This will all be done without writing a single line of server code! We are then going to implement a complete example of file upload using Firebase Storage, again all in a secure way and without a single line of server code.

But what if the image needs some resizing? This is better done on the server so we will implement a Firebase Cloud Function that does some image processing upon upload completion. We are also going to demonstrate how Firebase Cloud functions can be used to keep multiple parts of our database in sync using server-side trigger functions.

We are then going to talk about denormalization best practices that will help us design the database to allow multiple views of the same data.

The result is a highly maintainable real-time application with huge scalability, performance and security, written with hardly any server code at all.

Table of Contents

This course will go over the following topics:

  • Introduction to NoSQL data modeling

  • Documents vs Collections

  • Firestore Unique Identifiers

  • Querying a database using the Firebase SDK

  • Angular Service Layer Design with AngularFire

  • Offline support

  • Pagination

  • Indexes, Composite Indexes

  • Data Modification with AngularFire

  • Transactions

  • Multi-path Updates

  • Authentication with Firebase Authentication

  • Securing Database access with Firebase Security Rules

  • Production Deployment with Firebase Hosting

  • Image file upload with Firebase Storage

  • Firebase Storage Rules

  • Server-side image processing with Firebase Cloud Functions

  • Denormalization is normal - supporting multiple data views

  • Firebase Could Functions HTTP endpoints

What Will You Learn In this Course?

After taking this course, you will feel comfortable designing and using a NoSql database for your application using Firestore. More than that, you will be familiar with the overall concept of a Serverless Architecture, and you feel comfortable with the whole Firebase ecosystem.

You will be proficient in the complete Firebase ecosystem, which includes: Firestore, AngularFire, Firebase Security Rules, Firebase Storage & Firebase Cloud Functions. But most of all, you will know how to use these building blocks to design and implement a Serverless Architecture in your application.

Who this course is for:

  • Angular Developers looking for the best possible backend to go along with Angular

Featured review

Simen Daehlin
Simen Daehlin
120 courses
15 reviews
Rating: 5.0 out of 5a year ago
Great course! Also updated to the latest, there are things that I did not know and thought would be really hard but is as simple as anything with Firebase. It looks like I'm going to build my whole website now with this type of approach.

Instructor

Angular University
Best Selling Angular Courses | 95,000+ students | 16 courses
Angular University
  • 4.5 Instructor Rating
  • 16,581 Reviews
  • 105,457 Students
  • 17 Courses

About the Angular University:

The Angular University aims to be the one place that you go in order to learn and keep up with the whole Angular ecosystem. We provide premium quality video tutorials, screencast style.

No matter if you are a beginner, intermediate or advanced in Angular, we have several courses for you.

About the course instructor:

Hello, my name is Vasco  and I'm a Software Developer with 17 years of experience, very seasoned building user interfaces with Angular. I've worked as a Frontend Developer/Architect in a large variety of enterprise projects throughout the years.   

I worked on a ton of projects, everything from single page applications to help build the European Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I've been a key part of internal framework teams that built frameworks for in-house departments of tens of developers.

I also love to teach, write and talk about technology.  I am looking forward to be your Angular instructor,

Kind Regards,

Vasco

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.