microsoft/Web-Dev-For-Beginners

microsoft/Web-Dev-For-Beginners

Description: 24 Lessons, 12 Weeks, Get Started as a Web Developer

Language: JavaScript

License: MIT

Stars: 95882

Forks: 15593

Open issues: 75

Created: 2020-11-10T02:44:00Z

Pushed: 2026-06-14T06:40:29Z

Default branch: main

Fork: no

Archived: no

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: 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](./translations/ar/README.md) | [Bengali](./translations/bn/README.md) | [Bulgarian](./translations/bg/README.md) | [Burmese (Myanmar)](./translations/my/README.md) | [Chinese (Simplified)](./translations/zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](./translations/zh-HK/README.md) | [Chinese (Traditional, Macau)](./translations/zh-MO/README.md) | [Chinese (Traditional, Taiwan)](./translations/zh-TW/README.md) | [Croatian](./translations/hr/README.md) | [Czech](./translations/cs/README.md) | [Danish](./translations/da/README.md) | [Dutch](./translations/nl/README.md) | [Estonian](./translations/et/README.md) | [Finnish](./translations/fi/README.md) | [French](./translations/fr/README.md) | [German](./translations/de/README.md) | [Greek](./translations/el/README.md) | [Hebrew](./translations/he/README.md) | [Hindi](./translations/hi/README.md) | [Hungarian](./translations/hu/README.md) | [Indonesian](./translations/id/README.md) | [Italian](./translations/it/README.md) | [Japanese](./translations/ja/README.md) | [Kannada](./translations/kn/README.md) | [Khmer](./translations/km/README.md) | [Korean](./translations/ko/README.md) | [Lithuanian](./translations/lt/README.md) | [Malay](./translations/ms/README.md) | [Malayalam](./translations/ml/README.md) | [Marathi](./translations/mr/README.md) | [Nepali](./translations/ne/README.md) | [Nigerian Pidgin](./translations/pcm/README.md) | [Norwegian](./translations/no/README.md) | [Persian (Farsi)](./translations/fa/README.md) | [Polish](./translations/pl/README.md) | [Portuguese (Brazil)](./translations/pt-BR/README.md) | [Portuguese (Portugal)](./translations/pt-PT/README.md) | [Punjabi (Gurmukhi)](./translations/pa/README.md) | [Romanian](./translations/ro/README.md) | [Russian](./translations/ru/README.md) | [Serbian (Cyrillic)](./translations/sr/README.md) | [Slovak](./translations/sk/README.md) | [Slovenian](./translations/sl/README.md) | [Spanish](./translations/es/README.md) | [Swahili](./translations/sw/README.md) | [Swedish](./translations/sv/README.md) | [Tagalog (Filipino)](./translations/tl/README.md) | [Tamil](./translations/ta/README.md) | [Telugu](./translations/te/README.md) | [Thai](./translations/th/README.md) | [Turkish](./translations/tr/README.md) | [Ukrainian](./translations/uk/README.md) | [Urdu](./translations/ur/README.md) | [Vietnamese](./translations/vi/README.md)

> 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](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)

🧑‍🎓 _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 but can also create and edit files, run commands and more.

📣 Announcement - _New Project to build using Generative AI_

New AI Assistant project just added, check it out [project](./9-chat-project/README.md)

📣 Announcement - _New Curriculum_ on Generative AI for JavaScript was just released

Don't miss our new Generative AI curriculum!

Visit https://aka.ms/genai-js-course to get started!


• Lessons covering everything from basics to RAG.
• Interact with historical characters using GenAI and our companion app.
• Fun and engaging narrative, you'll be time traveling!


Each lesson includes an assignment to complete, a knowledge check and a challenge to guide you on learning topics like:

• Prompting and prompt engineering
• Text and image app generation
• Search apps

Visit https://aka.ms/genai-js-course to get started!

🌱 Getting Started

>...