Microsoft has released a new self-paced and free curriculum for total beginners to both programming and web development.
The really starts from zero with a very brief 01-"Introduction to Programming Languages and Tools of the Trade" where it explores the notion of programming and what programming languages are. It then jumps into code management with an 02-"Introduction to GitHub", and continues with 03-"Creating Accessible Webpages".
05-JS Basics-Functions and Methods. Learn about functions and methods to manage an application's logic flow Functions and Methods
06-JS Basics-Making Decisions with JS. Learn how to create conditions in your code using decision-making methods Making Decisions
08 Terrarium HTML in Practice. Build the HTML to create an online terrarium, focusing on building a layout Introduction to HTML
09-Terrarium-CSS in Practice. Build the CSS to style the online terrarium, focusing on the basics of CSS including making the page responsive Introduction to CSS
12-Green Browser Extension-Working with Browsers. Learn how browsers work, their history, and how to scaffold the first elements of a browser extension About Browsers
14-Green Browser Extension-Background processes in the browser, web performance. Use the browser's background processes to manage the extension's icon; learn about web performance and some optimizations to make Background Tasks and Performance
16-Space Game-Drawing to canvas. Learn about the Canvas API, used to draw elements to a screen Drawing to Canvas
17-Space Game-Moving elements around the screen. Discover how elements can gain motion using the cartesian coordinates and the Canvas API Moving Elements Around
18-Space Game-Collision detection. Make elements collide and react to each other using keypresses and provide a cooldown function to ensure performance of the game Collision Detection
19-Space Game-Keeping score. Perform math calculations based on the game's status and performance Keeping Score
20-Space Game-Ending and restarting the game. Learn about ending and restarting the game, including cleaning up assets and resetting variable values The Ending Condition
21-Banking App-HTML Templates and Routes in a Web App. Learn how to create the scaffold of a multipage website's architecture using routing and HTML templates HTML Templates and Routes
22-Banking App-Build a Login and Registration Form. Learn about building forms and handing validation routines Forms
23-Banking App-Methods of Fetching and Using Data. How data flows in and out of your app, how to fetch it, store it, and dispose of it Data
24-Banking App-Concepts of State Management. Learn how your app retains state and how to manage it programmatically State Management
As far as the deliverables of the course go,
It's pretty much a complete class that it includes nice sketches, supplemental videos quizes, step-by-step guides on how to build the projects, knowledge checks, challenges and assignments which should be enough to get your journey started.