Create Roadmap.md

pull/1246/head
Krishna 2 years ago committed by GitHub
parent 11f097513f
commit 955419ec6f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -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…
Cancel
Save