# Desenvolvimento Web para Iniciantes - Programa de Estudos
Azure Cloud Advocates da Microsoft têm o prazer de oferecer um curso de 12 semanas e 24 lições sobre o básico de JavaScript, CSS e HTML.
Cada lição possiu qizzes pré- e pós-lição , instruções escritas para completar a lição, uma solução, uma tarefa e mais.
Nossa pedagogia baseada em prática permite que você aprenda enquanto construi, uma forma de aprendizado eficaz e comprovada.
Cada aula possui questionários pré e pós-aula, instruções escritas para completar a lição, uma solução, uma tarefa e mais.
Nossa pedagogia baseia-se em prática, permitindo que você aprenda enquanto constrói, uma maneira comprovada para fixar as novas habilidades.
**Grandes agradecimentos aos nossos autores Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees, e Tomomi Imura!**
**Muitos agradecimentos aos nossos autores Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees e Tomomi Imura!**
# Você é estudante?
Comece com os seguintes recursos:
- [Hub para estudantes](https://docs.microsoft.com/en-gb/learn/student-hub?WT.mc_id=academic-77807-sagibbon) Nessa página, você vai escontrar recursos para iniciantes, pacotes para Estudante e até maneiras de obter um voucher para certificado gratuito. Essa é uma página que você deveria marcar e checar de tempos em tempos, à medida que trocamos o conteúdo pelo menos mensalmente.
- [Microsoft Student Learn ambassadors](https://studentambassadors.microsoft.com?WT.mc_id=academic-77807-sagibbon) Junte-se a uma comunidade global de estudantes embaixadores, este pode ser seu caminho para entrar na Microsoft.
# Começando
> **Professores**, nós incluímos algumas [sugestões](for-teachers.pt.md) sobre como tilizar este curso. Adoraríamos o seu Feedback em nosso [fórum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Professores**, nós incluímos algumas [sugestões](for-teachers.pt.md) sobre como utilizar este curso. Adoraríamos o seu Feedback em nosso [fórum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Estudantes**, para usar esse crrículo por conta própria, faça um fork do repositório inteiro, começando por um qizz pré-aula, veja a aula e então faça o resto das atividades.
Procure fazer os projetos baseado no que aprendeu ao invés de simplesmente copiar a solução que se encontra na pasta de soluções das atividades.
Uma boa opção seria criar um grupo de estudos e completar todos os conteúdos juntos.
Para estudos mais profundos, recomendamos que assista aos vídeos mencionados abaixo e procure pelo [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-77807-sagibbon).
> **[Estudantes](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, para usar esse currículo por conta própria, faça um fork do repositório inteiro e complete os exercícios por sua conta, começando pelo questionário pré-aula e então veja a aula e conclua o restante das atividades. Procure fazer os projetos baseado no que aprendeu ao invés de simplesmente copiar o código da solução; no entando, esse código pode ser encontrado na pasta de soluções em cada aula de projeto orientado. Uma boa opção seria criar um grupo de estudos com os colegas e completar todos os conteúdos juntos. Para estudos mais profundos, recomendamos que assista aos vídeos mencionados abaixo e procure pelo [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-77807-sagibbon).
Gif por [Mohit Jaisal](https://linkedin.com/in/mohitjaisal)
> 🎥 Clique na imagem acima para acessar um vídeo sobre o projeto e aqueles que o criaram !
## Pedagogia
Nós escolhemos dois princípos pedagógicos enquanto criávamos este curso: Garantir de que era baseado em práticas e que
tivesse quizzes frequentes.
Até o fim deste curso, estudantes terão construído um jogo de digitação, um terrário virtual, ums extensão de navegador 'verde' , um jogo do tipo 'space invaders', e um aplicativo bancário, e terão aprendido o básico de JavaScript, HTML, e CSS com um moderno conjunto de ferramentas do desenvolvimento web dos dias atuais 🎓 !!!
Nós escolhemos dois princípios pedagógicos enquanto criávamos este curso: garantir de que era baseado em práticas e que houvesse questionários frequentes. Até o fim deste curso, os estudantes terão construído um jogo de digitação, um terrário virtual, ums extensão de navegador 'verde', um jogo do tipo 'space invaders', um aplicativo bancário, e terão aprendido o básico de JavaScript, HTML e CSS, com conjunto de ferramentas modernas do desenvolvimento web dos dias atuais.
> 🎓 Você pode tomar as primeiras lições nesse curso como um [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-77807-sagibbon) no Microsoft Learn!
> 🎓 Você pode tomar as primeiras lições nesse curso como um [Caminho de Aprendizagem](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-77807-sagibbon) no Microsoft Learn!
Ao garantir que o conteúdo esteja alinhado com os projetos, o processo se torna mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições iniciais em noções básicas de JavaScript para introduzir conceitos, emparelhadas com o vídeo da coleção [accessible ici](https://www.youtube.com/playlist?list=PLb2HQ45KP0WsFop0pItGSUYl6baYjKEye) de vídeo-aulas, alguns de autores os quais contribuíram para este curso.
Ao garantir que o conteúdo esteja alinhado com os projetos, o processo se torna mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições iniciais em noções básicas de JavaScript para introduzir conceitos, emparelhadas com o vídeo da coleção [Série para Iniciantes em JavaScript](https://www.youtube.com/playlist?list=PLb2HQ45KP0WsFop0pItGSUYl6baYjKEye) de vídeo-aulas, de alguns autores os quais contribuíram para este curso.
Além disso, um teste simples antes da aula define a intenção do aluno de aprender um tópico, enquanto um segundo teste após a aula garante maior retenção. Este currículo foi projetado para ser flexível e divertido e pode ser realizado no todo ou em partes. Os projetos começam pequenos e tornam-se cada vez mais complexos no final do ciclo de 12 semanas.
Além disso, um teste simples antes da aula define a intenção do aluno em aprender um tópico, enquanto um segundo teste após a aula garante maior retenção do conteúdo. Este curso foi projetado para ser flexível e divertido e pode ser realizado ao todo ou em partes. Os projetos começam pequenos e tornam-se cada vez mais complexos no final do ciclo de 12 semanas.
Embora tenhamos evitado propositadamente a introdução de frameworks JavaScript para nos concentrarmos nas habilidades básicas necessárias como desenvolvedor web antes de adotar um framework, uma próxima etapa para concluir este currículo seria aprender sobre Node.js por meio de outra coleção de vídeos:
[Coletânea inicial sobre Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-77807-sagibbon)
> Encontre nosso [código de condta](CODE_OF_CONDUCT.md), [guia para contribidores](CONTRIBUTING.md), e [o guia para traduções do curso](TRANSLATIONS.md).
Seu Feedback contrutivo é bem vindo.
> Encontre nosso [código de conduta](CODE_OF_CONDUCT.md), [guia para colaboradores](CONTRIBUTING.md), e o [guia para traduções do curso](TRANSLATIONS.md). Seu Feedback contrutivo é bem vindo.
>
## Cada lição inclui:
- Uma folha de rascunho opcional
- Um vídeo complementar opcional
- Quiz pré-aula para aquecimento
- Folha de rascunho opcional
- Vídeo complementar opcional
- Questionário pré-aula para aquecimento
- Aula em versão escrita
- Para aulas baseadas em projeto, guia **passo a passo** sobre como contruir o projeto
- Checagem dos conhecimentos
- Um desafio
- Uma explicação **bem detalhada (passo a passo)** sobre como contruir o projeto
- Leitura complementar
- Exercícios
- Quiz pós-aula
- Questionário pós-aula
> **Nota sobre os qizzes**: todos os qizzes se encontram [aqui](https://ashy-river-0debb7803.1.azurestaticapps.net/), um total de 48 quizzes, com 3 questões em cada.
Também podem ser acessados localmente pela pasta `quiz-app`.
> **Nota sobre os questionários**: todos os questionários se encontram [aqui](https://ashy-river-0debb7803.1.azurestaticapps.net/), para um total de 48 questionários com 3 questões cada. Eles estão juntos com as aulas mas também podem ser acessados localmente; siga as instruções na pasta `quiz-app`. Eles estão sendo gradualmente localizados.
## Lições
| | Nome do projeto | Conceitos ensinados | Objetivos de aprendizado | Lição | Autor |
| 01 | Começando | Introdução à programação | Aprenda os fundamentos básicos por trás da maioria das linguagens de programação e sobre o software que ajuda os desenvolvedores profissionais a fazerem seus trabalhos | [Introdução à programação](/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.pt.md) | Jasmine |
| 02 | Começando | Introdução às bases do Github, incluindo trabalho em equipe | Como usar o GitHub em seu projeto, como colaborar com outras pessoas em uma base de código | [Introdução às bases do Github](/1-getting-started-lessons/2-github-basics/translations/README.pt.md) | Floor |
| 03 | Começando | Acessibilidade | Apprendra as bases da acessibilidade na Web | [Fundamentos da Acessibilidade](/1-getting-started-lessons/3-accessibility/translations/README.pt.md) | Christopher |
@ -100,12 +104,13 @@ Você pode utilizar essa documentação quando estiver offline através de [Docs
## PDF
Um PDF de todas as lições pode ser encontrado [bem aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
Um PDF de todas as lições pode ser encontrado [aqui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)
## Outros Cursos
Nossa equipe produziu outros cursos! Veja só :
- [Machine Learning para iniciantes](https://aka.ms/ml-beginners)
- [IoT para iniciantes](https://aka.ms/iot-beginners)
- [Data Science para iniciantes](https://aka.ms/datascience-beginners)
- [Machine Learning for Beginners](https://aka.ms/ml-beginners/?WT.mc_id=academic-77807-sagibbon)
- [IoT for Beginners](https://aka.ms/iot-beginners/?WT.mc_id=academic-77807-sagibbon)
- [Data Science for Beginners](https://aka.ms/datascience-beginners/?WT.mc_id=academic-77807-sagibbon)
- [AI for Beginners](https://aka.ms/ai-beginners/?WT.mc_id=academic-77807-sagibbon)
Satírio Tomé
3 years ago