Web-Dev-For-Beginners/translations/pt

Siga estes passos para começar a usar estes recursos:

1. Faça um Fork do Repositório: Clique
2. Clone o Repositório: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Junte-se ao Discord do Azure AI Foundry e conheça especialistas e outros desenvolvedores

Desenvolvimento Web para Iniciantes - Um Currículo

Aprenda os fundamentos do desenvolvimento web com o nosso curso abrangente de 12 semanas oferecido pelos Microsoft Cloud Advocates. Cada uma das 24 lições explora JavaScript, CSS e HTML através de projetos práticos como terrários, extensões de navegador e jogos espaciais. Participe de quizzes, discussões e tarefas práticas. Melhore suas habilidades e otimize sua retenção de conhecimento com nossa metodologia eficaz baseada em projetos. Comece sua jornada de programação hoje!

🧑‍🎓 És estudante?

Visite a página Student Hub, onde encontrarás recursos para iniciantes, pacotes para estudantes e até formas de obter um voucher para certificado gratuito. Esta é a página que deves marcar como favorita e verificar regularmente, pois o conteúdo é atualizado mensalmente.

📣 Anúncio - Novo Currículo sobre IA Generativa para JavaScript foi lançado

Não percas o nosso novo currículo sobre IA Generativa!

Visite https://aka.ms/genai-js-course para começar!

• Lições que cobrem desde os fundamentos até RAG.
• Interaja com personagens históricos usando GenAI e a nossa aplicação complementar.
• Narrativa divertida e envolvente, vais viajar no tempo!

Cada lição inclui uma tarefa para completar, uma verificação de conhecimento e um desafio para te guiar no aprendizado de tópicos como:

• Criação de prompts e engenharia de prompts
• Geração de aplicações de texto e imagem
• Aplicações de pesquisa

Visite https://aka.ms/genai-js-course para começar!

🌱 Começando

Professores, incluímos algumas sugestões sobre como usar este currículo. Adoraríamos receber o vosso feedback no nosso fórum de discussão!

Estudantes, para cada lição, comece com um quiz pré-aula e continue lendo o material da aula, completando as várias atividades e verificando a sua compreensão com o quiz pós-aula.

Para melhorar a sua experiência de aprendizagem, conecte-se com colegas para trabalhar nos projetos juntos! Discussões são incentivadas no nosso fórum de discussão, onde a nossa equipa de moderadores estará disponível para responder às suas perguntas.

Para aprofundar a sua educação, recomendamos explorar Microsoft Learn para materiais de estudo adicionais.

📋 Configurando o seu ambiente

Este currículo tem um ambiente de desenvolvimento pronto para uso! Ao começar, pode optar por executar o currículo num Codespace (um ambiente baseado no navegador, sem necessidade de instalações), ou localmente no seu computador usando um editor de texto como Visual Studio Code.

Crie o seu repositório

Para guardar facilmente o seu trabalho, recomendamos que crie uma cópia deste repositório. Pode fazer isso clicando no botão Use this template no topo da página. Isso criará um novo repositório na sua conta GitHub com uma cópia do currículo.

Siga estes passos:

1. Faça um Fork do Repositório: Clique no botão "Fork" no canto superior direito desta página.
2. Clone o Repositório: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Executando o currículo num Codespace

Na sua cópia deste repositório que criou, clique no botão Code e selecione Open with Codespaces. Isso criará um novo Codespace para trabalhar.

!Codespace./images/createcodespace.png)

Executando o currículo localmente no seu computador

Para executar este currículo localmente no seu computador, precisará de um editor de texto, um navegador e uma ferramenta de linha de comando. A nossa primeira lição, Introdução às Linguagens de Programação e Ferramentas de Trabalho, irá guiá-lo através de várias opções para cada uma destas ferramentas, para que possa escolher o que funciona melhor para si.

Recomendamos usar o Visual Studio Code como editor, que também tem um Terminal integrado. Pode fazer o download do Visual Studio Code aqui.

1. Clone o seu repositório para o seu computador. Pode fazer isso clicando no botão Code e copiando o URL:

   !CodeSpace

   Depois, abra o Terminal dentro do Visual Studio Code e execute o seguinte comando, substituindo <your-repository-url> pelo URL que acabou de copiar:

   git clone <your-repository-url>
   

