Web Development Lessons for Beginners By Microsoft

January 03, 2021 981

12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics by Azure Cloud Advocates at Microsoft.

Each lesson includes:

optional sketchnote
optional supplemental video
pre-lesson warmup quiz
written lesson
for project-based lessons, step-by-step guides on how to build the project
knowledge checks
a challenge
supplemental reading
assignment
post-lesson quiz

#	Project Name	Concepts Taught	Linked Lesson
01	Getting Started	Introduction to Programming and Tools of the Trade	Intro to Programming Languages and Tools of the Trade
02	Getting Started	Basics of GitHub, includes working with a team	Intro to GitHub
03	Getting Started	Accessibility	Accessibility Fundamentals
04	JS Basics	JavaScript Data Types	Data Types
05	JS Basics	Functions and Methods	Functions and Methods
06	JS Basics	Making Decisions with JS	Making Decisions
07	JS Basics	Arrays and Loops	Arrays and Loops
08	Terrarium	HTML in Practice	Introduction to HTML
09	Terrarium	CSS in Practice	Introduction to CSS
10	Terrarium	JavaScript Closures, DOM manipulation	JavaScript Closures, DOM manipulation
11	Typing Game	Build a Typing Game	Event-Driven Programming
12	Green Browser Extension	Working with Browsers	About Browsers
13	Green Browser Extension	Building a form, calling an API and storing variables in local storage	APIs, Forms, and Local Storage
14	Green Browser Extension	Background processes in the browser, web performance	Background Tasks and Performance
15	Space Game	More Advanced Game Development with JavaScript	Introduction to Advanced Game Development
16	Space Game	Drawing to canvas	Drawing to Canvas
17	Space Game	Moving elements around the screen	Moving Elements Around
18	Space Game	Collision detection	Collision Detection
19	Space Game	Keeping score	Keeping Score
20	Space Game	Ending and restarting the game	The Ending Condition
21	Banking App	HTML Templates and Routes in a Web App	HTML Templates and Routes
22	Banking App	Build a Login and Registration Form	Forms
23	Banking App	Methods of Fetching and Using Data	Data
24	Banking App	Concepts of State Management	State Management