Search Lessons, Code Snippets, and Videos

Lessons

You have unlimited access as a PRO member

You are receiving a free preview of 3 lessons

Your free preview as expired - please upgrade to PRO

Our collection of full lessons with videos covering various topics in app development, including Angular4, Firebase, and API integrations.

Role Based Authorization With Firestore and Angular

Manage role-based authorization with Firestore NoSQL and Angular 5. Learn how to secure specific user activities with router guards and database rules.

Angular Component Test Driven Development (TDD) Starter Guide

Use test driven development in Angular and simulate asynchronous Firebase data on the backend for component specs.

Angular PWA Performance Optimization and Analysis

Performance analysis and optimizations for Progressive Web Apps designed to improve the critical rendering path.

pro

Angular 5 Service Worker - Hacker News PWA Tutorial

Learn how to build a realtime Hacker News PWA from scratch with an Angular 5 Service Worker.

SendGrid V3 Transactional Email Cloud Function

Send transactional email with SendGrid v3 in a NodeJS environment like Firebase Cloud Functions.

AngularFire2 State Changes With NgRx

Take advantage of state changes in AngularFire2 with @ngrx/entity adapters and @ngrx/effects .

CSV Exports From Firestore Database With Cloud Functions

Learn how to turn database data into a CSV Excel Spreadsheet with Firebase Cloud Functions.

pro

Multi-Step Signup With Firebase Email Auth and Angular Reactive Forms

Take advantage of password auth in Firebase using a multi-step reactive form.

Angular SEO Part 2 - Firebase Cloud Functions Middleware for Rendertron

Configure Firebase Cloud Functions to serve as the middleware for Rendertron to make Angular apps SEO linkbot friendly.

pro

Angular SEO Part 1 - Full Search Engine Optimization Solution for PWAs

Learn how to use Rendertron to make Angular SEO and linkbot friendly.

Progressive Web App Content Management With Contentful

Learn how to create programmable content with Contentful in an Angular Progressive Web App.

Multiple Device Push Notifications With FCM and Firestore

Learn how to send push notifications to multiple devices with Firebase Cloud Messaging and Firestore.

pro

Faster Firestore With Cloud Functions Data Aggregation

Learn how to make faster queries in Firestore by aggregating data from a subcollection to its parent document via Firebase Cloud Functions.

Infinite Scroll and Pagination With Firestore and Angular

Learn how to perform infinite scroll pagination, both downwards and upwards, with Firestore and Angular.

Ngrx Effects With Firestore and AngularFire V5

Use a Firestore as a persistent backend with @ngrx/effects and @ngrx/entity.

pro

Ngrx Entity CRUD Feature Module Tutorial

Use @ngrx/entity to build a CRUD feature module in Angular from scratch.

Dialogflow With Firebase Cloud Functions and Firestore

Run backend code via a Dialogflow chatbot using Firebase Cloud Functions and the Firestore Database.

pro

Chatbot in Angular With DialogFlow API.ai

Learn how to build a chatbot in Angular with the Dialogflow natural language processing library.

Build a Star Review System With Firestore

Learn how to build a five-star rating system from scratch with Angular and the Firestore NoSQL database.

Advanced Firestore Usage Guide With Angular

A variety of tips and snippets that make AngularFire v5 and Firestore much easier to use.

pro

Firebase OAuth Login With Custom Firestore User Data

Learn how to save custom user data in Firestore after authenticating with Google OAuth

Weather App With the Angular HTTP Client and Dark Sky API

Build a weather app from scratch using the Dark Sky API, Angular HTTP Client, and Firebase Cloud Functions

pro

Angular HTTP Client Quick Start

Learn how to use the Angular HTTP Client and start making requests to restful API endpoints.

Firestore With AngularFire5 Quick Start

Get up and running with Firestore and AngularFire5 in this quick start introduction.

Secure Firebase Cloud Functions for Authenticated Users

Learn how to make your HTTP and Database Cloud Functions only accessible to authenticated Firebase users.

pro

Stripe Subscription Payments With Firebase Cloud Functions and Angular

Learn how to manage subscription payments with Stripe, Firebase, and Angular.

Build Angular Desktop Apps With Electron

Learn how to build native desktop apps for Windows, macOS, or Linux using Angular 4+ and Electron.

Firebase Database Performance Profiling and Analysis

In this lesson, I will show you how to analyze speed and memory performance with the Firebase database profiler tool.

SMS Texting With Twilio and Firebase Cloud Functions

Send SMS text messages to Angular users with Twilio and Firebase Cloud Functions. Learn how to update users with a phone text when their order status changes.

RxJS Quick Start With 20 Practical Examples

Master the basics of RxJS quickly with 20 practical examples. Learn how Observables, Subscriptions, Operators, and

Ngrx With Firebase Auth Google OAuth Login

Learn how to use Google OAuth with Ngrx. In this lesson we manage the Firebase AuthState, login with Google, and logout.

Angular Progressive Web Application PWA With 100 Lighthouse Score

Make Angular project a progressive web app (PWA) that is installable on mobile devices with a manifest and a service worker.

Angular Ngrx Effects With the Firebase Realtime Database

Learn how to use NgRx Effects in Angular using the Firebase Realtime Database.

Angular Redux Quick Start With Ngrx

Get started building redux apps in Angular with ngrx. In this tutorial, we build a Redux app from scratch that will show you how to create, update, and debug a redux data store in Angular.

Location Queries With Firebase GeoFire and Angular Google Maps (AGM)

Use Firebase GeoFire to make location queries in Angular, then display the results in Google Maps.

User Presence System in Realtime - Online, Offline, Away

