Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Web Development Mastercourse
Course Introduction
Introduction (11:07)
Who This Course Is For (1:32)
What This Course Covers (13:43)
What This Course Does Not Cover (4:48)
What Outcomes Should You Expect (1:59)
How The Web Works
Introduction (0:42)
Website Files (4:38)
Web Servers (5:07)
IP Addresses (10:01)
Domain Names (6:16)
DNS (9:21)
SSL (11:32)
Browsers (12:34)
CDNs (9:32)
Putting It All Together (9:42)
Introduction to VSCode
Introduction (0:21)
Installation (9:01)
General Settings (28:34)
Extensions - Live Server (6:41)
Core HTML
Introduction (0:25)
Basic History (20:52)
Basic Structure of a Web Page (16:53)
Basic Head Info (23:58)
Heading Tags (11:33)
Comments (10:58)
Grouping (19:23)
Anchors (24:15)
Images (11:47)
Lists (6:25)
Tables (23:50)
Forms (31:53)
Web Accessibility
Introduction (1:57)
Semantic HTML (14:50)
Navigation (29:26)
Alt Text (8:29)
Specify Language (3:10)
Color Contrast (8:08)
Aria Attributes and Roles (16:11)
Table Options (8:52)
Tab Order (10:02)
Automated Checkups (10:10)
Core CSS
Introduction (0:44)
Basic History (9:40)
Inline Styling (17:46)
Building a CSS File (15:20)
Internal Styling (5:14)
Targeting (23:24)
Sizes (11:49)
Fonts (29:47)
Text Formatting (18:44)
Visibility and Display (17:42)
Spacing (20:19)
Image Positioning (8:35)
Cascading CSS (28:40)
Debugging HTML and CSS
Introduction (0:53)
Chrome Dev Tools (8:06)
Reviewing Elements (7:37)
Identifying Applied Styles (7:03)
Changing Styles and Layout (14:20)
Network (12:31)
Screen Sizing (7:21)
Testing on Other Browsers (14:18)
Deploying a website
Introduction (1:08)
Deploying to IIS (14:20)
Deploying to Docker (22:32)
Deploying to Interserver (13:18)
Deploying to Azure Web App (13:17)
Practice Project #1
Introduction (1:34)
Planning (13:17)
Project Setup (6:44)
Building the Homepage (26:50)
Building the CSS (76:47)
Building the Menu (17:53)
Building the About Page (8:03)
Deploying the Site (18:06)
Test the Site (16:34)
Core JavaScript
Introduction (0:34)
The History of JavaScript (14:33)
Inline (9:20)
Separate file (4:53)
Variables (18:42)
Working with Variables (27:26)
Arrays (26:14)
Conditionals (23:37)
Loops (18:41)
Functions (19:46)
Objects (34:05)
Classes (22:15)
IIFE (26:27)
Scope (8:53)
Use Strict (8:26)
Best Practices (12:24)
Debugging JavaScript
Introduction (2:02)
Setting Up Our Test Code (3:39)
Console (11:22)
Breakpoints in Chrome (12:39)
Attaching VSCode (10:54)
JavaScript in the DOM
Introduction (1:27)
Sample Site Setup (7:59)
The DOM (4:10)
Selecting Elements (9:59)
Manipulating Elements (15:49)
Traversing Elements (21:44)
Creating HTML (14:44)
Events (33:09)
Timed Actions (27:47)
Forms (16:33)
Quick Practice - Creating a Task List (45:27)
Advanced HTML
Introduction (0:35)
Meta Tags (29:44)
Robot crawlers (19:26)
Video (7:21)
iFrame (7:54)
SEO (44:37)
Advanced CSS
Introduction (0:40)
Position (38:38)
Flexbox (24:01)
Media Queries (30:33)
CSS Grid (27:44)
CSS Variables (12:13)
Pseudo-elements (22:19)
Print style sheets (28:48)
SCSS / SASS (27:20)
LESS (9:41)
Advanced JavaScript
Introduction (0:34)
Local Storage / Session Storage (26:25)
Promises (58:44)
Async/Await (10:53)
Calling APIs - fetch (26:22)
External JavaScript Libraries
Introduction (1:03)
jQuery (40:03)
ChartJS (15:00)
Toastr (11:17)
Luxon (14:49)
Web Tools
Introduction (0:44)
NPM/Yarn (38:54)
ESLint (13:53)
Babel (6:32)
Prettier (18:08)
Gulp/Grunt/Webpack (15:50)
Jasmine/Jest (16:17)
Practice Project - Simple Portfolio Site
Introduction (0:49)
Planning (7:20)
Project Setup (9:53)
General Page Setup (26:45)
Building the Homepage (12:45)
Building the Contact Form (7:09)
Building the Portfolio Overview (14:43)
Building the Work Item Page (8:12)
Styling the Homepage (34:21)
Styling the Portfolio Overview (21:10)
Styling the Work Item Page (11:54)
Dynamic Copyright Information (9:47)
Enabling the Contact Form (12:36)
Dynamic Work Items (41:23)
Dynamic Portfolio Overview (52:14)
Dynamic Menu (17:30)
Media Queries (18:47)
Print Layout (18:14)
Deploy the Site (11:24)
Test the Site (11:06)
What to learn next
Introduction (2:02)
Git (6:22)
Bootstrap (15:16)
TailwindCSS (4:40)
TypeScript (4:17)
Node (4:17)
Vue (6:53)
React (2:37)
Angular (5:36)
Docker (4:59)
Azure (7:55)
C# (6:39)
Course Conclusion
Conclusion (1:10)
Bonus Content
Breakpoints in Chrome
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock