Curso de Noções básicas de desenvolvimento web

O que você vai aprender em 8 aulas

1. 1

   Como a Web funciona

   Comece aqui

   Explique o que acontece entre digitar um endereço web e ver uma página, incluindo navegadores, servidores, requisições e respostas HTTP e as funções de HTML, CSS e JavaScript.

   5 objetivos de aprendizagem

   O que você vai aprender

   1. 1.Descreva como uma página web chega à sua tela
   2. 2.Leia endereços web e nomes de domínio
   3. 3.Leia requisições, respostas e códigos de status HTTP
   4. 4.Explique as funções de HTML, CSS e JavaScript
   5. 5.Configure suas ferramentas e inspecione páginas reais
2. 2

   HTML

   Estruture páginas web com elementos e atributos HTML, usando títulos, parágrafos, listas, links, imagens e elementos semânticos.

   5 objetivos de aprendizagem

   O que você vai aprender

   1. 1.Escreva documentos HTML bem formados
   2. 2.Estruture o texto com títulos, parágrafos e listas
   3. 3.Conecte páginas com links e crie a navegação
   4. 4.Adicione imagens que todas as pessoas possam compreender
   5. 5.Organize o layout das páginas com elementos semânticos
3. 3

   Formulários em HTML

   Crie formulários com controles rotulados e validação nativa, apresente dados em tabelas acessíveis e adicione áudio e vídeo a uma página.

   5 objetivos de aprendizagem

   O que você vai aprender

   1. 1.Crie formulários que coletem as informações adequadas
   2. 2.Verifique os dados de entrada com a validação nativa
   3. 3.Apresente dados em tabelas acessíveis
   4. 4.Adicione áudio e vídeo a uma página
   5. 5.Incorpore conteúdo de outras fontes
4. 4

   CSS

   Estilize páginas com seletores CSS, a cascata e o modelo de caixa e controle cores, fontes e espaçamentos.

   6 objetivos de aprendizagem

   O que você vai aprender

   1. 1.Escreva CSS e veja como o navegador o aplica
   2. 2.Selecione os elementos que você quer estilizar
   3. 3.Preveja qual estilo prevalece com a cascata, a especificidade e a herança
   4. 4.Especifique cores e escolha unidades
   5. 5.Dimensione e espace elementos com o modelo de caixa
   6. 6.Estilize textos, listas, links, fundos e bordas
5. 5

   Layout CSS

   Organize páginas com o fluxo normal, o posicionamento, o flexbox e o CSS Grid e escolha o método de layout adequado para cada página.

   5 objetivos de aprendizagem

   O que você vai aprender

   1. 1.Entenda o fluxo das caixas e como display o altera
   2. 2.Posicione elementos com a propriedade position
   3. 3.Crie layouts unidimensionais com flexbox
   4. 4.Crie layouts bidimensionais com CSS Grid
   5. 5.Escolha e combine métodos de layout para páginas reais
6. 6

   Design responsivo

   Faça páginas web funcionarem em celulares, tablets e computadores configurando a área de visualização e usando unidades relativas, consultas de mídia e imagens responsivas.

   5 objetivos de aprendizagem

   O que você vai aprender

   1. 1.Prepare uma página para se adaptar a qualquer tela
   2. 2.Adapte layouts com consultas de mídia
   3. 3.Faça os componentes se adaptarem ao contêiner
   4. 4.Forneça imagens e mídias adequadas a cada tela
   5. 5.Teste e aperfeiçoe páginas responsivas
7. 7

   Páginas web acessíveis

   Crie páginas que funcionem com teclado, leitores de tela e zoom usando HTML semântico, alternativas textuais, contraste suficiente e ARIA apenas quando necessário.

   6 objetivos de aprendizagem

   O que você vai aprender

   1. 1.Estruture páginas com HTML semântico
   2. 2.Forneça alternativas textuais para conteúdo não textual
   3. 3.Faça todas as funcionalidades funcionarem com o teclado
   4. 4.Mantenha textos e elementos visuais legíveis
   5. 5.Crie formulários acessíveis
   6. 6.Use ARIA com moderação e teste suas páginas
8. 8

   Publicação e manutenção de um site

   Organize os arquivos do site, verifique e corrija as páginas e publique o site em hospedagem estática com seu próprio domínio e HTTPS.

   6 objetivos de aprendizagem

   O que você vai aprender

   1. 1.Organize o projeto de um site e verifique seu código
   2. 2.Identifique e corrija problemas com as ferramentas do desenvolvedor do navegador
   3. 3.Faça as páginas carregarem rapidamente
   4. 4.Escreva marcação adequada aos mecanismos de busca
   5. 5.Publique um site em hospedagem estática
   6. 6.Use seu próprio domínio com HTTPS e mantenha o site em funcionamento