Desenvolvimento Web para Iniciantes - Um Currículo

Aprende os fundamentos do desenvolvimento web com o nosso curso abrangente de 12 semanas pelos Microsoft Cloud Advocates. Cada uma das 24 lições aprofunda JavaScript, CSS e HTML através de projetos práticos como terrários, extensões de navegador e jogos espaciais. Participa em questionários, discussões e tarefas práticas. Melhora as tuas competências e otimiza a tua retenção de conhecimento com a nossa pedagógica eficaz baseada em projetos. Começa a tua jornada de programação hoje! Junta-te à Comunidade Discord do Azure AI Foundry Segue estes passos para começar a usar estes recursos: 1. Faz Fork do Repositório: Clica 2. Clona o Repositório: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git 3. Junta-te ao Discord do Azure AI Foundry e conhece especialistas e outros programadores ### 🌐 Suporte Multilíngue #### Suportado via GitHub Action (Automatizado e Sempre Atualizado) Árabe | Bengali | Búlgaro | Birmanês (Myanmar) | Chinês (Simplificado) | Chinês (Tradicional, Hong Kong) | Chinês (Tradicional, Macau) | Chinês (Tradicional, Taiwan) | Croata | Checo | Dinamarquês | Holandês | Estónio | Finlandês | Francês | Alemão | Grego | Hebraico | Hindi | Húngaro | Indonésio | Italiano | Japonês | Kannada | Khmer | Coreano | Lituano | Malaio | Malaiala | Marata | Nepalês | Pidgin Nigeriano | Norueguês | Persa (Farsi) | Polaco | Português (Brasil) | Português (Portugal) | Punjabi (Gurmukhi) | Romeno | Russo | Sérvio (Cirílico) | Eslovaco | Esloveno | Espanhol | Suaíli | Sueco | Tagalo (Filipino) | Tâmil | Telugu | Tailandês | Turco | Ucraniano | Urdu | Vietnamita Se desejas que idiomas adicionais sejam suportados, estão listados aqui #### 🧑‍🎓 És estudante? Visita a página Student Hub onde encontrarás recursos para iniciantes, pacotes para estudantes e até formas de obter um voucher gratuito para certificado. Esta é a página que deves guardar nos favoritos e consultar de vez em quando, pois o conteúdo é atualizado mensalmente. ### 📣 Anúncio - Novos desafios modo Agente GitHub Copilot para completar! Novo desafio adicionado, procura por "GitHub Copilot Agent Challenge 🚀" na maioria dos capítulos. É um novo desafio para completares usando GitHub Copilot e o modo Agente. Se nunca usaste o modo Agente, ele pode não só gerar texto como criar e editar ficheiros, executar comandos e muito mais. ### 📣 Anúncio - Novo projeto para construir usando IA Generativa Novo projeto Assistente IA acaba de ser adicionado, confere o projeto ### 📣 Anúncio - Novo Currículo sobre IA Generativa para JavaScript foi lançado Não percas o nosso novo currículo de IA Generativa! Visita https://aka.ms/genai-js-course para começares! - Lições que cobrem tudo, desde o básico até RAG. - Interage com personagens históricos usando GenAI e a nossa aplicação acompanhante. - Narrativa divertida e envolvente, estarás a viajar no tempo! Cada lição inclui um exercício para completares, um teste de conhecimento e um desafio para te guiar na aprendizagem de tópicos como: - Prompting e engenharia de prompts - Geração de aplicações de texto e imagem - Aplicações de pesquisa Visita https://aka.ms/genai-js-course para começares! ## 🌱 Começar Estudantes, para cada lição, começa com um questionário pré-lectura e segue lendo o material da aula, completando as várias atividades e verifica a tua compreensão com o questionário pós-lectura. Para melhorar a tua experiência de aprendizagem, conecta-te com os seus pares para trabalharem juntos nos projetos! As discussões são encorajadas no nosso fórum de discussão onde a nossa equipa de moderadores estará disponível para responder às tuas perguntas. Para aprofundares a tua educação, recomendamos vivamente que explores o Microsoft Learn para materiais de estudo adicionais. ### 📋 Configurar o teu ambiente Este currículo tem um ambiente de desenvolvimento pronto a usar! Ao começares, podes optar por executar o currículo num Codespace (um ambiente baseado no navegador, sem necessidade de instalações), ou localmente no teu computador usando um editor de texto como o Visual Studio Code. #### Cria o teu repositório Para guardares facilmente o teu trabalho, recomenda-se que cries a tua própria cópia deste repositório. Podes fazer isso clicando no botão Use this template no topo da página. Isso criará um novo repositório na tua conta GitHub com uma cópia do currículo. Segue estes passos: 1. Faz Fork do Repositório: Clica no botão "Fork" no canto superior direito desta página. 2. Clona o Repositório: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git #### Executar o currículo num Codespace Na tua cópia do repositório que criaste, clica no botão Code e seleciona Open with Codespaces. Isso criará um novo Codespace para trabalhares. #### Executar o currículo localmente no teu computador Para executares este currículo localmente no teu computador, precisas de um editor de texto, um navegador e uma ferramenta de linha de comandos. A nossa primeira lição, Introdução às Linguagens de Programação e Ferramentas do Ofício, irá guiar-te por várias opções para cada uma destas ferramentas para selecionares o que melhor te convém. A nossa recomendação é usar o Visual Studio Code como editor, que também tem um Terminal incorporado. Podes descarregar o Visual Studio Code aqui. 1. Clone o seu repositório para o seu computador. Pode fazer isto clicando no botão Code e copiando a URL: CodeSpace Depois, abra o Terminal dentro do Visual Studio Code e execute o seguinte comando, substituindo pela URL que acabou de copiar: bash git clone <your-repository-url> 2. Abra a pasta no Visual Studio Code. Pode fazer isto clicando em File > Open Folder e selecionando a pasta que acabou de clonar. ## 📂 Cada aula inclui: - sketchnote opcional - vídeo suplementar opcional - quiz de aquecimento pré-aula - aula escrita - para aulas baseadas em projetos, guias passo-a-passo sobre como construir o projeto - verificações de conhecimento - um desafio - leitura suplementar - tarefa - quiz pós-aula ## 🗃️ Aulas ## 🏫 Pedagogia O nosso currículo foi concebido com dois princípios pedagógicos fundamentais em mente: * aprendizagem baseada em projetos * quizzes frequentes O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as últimas ferramentas e técnicas usadas pelos desenvolvedores web de hoje. Os alunos terão a oportunidade de desenvolver experiência prática construindo um jogo de digitação, um terrário virtual, uma extensão de browser ecológica, um jogo estilo invasores do espaço e uma app bancária para negócios. No final da série, os alunos terão adquirido uma sólida compreensão do desenvolvimento web. Ao garantir que o conteúdo está alinhado com projetos, o processo torna-se mais envolvente para os alunos e a retenção de conceitos será aumentada. Também escrevemos várias aulas introdutórias aos fundamentos de JavaScript para introduzir conceitos, combinadas com um vídeo da coleção de tutoriais em vídeo "Série para Iniciantes em: JavaScript", alguns dos quais os autores contribuíram para este currículo. Além disso, um quiz de baixo risco antes da aula define a intenção do aluno em aprender um tópico, enquanto um segundo quiz após a aula assegura uma retenção adicional. Este currículo foi desenhado para ser flexível e divertido e pode ser feito na totalidade ou em parte. Os projetos começam pequenos e tornam-se progressivamente mais complexos até ao final do ciclo de 12 semanas. Embora tenhamos evitado propositadamente introduzir frameworks JavaScript para nos concentrarmos nas habilidades básicas necessárias como desenvolvedor web antes de adotar um framework, um bom próximo passo para completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: "Série para Iniciantes em: Node.js". ## 🧭 Acesso Offline Pode executar esta documentação offline usando o Docsify. Faça um fork deste repositório, instale o Docsify na sua máquina local e depois, na pasta raiz deste repositório, escreva docsify serve. O site será servido na porta 3000 no seu localhost: localhost:3000. ## 📘 PDF Um PDF de todas as lições pode ser encontrado aqui. ## 🎒 Outros Cursos A nossa equipa produz outros cursos! Veja: ### LangChain --- ### Azure / Edge / MCP / Agents --- ### Série de IA Generativa -9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA) -C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC) -E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9) --- ### Aprendizagem Base --- ### Série Copilot ## Obter Ajuda Se ficar bloqueado ou tiver alguma pergunta sobre como construir aplicações de IA, junte-se a outros alunos e desenvolvedores experientes em discussões sobre MCP. É uma comunidade de apoio onde as perguntas são bem-vindas e o conhecimento é partilhado livremente. Se tiver comentários sobre o produto ou erros durante a construção, visite: ## Licença Este repositório está licenciado sob a licença MIT. Veja o ficheiro LICENSE para mais informações. --- Aviso Legal: Este documento foi traduzido utilizando o serviço de tradução automática Co-op Translator. Embora nos esforcemos pela precisão, tenha em conta que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autorizada. Para informações críticas, recomenda-se tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações erradas resultantes do uso desta tradução.