2. Abra a pasta no Visual Studio Code. Pode fazer isso clicando em File > Open Folder e selecionando a pasta que acabou de clonar.

Extensões recomendadas para Visual Studio Code:

• Live Server - para pré-visualizar páginas HTML dentro do Visual Studio Code
• Copilot - para ajudar a escrever código mais rapidamente

📂 Cada lição inclui:

• sketchnote opcional
• vídeo suplementar opcional
• quiz de aquecimento pré-aula
• lição escrita
• para lições 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

Nota sobre quizzes: Todos os quizzes estão contidos na pasta Quiz-app, 48 quizzes no total, cada um com três perguntas. Estão disponíveis aqui. A aplicação de quizzes pode ser executada localmente ou implantada no Azure; siga as instruções na pasta quiz-app.

🗃️ Lições

	Nome do Projeto	Conceitos Ensinados	Objetivos de Aprendizagem	Lição Vinculada	Autor
01	Primeiros Passos	Introdução à Programação e Ferramentas de Trabalho	Aprenda os fundamentos básicos por trás da maioria das linguagens de programação e sobre software que ajuda desenvolvedores	Introdução às Linguagens de Programação e Ferramentas de Trabalho	Jasmine
02	Primeiros Passos	Noções Básicas do GitHub, incluindo trabalho em equipa	Como usar o GitHub no seu projeto e colaborar com outros numa base de código	Introdução ao GitHub	Floor
03	Primeiros Passos	Acessibilidade	Aprenda os fundamentos da acessibilidade na web	Fundamentos de Acessibilidade	Christopher
04	JS Básico	Tipos de Dados em JavaScript	Os fundamentos dos tipos de dados em JavaScript	Tipos de Dados	Jasmine
05	JS Básico	Funções e Métodos	Aprenda sobre funções e métodos para gerir o fluxo lógico de uma aplicação	Funções e Métodos	Jasmine e Christopher
06	JS Básico	Tomando Decisões com JS	Aprenda a criar condições no seu código usando métodos de tomada de decisão	Tomando Decisões	Jasmine
07	JS Básico	Arrays e Loops	Trabalhe com dados usando arrays e loops em JavaScript	Arrays e Loops	Jasmine
08	Terrário	HTML na Prática	Construa o HTML para criar um terrário online, focando na criação de um layout	Introdução ao HTML	Jen
09	Terrário	CSS na Prática	Construa o CSS para estilizar o terrário online, focando nos fundamentos do CSS, incluindo tornar a página responsiva	Introdução ao CSS	Jen
10	Terrarium	Closures em JavaScript, manipulação do DOM	Desenvolve o JavaScript para fazer o terrário funcionar como uma interface de arrastar/soltar, com foco em closures e manipulação do DOM	Closures em JavaScript, manipulação do DOM	Jen
11	Typing Game	Criar um Jogo de Digitação	Aprende a usar eventos de teclado para conduzir a lógica da tua aplicação JavaScript	Programação Orientada a Eventos	Christopher
12	Green Browser Extension	Trabalhar com Navegadores	Aprende como os navegadores funcionam, a sua história e como estruturar os primeiros elementos de uma extensão de navegador	Sobre Navegadores	Jen
13	Green Browser Extension	Criar um formulário, chamar uma API e armazenar variáveis no local storage	Desenvolve os elementos JavaScript da tua extensão de navegador para chamar uma API usando variáveis armazenadas no local storage	APIs, Formulários e Local Storage	Jen
14	Green Browser Extension	Processos em segundo plano no navegador, desempenho web	Usa os processos em segundo plano do navegador para gerir o ícone da extensão; aprende sobre desempenho web e algumas otimizações	Tarefas em Segundo Plano e Desempenho	Jen
15	Space Game	Desenvolvimento de Jogos Mais Avançado com JavaScript	Aprende sobre Herança usando Classes e Composição e o padrão Pub/Sub, em preparação para criar um jogo	Introdução ao Desenvolvimento de Jogos Avançado	Chris
16	Space Game	Desenhar no Canvas	Aprende sobre a API Canvas, usada para desenhar elementos no ecrã	Desenhar no Canvas	Chris
17	Space Game	Mover elementos pelo ecrã	Descobre como os elementos podem ganhar movimento usando coordenadas cartesianas e a API Canvas	Mover Elementos	Chris
18	Space Game	Deteção de colisões	Faz com que os elementos colidam e reajam entre si usando teclas e fornece uma função de cooldown para garantir o desempenho do jogo	Deteção de Colisões	Chris
19	Space Game	Contabilizar Pontuação	Realiza cálculos matemáticos com base no estado e desempenho do jogo	Contabilizar Pontuação	Chris
20	Space Game	Terminar e reiniciar o jogo	Aprende a terminar e reiniciar o jogo, incluindo limpar recursos e redefinir valores de variáveis	Condição de Término	Chris
21	Banking App	Templates HTML e Rotas numa Aplicação Web	Aprende a criar a estrutura de uma arquitetura de site multipágina usando rotas e templates HTML	Templates HTML e Rotas	Yohan
22	Banking App	Criar um Formulário de Login e Registo	Aprende a criar formulários e a lidar com rotinas de validação	Formulários	Yohan
23	Banking App	Métodos de Obtenção e Utilização de Dados	Como os dados fluem para dentro e fora da tua aplicação, como obtê-los, armazená-los e descartá-los	Dados	Yohan
24	Banking App	Conceitos de Gestão de Estado	Aprende como a tua aplicação mantém o estado e como geri-lo programaticamente	Gestão de Estado	Yohan