Learn how to show current user presence in realtime with statuses of online, away, or idle.

Role-Based User Access Control With Firebase

Give users specific permissions and roles with Firebase. Secure data on the frontend and backend with four different methods.

Realtime Charts With Plot.ly

Learn how to add realtime data to your Plot.ly graphs and charts with the Firebase database.

Use TypeScript and WebPack With Firebase Cloud Functions

Learn how to use TypeScript and Webpack in your Firebase Cloud Functions.

Infinite Scroll in Angular With Firebase Data

Build an infinite scroll feature with async Firebase data and the ngx-infinite-scroll package

Seven Methods for Debugging Angular Applications

Seven different methods for debugging angular apps, including RxJS and Firebase debugging methods.

Send Push Notifications in Angular With Firebase Cloud Messaging

Learn how to send Push Messages to users after they close an app with Angular 4 and Firebase Cloud Messaging (FCM)

Reactive Forms in Angular With the Firebase Database

Use Angular Reactive Forms to validate and update Firebase data asynchronously.

Build Realtime Maps in Angular With Mapbox GL

The basics of building realtime map features with Angular4, Firebase, and MapBox

Multi-Property Data Filtering With Firebase and Angular 4

The best options for filtering your data when you want to achieve something similar to using multiple WHERE conditions in a SQL database query.

Animation Examples in Angular 4.3

Five basic animation techniques and examples based on Angular 4.3+

Top 7 RxJS Patterns for Angular Development

Seven patterns that solve common issues for realtime app developers using Angular and Firebase

Firebase Phone Authentication With Angular 4 Tutorial

We will use the firebase JavaScript SDK directly to implement Phone auth in Angular 4.

Angular Full Text Search With Algolia Backend - Part 2

Update your Algolia index after each database write with Firebase Cloud Functions.

Angular Full Text Search With Algolia Frontend - Part 1

Build a full text search feature using Algolia, Angular 4, and the InstantSearch.JS library.

Angular Stripe Payments Part 3 - Sell Digital Content

Now that we have the ability to collect Stripe payments from customers, we need a way to apply those payments in the app in the form of digital purchases.

Angular Stripe Payments Part 2 - Firebase Cloud Functions Backend

Send the Stripe payment token back to Stripe with a Firebase Cloud Function to charge the card.

Collect Payments With Angular, Stripe Checkout, and Firebase

Build a payment collection system that will enable users to make credit card payments with Stripe Checkout

How to Lazy Load Components in Angular 4 in Three Steps

Lazy loading is a technique in Angular that allows you to load JavaScript components asynchronously when a specific route is activated

A Simple Explanation of NgModule

NgModule explained in simple terms with use-case examples.

Facebook-Inspired Reactions From Scratch With Angular and Firebase

Build a Facebook-inspired reaction component to allow users to like or react to your content.

Angular Toast Message Notifications From Scratch

Send toast notifications to users with Angular and Firebase.

Associate Firebase Users to Database Records

Learn several different ways to associate database records with users who authenticated via Firebase

Simple Firebase Pagination With AngularFire2

Create a paginator with AngularFire2 for async realtime firebase data.

Twitter Inspired Follow System With Firebase and Angular

Create a twitter-inspired follow unfollow system with Angular and Firebase

Custom Usernames With Firebase Authentication and Angular

Give Firebase users custom usernames after and validate them asynchronously

Text Translator With Firebase Cloud Functions onWrite and Angular

Translate text in the cloud with Firebase Cloud Functions

Drag and Drop File Uploads to Firebase Storage

Build a drag-n-drop file uploading system in Angular from scratch

Reddit Style Upvoting in Angular 4 and Firebase NoSQL

Create a Reddit-Style Voting System from Scratch with Angular and Firebase

Autocomplete Search With Angular4 and Firebase

Create an autocomplete search feature that filters results asynchronously from the Firebase realtime database

Understanding Firebase Database Rules by Example

Learn how to protect your firebase data on the backend with database rules examples.

Angular4 Transactional Email With Cloud Functions and Sendgrid

Send transactional email in Angular with Sendgrid and Firebase Cloud Functions

Show Loading Spinners for Firebase Data

Learn how to show a loading spinner when loading async data from Firebase

Sharing Data Between Angular Components - Four Methods

Data sharing is an essential concept to understand before diving into your first Angular project. In this lesson, I provide four different methods for sharing data between Angular components.

Angular Firebase Authentication Tutorial - Email Password Signup

Learn how to implement Firebase email/password auth into an Angular app.

Angular File Uploads to Firebase Storage

Upload files to Firebase Cloud Storage from an Angular 4 app

Bootstrap 4 Collapsable Navbar With Angular and No Plugins

Code snippet for collapsing and animating Bootstrap's navbar in Angular 4.

Reactive CRUD App With Angular and Firebase Tutorial

Learn how to build a simple CRUD app with the Firebase realtime NoSQL database and Angular

Customize the Initial Loading Screen in Angular

Customize the Initial Loading Screen in Angular using only CSS

Router Guards to Redirect Unauthorized Firebase Users

Use Router Guards to Redirect Unauthorized Firebase Users from Specific Routes

Angular Firebase Authentication Tutorial - OAuth

This is part one of a three part series that covers how to implement OAuth Authentication in Angular 4.

Angular Firebase Authentication Tutorial - Anonymous Auth

Firebase anonymous authorization allows a user to start using your app with going through the typical registration process

Deploying an Angular App to Firebase

You can host your Angular app anywhere and still take advantage of the Firebase backend, but nothing is easier than hosting it on Firebase directly

Development and Production Environments for Angular Firebase Projects

How to maintain separate development and production environments for Angular Apps using Firebase on the backend.