You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/README.pt-BR.md

17 KiB

Licensa Github Contribuidores Issues PRs Contribuições são bem vindas !

Watchers Forks Stars

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.

Grandes agradecimentos aos nossos autores Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees, e Tomomi Imura!

Começando

Professores, nós incluímos algumas sugestões sobre como tilizar este curso. Adoraríamos o seu Feedback em nosso fórum!

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.

Promo video

🎥 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 🎓 !!!

🎓 Você pode tomar as primeiras lições nesse curso como um Learn Path 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 de vídeo-aulas, alguns de 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.

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

Encontre nosso código de condta, guia para contribidores, e o guia para traduções do curso. Seu Feedback contrutivo é bem vindo.

Cada lição inclui :

  • Uma folha de rascunho opcional
  • Um vídeo complementar opcional
  • Quiz pré-aula para aquecimento
  • Aula em versão escrita
  • Um desafio
  • Uma explicação bem detalhada (passo a passo) sobre como contruir o projeto
  • Leitura complementar
  • Exercícios
  • Quiz pós-aula

Nota sobre os qizzes: todos os qizzes se encontram aqui, um total de 48 quizzes, com 3 questões em cada. Também podem ser acessados localmente pela pasta quiz-app.

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 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 Floor
03 Começando Acessibilidade Apprendra as bases da acessibilidade na Web Fundamentos da Acessibilidade Christopher
04 Básico de JS Tipos de dados em JavaScript O básico de dados em JavaScript Tipos de dados Jasmine
05 Básico de JS Funções e métodos Aprenda sobre Funções e métodos para gerenciar o fluxo de lógica de uma aplicação Funções e métodos Jasmine e Christopher
06 Básico de JS Tomando decisões com JS Aprenda como criar condições em seu código usando métodos de tomada de decisão methods Tomando decisões Jasmine
07 Básico de JS Arrays e Loops Trabalhe com dados usando arrays e loops em JavaScript Arrays e Loops Jasmine
08 Terrarium HTML na Prática Construa o HTML para criar um terrário online, focando em construir um layout Introdução a HTML Jen
09 Terrarium CSS na Prática Construa o CSS para estilizar o terrário online, focando no básico de inclusão CSS fazendo a página responsiva Introdução a CSS Jen
10 Terrarium JavaScript closures, DOM manipulation Construa o JavaScript para fazer o terrário funcionar como uma interface de arrastar / soltar, focando em fechamentos e manipulação de DOM JavaScript Closures, DOM manipulation Jen
11 Typing Game Construa um jogo de digitação Aprenda a usar eventos de teclado para conduzir a lógica de seu aplicativo JavaScript Programação Orientada a Eventos Christopher
12 Extensão de navegador verde Trabalhando com navegadores Aprenda como os navegadores funcionam, seu histórico e como organizar os primeiros elementos de uma extensão do navegador Sobre navegadores Jen
13 Extensão de navegador verde Construindo um formulário, chamando uma API e armazenando variáveis no armazenamento local Construa os elementos JavaScript da extensão do seu navegador para chamar uma API usando variáveis armazenadas no armazenamento local APIs, Formulários e Armazenamento Local Jen
14 Extensão de navegador verde Processos em segundo plano no navegador, desempenho da web Use os processos de segundo plano do navegador para gerenciar o ícone da extensão; aprender sobre o desempenho da web e algumas otimizações para fazer Tarefas e desempenho em segundo plano Jen
15 Jogo Espacial Desenvolvimento de jogos mais avançado com JavaScript Saiba mais sobre herança usando classes e composição e o padrão Pub / Sub, na preparação para a construção de um jogo Introdução ao desenvolvimento avançado de um jogo em Javascript Chris
16 Jogo Espacial Desenhar na tela Saiba mais sobre a API Canvas, usada para desenhar elementos em uma tela Desenhando na Tela Chris
17 Jogo Espacial Movendo elementos pela tela Descubra como os elementos podem ganhar movimento usando as coordenadas cartesianas e a API Canvas Movendo elementos pela Tela Chris
18 Jogo Espacial Detecção de Colisão Faça os elementos colidirem e reagirem uns com os outros usando o pressionamento de teclas e fornecer uma função de resfriamento para garantir o desempenho do jogo Detecção de Colisão Chris
19 Jogo Espacial Mantendo a pontuação Faça cálculos matemáticos com base no status e no desempenho do jogo Mantendo a pontuação Chris
20 Jogo Espacial Terminando e reiniciando o jogo Saiba mais sobre como encerrar e reiniciar o jogo, incluindo limpeza de ativos e redefinição de valores de variáveis A condição de encerramento Chris
21 Banking App Templates HTML e rotas em um aplicativo da web Aprenda a criar o andaime da arquitetura de um site de várias páginas usando modelos de roteamento e HTML HTML Templates e Rotas Yohan
22 Banking App Criar um formulário de Login e Cadastro Aprenda sobre a construção de formulários e rotinas de validação Formulários Yohan
23 Banking App Métodos de busca e uso de dados Como os dados fluem para dentro e para fora do seu aplicativo, como buscá-los, armazená-los e descartá-los Dados Yohan
24 Banking App Conceitos de Gestão do Estado Saiba como seu aplicativo mantém o estado e como gerenciá-lo de maneira programática Gestão de estados Yohan

Acesso offline

Você pode utilizar essa documentação quando estiver offline através de Docsify. Faça um Fork desse repositório, instale Docsify na sua máquina e digite docsify serve na pasta raiz desse repositório. O site estará disponível na porta 3000 em seu host local: localhost:3000.

PDF

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

Outros Cursos

Nossa equipe produziu outros cursos! Veja só :