Repolode
microsoft

microsoft/Web-Dev-For-Beginners

Currículo de 12 semanas e 24 aulas para iniciantes, que ensina HTML, CSS e JavaScript com projetos práticos, como um terrário, um jogo de digitação e um jogo espacial.

Estrelas
97,003
Forks
16,043
Issues abertas
145
Último commit
há 14 horas

O que é?

Web Development for Beginners é um currículo gratuito e baseado em projetos da Microsoft Cloud Advocates, voltado a quem está começando no desenvolvimento web. O curso tem 24 aulas, organizadas em cerca de 12 semanas, e aborda os fundamentos de JavaScript, CSS e HTML.

Cada aula gira em torno de um projeto prático: um terrário online com recurso de arrastar e soltar, um jogo de digitação, uma extensão verde para o navegador, um jogo espacial que usa a Canvas API e um aplicativo bancário com várias páginas. As aulas incluem quizzes antes e depois da exposição do conteúdo, verificações de aprendizado, desafios e tarefas. O repositório também inclui um aplicativo de quiz separado, com 48 quizzes de três perguntas cada.

O curso está disponível em mais de 50 idiomas, pode ser executado no GitHub Codespaces ou localmente com o Visual Studio Code e pode ser consultado offline com Docsify ou em PDF. O repositório também inclui um curso de IA generativa para JavaScript e um projeto de assistente de IA.

Recursos principais

  • 0124 aulas organizadas em um curso de cerca de 12 semanas
  • 02Os projetos incluem um terrário, um jogo de digitação, uma extensão para o navegador, um jogo espacial e um aplicativo bancário
  • 03Cada aula inclui quizzes antes e depois da exposição do conteúdo, verificações de aprendizado e tarefas
  • 04Disponível em mais de 50 idiomas, com sparse checkout para agilizar a clonagem
  • 05Pode ser executado no GitHub Codespaces ou localmente com o Visual Studio Code

Casos de uso

  • Iniciantes que querem um caminho estruturado para aprender HTML, CSS e JavaScript
  • Professores que dão aulas de desenvolvimento web com lições baseadas em projetos
  • Pessoas que preferem criar jogos e extensões pequenos a ler teoria

Início rápido

  1. 1

    Faça um fork do repositório no GitHub

  2. 2

    Clone seu fork no computador

    git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
  3. 3

    Abra a pasta no Visual Studio Code e comece pela Lesson 1 na pasta «1-getting-started-lessons»

Antes de usar

  • As lições são material de aprendizagem, não um aplicativo executável, portanto não há um único programa para iniciar.
  • A maior parte do conteúdo está em inglês, com traduções feitas por meio de um processo de tradução automática.

Tópicos

Perguntas frequentes

O que é Web-Dev-For-Beginners?
Currículo de 12 semanas e 24 aulas para iniciantes, que ensina HTML, CSS e JavaScript com projetos práticos, como um terrário, um jogo de digitação e um jogo espacial. Web Development for Beginners é um currículo gratuito e baseado em projetos da Microsoft Cloud Advocates, voltado a quem está começando no desenvolvimento web. O curso tem 24 aulas, organizadas em cerca de 12 semanas, e aborda os fundamentos de JavaScript, CSS e HTML.
Web-Dev-For-Beginners é gratuito? Qual é a licença?
Web-Dev-For-Beginners é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
Web-Dev-For-Beginners ainda é mantido?
Manutenção ativa. O último commit de Web-Dev-For-Beginners foi em 20 de out. de 2026.
Para que posso usar Web-Dev-For-Beginners?
Iniciantes que querem um caminho estruturado para aprender HTML, CSS e JavaScript Professores que dão aulas de desenvolvimento web com lições baseadas em projetos Pessoas que preferem criar jogos e extensões pequenos a ler teoria
Como instalar Web-Dev-For-Beginners?
Faça um fork do repositório no GitHub Clone seu fork no computador: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git Abra a pasta no Visual Studio Code e comece pela Lesson 1 na pasta «1-getting-started-lessons»
Onde consigo Web-Dev-For-Beginners?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/microsoft/Web-Dev-For-Beginners

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados