Roadmap for Microsoft's Web-Dev-For-Beginners Repository

This repository provides a roadmap for learning web development fundamentals with a focus on JavaScript, HTML, and CSS. The curriculum is flexible and can be taken in whole or in part, with 24 lessons spread across 12 weeks.

Key Milestones

Weeks 1-3:
- Introduction to programming languages and tools of the trade
- Basics of GitHub
- Accessibility
- JS basics: data types, functions and methods
- Making decisions with JS
Weeks 4-6:
- Arrays and loops
- Terrarium: HTML in practice
- CSS in practice
- JavaScript closures
- DOM manipulation
Weeks 7-9:
- Typing Game: Event-driven programming
- Green Browser Extension: Working with browsers
- Building a form, calling an API and storing variables in local storage
- Background processes in the browser
- Web performance
Weeks 10-12:
- Space Game: More advanced game development with JavaScript
- Drawing to canvas
- Moving elements around the screen
- Collision detection
- Keeping score, ending and restarting the game
- Banking App: HTML Templates and Routes in a Web App
- Building a Login and Registration Form
- Methods of Fetching and Using Data
- Concepts of State Management

Learning Outcomes

By completing this roadmap, students will gain hands-on experience building a typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and a banking app for businesses. They will also develop a solid understanding of web development fundamentals.

Additional Resources

This repository provides a wealth of resources for further learning, including tutorials, code examples, and challenges.
The Microsoft Learn platform offers a variety of web development courses and learning paths.
Online communities like Stack Overflow and the MDN Web Docs provide valuable support and resources for web developers.

I hope this roadmap helps you on your web development journey!