🏫 Pedagogia

O nosso currículo foi concebido com dois princípios pedagógicos fundamentais em mente:

• aprendizagem baseada em projetos
• questionários frequentes

O programa ensina os fundamentos de JavaScript, HTML e CSS, bem como as ferramentas e técnicas mais recentes utilizadas pelos programadores web de hoje. Os alunos terão a oportunidade de ganhar experiência prática ao construir um jogo de digitação, um terrário virtual, uma extensão de navegador ecológica, um jogo no estilo "space invader" e uma aplicação bancária para empresas. No final da série, os alunos terão adquirido uma compreensão sólida do desenvolvimento web.

🎓 Podes fazer as primeiras lições deste currículo como um Learn Path no Microsoft Learn!

Ao garantir que o conteúdo está alinhado com os projetos, o processo torna-se mais envolvente para os alunos e a retenção dos conceitos será aumentada. Também escrevemos várias lições introdutórias sobre os fundamentos de JavaScript para apresentar conceitos, acompanhadas de um vídeo da coleção "Beginners Series to: JavaScript", cujos autores contribuíram para este currículo.

Além disso, um questionário de baixo risco antes de uma aula define a intenção do aluno em aprender um tópico, enquanto um segundo questionário após a aula garante uma maior retenção. Este currículo foi concebido para ser flexível e divertido e pode ser realizado na totalidade ou em parte. Os projetos começam pequenos e tornam-se progressivamente mais complexos ao longo do ciclo de 12 semanas.

Embora tenhamos evitado intencionalmente introduzir frameworks de JavaScript para nos concentrarmos nas competências básicas necessárias como programador web antes de adotar um framework, um bom próximo passo após completar este currículo seria aprender sobre Node.js através de outra coleção de vídeos: "Beginner Series to: Node.js".

Visita o nosso Código de Conduta e as diretrizes de Contribuição. Agradecemos o teu feedback construtivo!

🧭 Acesso offline

Podes executar esta documentação offline usando o Docsify. Faz um fork deste repositório, instala o Docsify na tua máquina local e, na pasta raiz deste repositório, escreve docsify serve. O site será servido na porta 3000 no teu localhost: localhost:3000.

📘 PDF

Um PDF de todas as lições pode ser encontrado aqui.

🎒 Outros Cursos

A nossa equipa produz outros cursos! Dá uma vista de olhos:

• Generative AI for Beginners
• Generative AI for Beginners .NET
• Generative AI with JavaScript
• Generative AI with Java
• AI for Beginners
• Data Science for Beginners
• ML for Beginners
• Cybersecurity for Beginners
• Web Dev for Beginners
• IoT for Beginners
• XR Development for Beginners
• Mastering GitHub Copilot for Agentic use
• Mastering GitHub Copilot for C#/.NET Developers
• Choose Your Own Copilot Adventure

Licença

Este repositório está licenciado sob a licença MIT. Consulta o ficheiro LICENSE para mais informações.

---

Aviso Legal:
Este documento foi traduzido utilizando o serviço de tradução por IA Co-op Translator. Embora nos esforcemos para garantir a precisão, é importante notar que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autoritária. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas decorrentes da utilização desta tradução.