Mastercourse

Web Development Mastercourse

The mega-course you need to master web development

175 lessons43 hoursEN & ES subtitles

What you'll work with

VSCodeCore HTMLCore CSSCore JavaScriptAdvanced HTMLAdvanced CSSAdvanced JavaScriptWeb AccessibilityWeb ToolingSEO

About this course

This course will be the foundation that you build every website from now on based upon. It starts with the very basics of how the web works (DNS, SSL, CDNs, IP Addresses, Web Servers, and more) and then introduces the main players: HTML, CSS, and JavaScript.

Starting at the very beginning of each, you will be introduced to the topic, learn what it is for, and then start learning how to use it. From there, the course progresses into much more depth in each area.

Before the course concludes, you will have an in-depth knowledge of HTML, CSS, JavaScript, Web Accessibility, Debugging, VSCode, and the DOM. You will also have an excellent introduction into how to use popular JavaScript libraries (such as jQuery, ChartJS, and Luxon) and web tools (such as ESLint, npm, and Jest).

The course also includes two full start-to-finish website projects where we start with an idea and build out and deploy a full website based upon the techniques we have learned so far. Finally, the course will cover what to learn next based upon where you want to specialize as a web developer.

Watch the course intro →

What you'll be able to do

Build a full website
Deploy a website
Optimize a website
Make good looking sites
Use JavaScript correctly

Every lesson, in the open

175 lessons · 43 hours of video. Here's exactly what's inside.

1
Course Introduction 5 lessons · 33 min
- 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
2
How The Web Works 10 lessons · 1h 19m
- 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
3
Introduction to VSCode 4 lessons · 45 min
- Introduction 0:21
- Installation 9:01
- General Settings 28:34
- Extensions - Live Server 6:41
4
Core HTML 12 lessons · 3h 22m
- 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
5
Web Accessibility 10 lessons · 1h 51m
- Introduction 1:57
- Semantic HTML 14:50
- Navigation 29:26
- Alt Text 8:29
- Specify Language 3:11
- Color Contrast 8:09
- Aria Attributes and Roles 16:11
- Table Options 8:52
- Tab Order 10:02
- Automated Checkups 10:10
6
Core CSS 13 lessons · 3h 28m
- Introduction 0:44
- Basic History 9:40
- Inline Styling 17:46
- Building a CSS File 15:20
- Internal Styling 5:14
- Targeting 23:25
- 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
7
Debugging HTML and CSS 8 lessons · 1h 12m
- Introduction 0:53
- Chrome Dev Tools 8:07
- Reviewing Elements 7:37
- Identifying Applied Styles 7:03
- Changing Styles and Layout 14:20
- Network 12:31
- Screen Sizing 7:22
- Testing on Other Browsers 14:18
8
Deploying a website 5 lessons · 1h 05m
- 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
9
Practice Project #1 9 lessons · 3h 06m
- Introduction 1:34
- Planning 13:17
- Project Setup 6:45
- Building the Homepage 26:50
- Building the CSS 1:16:47
- Building the Menu 17:53
- Building the About Page 8:03
- Deploying the Site 18:06
- Test the Site 16:34
10
Core JavaScript 16 lessons · 4h 36m
- 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:06
- Classes 22:15
- IIFE 26:27
- Scope 8:53
- Use Strict 8:26
- Best Practices 12:24
11
Debugging JavaScript 5 lessons · 41 min
- Introduction 2:02
- Setting Up Our Test Code 3:39
- Console 11:22
- Breakpoints in Chrome 12:39
- Attaching VSCode 10:54
12
JavaScript in the DOM 11 lessons · 3h 19m
- 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:45
- Events 33:09
- Timed Actions 27:47
- Forms 16:33
- Quick Practice - Creating a Task List 45:27
13
Advanced HTML 6 lessons · 1h 50m
- Introduction 0:35
- Meta Tags 29:44
- Robot crawlers 19:26
- Video 7:21
- iFrame 7:54
- SEO 44:37
14
Advanced CSS 10 lessons · 3h 42m
- Introduction 0:40
- Position 38:38
- Flexbox 24:01
- Media Queries 30:33
- CSS Grid 27:45
- CSS Variables 12:13
- Pseudo-elements 22:19
- Print style sheets 28:49
- SCSS / SASS 27:20
- LESS 9:41
15
Advanced JavaScript 5 lessons · 2h 03m
- Introduction 0:34
- Local Storage / Session Storage 26:25
- Promises 58:44
- Async/Await 10:53
- Calling APIs - fetch 26:22
16
External JavaScript Libraries 5 lessons · 1h 22m
- Introduction 1:03
- jQuery 40:03
- ChartJS 15:01
- Toastr 11:17
- Luxon 14:50
17
Web Tools 7 lessons · 1h 50m
- Introduction 0:44
- NPM/Yarn 38:54
- ESLint 13:53
- Babel 6:33
- Prettier 18:08
- Gulp/Grunt/Webpack 15:50
- Jasmine/Jest 16:17
18
Practice Project - Simple Portfolio Site 20 lessons · 5h 48m
- 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:24
- Dynamic Portfolio Overview 52:14
- Dynamic Menu 17:30
- Media Queries 18:48
- Print Layout 18:14
- Deploy the Site 11:24
- Test the Site 11:07
19
What to learn next 12 lessons · 1h 12m
- Introduction 2:02
- Git 6:23
- Bootstrap 15:16
- TailwindCSS 4:40
- TypeScript 4:17
- Node 4:17
- Vue 6:53
- React 2:38
- Angular 5:36
- Docker 5:00
- Azure 7:55
- C# 6:39
20
Course Conclusion 2 lessons · 1 min
- Conclusion 1:10
- Bonus Content

Hi, I'm Tim Corey.

I learned software development the hard way, with lots of dead-ends, confusion, and knowledge gaps. I kept thinking, “It shouldn't be this hard!” Now I teach students how to think and code like professional developers. My goal is to make it easier for you to become a developer.

25+ Years experience

400,000+ Students taught

400+ Hours of training

10x Microsoft MVP

Frequently asked questions

When does this course start and finish?

The course starts now and never ends! It is a completely self-paced online course; you decide when you start and when you finish.

How long do I have to access the course?

How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like; across any and all devices you own.

What if I am unhappy with the course?

I do my best to provide the highest quality training to help you become a successful developer. But if this course isn't for you, then you can count on a no-hassle 30 Day Money Back Guarantee.

This course is part of a Learning Path

Take Web Development Mastercourse on its own, or follow a path that builds around it.

Step 2 of 5 Front-End C# You are now a front-end C# developer! Step 2 of 6 Full-Stack C# You are now a full-stack C# developer! Step 1 of 4 Web Dev You are now a skilled modern web developer!