microsoft /Web-Dev-For-Beginners
24 Lessons, 12 Weeks, Get Started as a Web Developer
★ 97,125⑂ 16,134👁 2,657⑃ 1,249● 476▤ 0◈ 51
97,125
stars
+0+58+189
16,134
forks
2,657
watchers
1,249
prs
476
issues
0
releases
51
discussions
README
Web Development for Beginners - A Curriculum Learn the fundamentals of web development with our 12-week comprehensive course by Microsoft Cloud Advocates. Each of the 24 lessons dives into JavaScript, CSS, and HTML through hands-on projects like terrariums, browser extensions, and space games. Engage with quizzes, discussions, and practical assignments. Enhance your skills and optimize your knowledge retention with our effective project-based pedagogy. Start your coding journey today! Join the Azure AI Foundry Discord and meet experts and fellow developers. Follow these steps to get started using these resources: 1. Fork the Repository: Click 2. Clone the Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git 3. Join The Azure AI Foundry Discord and meet experts and fellow developers 🌐 Multi-Language Support Supported via GitHub Action (Automated & Always Up-to-Date) Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Khmer | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese Prefer to Clone Locally? This repository includes 50+ language translations which significantly increases the download size. To clone without translations, use sparse checkout: Bash / macOS / Linux: bash git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners git sparse-checkout set --no-cone '/' '!translations' '!translated_images' CMD (Windows): cmd git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners git sparse-checkout set --no-cone "/" "!translations" "!translated_images" This gives you everything you need to complete the course with a much faster download. If you wish to have additional translations, the supported languages are listed here. here 🧑🎓 _Are you a student?_ Visit Student Hub page where you will find beginner resources, Student packs and even ways to get a free certificate voucher. This is the page you want to bookmark and check from time to time as we switch out content monthly. 📣 Announcement - New GitHub Copilot Agent mode challenges to complete! New Challenge added, look for "GitHub Copilot Agent Challenge 🚀" in most chapters. That's a new challenge for you to complete using GitHub Copilot and Agent mode. If you haven't used Agent mode before it's capable of not just generating text bu
Top issues
#1817[agentics] Daily Repo Status failed165 comments · 2026-05-26#1697[agentics] Daily Repo Status failed82 comments · 2026-02-06#1539Add Component-Specific Styles for Navigation and Buttons6 comments · 2025-10-07#1766Feature Request: Support for Student Certificates in Learning-Based Implementations3 comments · 2026-03-18#1622Memory-game UI/UX & core functionalities improvisation3 comments · 2025-11-17#1423Switch from CO2Signal API to ElectricityMap3 comments · 2025-06-02#1865Link Checker Report2 comments · 2026-08-02#1828Beginner2 comments · 2026-06-13
Discussions
#1934A small HTML/CSS before-and-after exercise: width, focus and link labels0 comments · 2026-10-02#1903JAVASCRIPT1 comments · 2026-09-05#1902WEB DEVLOPEMENT2 comments · 2026-09-05#1901NAVBAR1 comments · 2026-09-05#1868In the JavaScript curriculum, what is the difference between let and const regarding reassignment?1 comments · 2026-08-03#1826[removed]0 comments · 2026-06-10#1757Built a brutally honest roasting tool for LinkedIn & Github profiles1 comments · 2026-03-06#1411This course now available for badge/certificate!2 comments · 2025-05-29
相关报道 (2)
News & coverage (5)
Hacker NewsWeb Development for Beginners – A Curriculum▲ 354 · 104 comments · 2022-05-07Hacker NewsMicrosoft's Web Development for Beginners Curriculum▲ 2 · 0 comments · 2021-06-25Hacker NewsWeb Development for Beginners▲ 2 · 0 comments · 2020-11-15KDnuggets10 GitHub Repositories to Master Web Development in 20252025-06-19HackerNoon19 GitHub Repositories to Make you a 10x Developer2022-03-01