Watch the Latest Lessons

Seven Awesome PWA Features

Seven awesome web-platform features you didn't know about.

#javascript #pwa

Video to GIF with WASM

Build a web app the converts video to animated GIF with Web Assembly.

#wasm #react #javascript

FaunaDB Basics

Learn the fundamentals of FaunaDB by modeling a twitter-like social graph.

#fauna #javascript

React Firebase Chat App

Learn the basics of React & Firebase by building a simple group chat app from scratch.

#react #firebase #firestore

Animated CSS Cards Tutorial

Build an animated stacked CSS card list from scratch

#css

Seven Database Paradigms

Visual explanation of the top 7 database paradigms and what they do best.

#sql #firestore

Fulltext Search on Firebase with Meilisearch

Build and deploy a fulltext search engine for your Firestore data with Meilisearch.

#pro #meilisearch #firestore #cloud-functions

Docker Basics Tutorial with Node.js

Learn the fundamentals of Docker by containerizing a Node.js app

#docker #node

Firebase Quickstart

Start here! Learn the fundamentals of Firebase with vanilla JS to prepare you for other frameworks.

#firebase #javascript #quickstart

Firebase Emulator Advanced Usage Guide

Advanced techniques for generating mock data and testing with the Firebase emulator suite

#firebase #productivity #testing #pro

Access Google APIs for Users with OAuth 2.0

How to use Google APIs on behalf of users with Node.js Cloud Functions and Firebase

#pro #firebase #node #cloud-functions

Regex Cheat Sheet

A collection of useful regular expression techniques and examples for the JavaScript developer.

#javascript #regex

Multi-Level Dropdown Menu with React

Build an animated multi-level dropdown menu from scratch with React, inspired by Facebook's 2020 UI update

#react #css

Google Secret Manager with Firebase

Use Secret Manager to handle sensitive data in Firebase Cloud Functions

#firebase #cloud-functions #gcp #pro

Game Lobby with ReactFire

Build a game lobby with Firebase & React Concurrent Mode

#react #firebase

Autosave Vue Forms with Firestore

Build a form that preloads and autosaves data to Firestore in realtime.

#vue #firestore #forms

Multifactor Auth with Firebase (2FA)

How to perform multifactor authentication (2FA) with SMS text verification using Firebase

#firebase #auth #pro

Web Development Setup Guide for Windows with Linux (WSL)

The ultimate web developer's environment setup on Windows, including WSL for Linux (Ubuntu)

#productivity #github #node

How to Build a Theme-Switcher

Build a dynamic theme-switcher with CSS variables and JavaScript.

#css #javascript

Five Useful Github Actions Examples

Five ways to automate your development process with Github Actions

#github

CSS Grid Layout Examples

Build three different responsive CSS grid layouts from scratch

#css

Electron Screen Capture Tutorial

Build an Electron App that can capture and record video files from your desktop.

#electron #javascript #node

Responsive Animated Navbar with CSS

Build a Responsive Animated Icon Navbar with plain CSS

#css

Top 7 Security Concepts for Web Developers

Security concepts, risks, and exploits that every web developer should know about.

#javascript #security