Introduction
Top Section Of Homepage
-
Let's Start Coding The Homepage (16:35)
-
Layout Spacing Basics (17:03)
-
Finding Your Joy (3:45)
-
VS Code Settings & Google Fonts (17:07)
-
Figma Tips (Dev Mode Explanation) (6:04)
-
CSS Box Model (17:01)
-
CSS Grid (Multiple Columns) (13:01)
-
SVG Icons (13:35)
-
SVG Figma Tip (1:12)
-
Background Splashes of Color (19:19)
Bottom "Pets" Section of Homepage
Git: The Universal Skill
JavaScript
JavaScript For Pets Area
Dynamic Data-Driven Projects
Letting Logged In Users Manage Pets
Adding, Editing & Deleting Pets
-
Add New Pet Form (14:28)
-
Receiving New Pet Data On Server (14:59)
-
Saving New Pet Into Database (17:46)
-
What Does "Escaping" Text Mean? (8:53)
-
Quick VS Code Tip About MongoDB
-
Edit Existing Pet Form (14:08)
-
Save Changes To Existing Pet (14:33)
-
MongoDB Security Tip
-
Animate Form While Loading (11:44)
-
Delete Pet (11:40)
-
Pushing Up Live To Netlify (6:17)
User Uploaded Photos
Express.js & Contact Form
-
Cloning Express.js Project (14:56)
-
Quick Note About Sessions & User Registration
-
HTML & CSS For Overlay (14:49)
-
Matching Design of Overlay (15:37)
-
Opening & Closing The Overlay (15:07)
-
Show Relevant Pet In Overlay (15:37)
-
Sending Data To Our Backend (12:51)
-
Validating Data On Our Backend (13:54)
-
Programmatically Sending Emails (16:37)
-
Thank You & Automatically Closing Overlay (13:57)
-
Attention To Detail (16:12)
-
Saving Contacts To Database (15:00)
-
Outputting List of Contacts For A Pet (16:15)
-
Going Live With Our Express Server (15:02)
Chat Room (React & Next.js)
-
What Is a SPA? (12:11)
-
What Is React? (2:40)
-
What Is Next.js? (12:06)
-
Actually Starting Chat Feature (11:09)
-
Styling Chat Feature (CSS) (12:59)
-
Design For Chat Bubbles (10:32)
-
Open and Close Chat UI (18:37)
-
Unread Message Badge (9:05)
-
What Is Pusher? (19:56)
-
Chat Bubble Log (18:19)
-
Chat UX Details (14:04)
-
Hosting (Deploying) Our Next.js App (12:45)
WordPress Task
-
Getting Started With Our New Project (14:53)
-
Adding Our Theme (14:46)
-
Tailwind Needs "npm start"
-
Single (Individual) Post Template (7:06)
-
Styling Our Template (14:54)
-
Finishing Our Styling (16:34)
-
Pull From The WordPress Database (6:33)
-
Starting The Search Feature (6:23)
-
Search Overlay (18:39)
-
Styling The Results (11:59)
-
Opening & Closing Overlay (13:50)
-
Timers In JavaScript (14:59)
-
Looping Through Results Data (9:45)
Moving Forward
