parent
11f097513f
commit
955419ec6f
@ -0,0 +1,46 @@
|
||||
# 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!**
|
Loading…
Reference in new issue