Toggle navigation
Net Ninja Pro
All Courses
Community
YouTube Channel
Login
Sign Up
Autoplay
Autocomplete
Previous Lecture
Complete and continue
The Modern Coder Bootcamp
Getting Started
1 - Welcome to the Course (4:32)
2 - Setting up VS Code (4:40)
3 - Customizing VS Code (5:09)
4 - Thoughts on Modern Web Development (3:20)
Your First Web Page (HTML & CSS Essentials)
5 - What Makes a Website (4:23)
6 - Making an HTML Page (5:16)
7 - Previewing a Web Page (4:32)
8 - Course Files
9 - Comments, Links & Lists (8:54)
10 - Images (4:42)
11 - Headings (2:34)
12 - Divs, Spans & Formatting Text (5:59)
13 - Semantic Elements (6:49)
14 - Default Browser Styles (4:55)
15 - Adding Styles to an HTML Page (8:57)
16 - CSS Rules & Properties (5:20)
17 - Selectors and Classes (6:27)
18 - Working with Colors (4:57)
19 - Attribute Selectors and Shorthand (4:12)
20 - Working with Fonts (5:34)
21 - Inherited Properties (4:36)
22 - Inline vs Block Elements (6:06)
23 - The Box Model (8:37)
24 - CHALLENGE (1:57)
25 - SOLUTION (6:13)
26 - Descendant Selectors (4:02)
Using AI to Help You Learn
27 - Introduction to Coding with AI (2:07)
28 - Sign up for a Free Copilot Plan (3:46)
29 - Asking Copilot Questions (3:26)
30 - Managing Copilot Sessions (6:13)
31 - Adding Context (7:09)
32 - Changing AI Models (4:43)
CSS Layouts
33 - CSS Resets (5:42)
34 - Normal Document Flow (1:27)
35 - Relative Position (4:09)
36 - Absolute Position (3:50)
37 - Fixed Position (2:30)
38 - Intro to Flexbox (8:38)
39 - Flex Properties (9:58)
40 - Flex Wrap (4:28)
41 - Flexbox Challenge (2:16)
42 - Flexbox Solution (7:35)
43 - intro to CSS Grid (6:31)
44 - Making a 6-Column Grid (2:49)
45 - Placing Elements on the Grid (5:23)
46 - Intro to Responsive Design (6:34)
Web Forms
47 - Intro to Web Forms (4:40)
48 - Text Inputs (2:55)
49 - Labels and Placeholders (5:00)
50 - Email & Password Inputs (3:04)
52 - Select Fields (4:49)
53 - Checkboxes (4:15)
54 - Submit Buttons (6:03)
Advanced CSS Selectors & Variables
56 - Direct Descendants (4:25)
55 - CSS Variables (6:05)
57 - Hover Effects and Pseudo Classes (5:00)
58 - First and Last Child (2:59)
59 - Nth-Child (2:52)
60 - Selector Specificity (4:30)
Introduction to Agentic Coding
61 - Intro to Agentic Coding (2:59)
60 - Selector Specificity (4:30)
62 - Copilot Plan Upgrade (1:33)
63 - Making Code Changes (6:48)
64 - Making a Custom Agent (10:09)
65 - Using the Custom Agent (3:53)
66 - Custom Instructions (5:38)
67 - Plan Mode (4:15)
68 - Implementing a Plan (3:22)
69 - Commands (2:57)
70 - Using Open Router (4:23)
Agentic Coding Page Build
71 - Project Setup (7:16)
72 - Making the Header (4:53)
73 - Making the Main Content (5:31)
74 - Making a Footer (2:41)
Git & GitHub Essentials
76 - Terminal Basics (4:19)
75 - What is Version Control (2:57)
77 - Installing Git (2:16)
78 - Making a Git Repository (3:28)
79 - Staging Files (7:14)
80 - Making Commits (7:20)
81 - Git Log and Reverting changes (4:47)
82 - Branches (9:02)
83 - Merging Branches (4:43)
84 - Intro to GitHub (4:26)
85 - Making a gitHub Repo (5:41)
86 - Pushing the Main Branches (6:40)
87 - Pushing a Feature Branch (5:05)
88 - Pull Requests (4:25)
89 - Pulling Down Changes (3:01)
90 - Workflow Summary (1:42)
73 - Making the Main Content
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock
