Pular para o conteúdo
8. Front-End I

8. Front-End I

Este curso introduz o aluno ao desenvolvimento da camada visual de aplicações web. O foco principal é a separação clara entre a estrutura (HTML) e a apresentação (CSS). O aluno aprenderá a construir páginas modernas, seguindo os padrões do W3C, garantindo que o conteúdo seja não apenas visualmente atraente, mas também semanticamente correto, acessível e otimizado para mecanismos de busca (SEO).

Responsável Curadoria da Aturin
Última atualização 02/07/2026
Tempo de conclusão 16 horas 11 minutos
Membros 94
1o Sem - TII 2o Sem - TDS Básico 5a Área
  • Week 1
    5Aulas · 1 h 6 min
    • 1.1 - Apresentação da disciplina e do professor
    • 1.2 - Home e Referências [L]
      10 xp
    • 1.3 - Editor para HTML [L]
      10 xp
    • 1.4 - Preparando o ambiente VSCode [L]
      10 xp
    • 1.5 - Exemplos básicos [L]
      10 xp
  • Week 2
    5Aulas · 1 h 18 min
    • 2.1 - Elementos [L]
      10 xp
    • 2.2 - Tags no HTML
      10 xp
    • 2.3 - Atributos [L]
      10 xp
    • 2.4 - Cabeçalhos [L]
      10 xp
    • 2.5 - Parágrafos [L]
      10 xp
  • Week 4
    6Aulas · 1 h 38 min
    • 4.1 - Styles
      10 xp
    • 4.2 - Formatação de texto
      10 xp
    • 4.3 - Elementos de Citação
      10 xp
    • 4.4 - Comentários em HTML [L]
      10 xp
    • 4.5 - !DOCTYPE [L]
      10 xp
    • 4.6 - HTML a Tag [L]
      10 xp
  • Week 5
    7Aulas · 1 h 50 min
    • 5.1 - HTML Abbr Tag [L]
      10 xp
    • 5.2 - HTML address Tag [L]
      10 xp
    • 5.3 - HTML area Tag [L]
      10 xp
    • 5.4 - Cores
      10 xp
    • 5.5 Canvas
      10 xp
    • 5.6 - DOM
      10 xp
    • 5.7 - CSS e Links
      10 xp
  • Week 7
    6Aulas · 1 h 34 min
    • 7.1 Imagens, Favicon e Título da página
      10 xp
    • 7.2 Tabelas, Listas
      10 xp
    • 7.3 Div
      10 xp
    • 7.4 - Blocos
      10 xp
    • 7.5 - Classes, ID do HTML, Iframes
      10 xp
    • 7.6 - Computercode, Semântica
      10 xp
  • Week 8
    6Aulas · 1 h 29 min
    • 8.1 - Guia de estilo
      10 xp
    • 8.2 - Entidades e Símbolos
      10 xp
    • 8.3 - Emojis, Conjunto de caracteres HTML, Código de URL
      10 xp
    • 8.4 - HTML vs XHTML
      10 xp
    • 8.5 - Formulários
      10 xp
    • 8.6 - SVG
      10 xp
  • Week 12
    7Aulas · 1 h 48 min
    • 12.1 - Mídia
      10 xp
    • 12.2 - APIs
      10 xp
    • 12.3 - APIs de armazenamento na Web HTML
      10 xp
    • 12.4 - HTML Responsivo
      10 xp
    • 12.5 - Introdução ao CSS
      10 xp
    • 12.6 - Sintaxe CSS
      10 xp
    • 12.7 - Seletores e Como fazer CSS
      10 xp
  • Week 13
    6Aulas · 1 h 22 min
    • 13.1 - Comentários CSS
      10 xp
    • 13.2 - Cores e Fundos CSS
      10 xp
    • 13.3 - Bordas, Margens e Padding CSS
      10 xp
    • 13.4 - Outline, Texto e Fontes CSS
      10 xp
    • 13.5 - Ícones CSS
      10 xp
    • 13.6 - Links e Botões CSS
      10 xp
  • Week 15
    7Aulas · 1 h 41 min
    • 15.0 Apresentação do projeto - AirBNB Garage
    • 15.1 - Modelo de caixa, Esboço
    • 15.1.1 [Quiz] Modelo de caixa, Esboço
      10 xp
    • 15.2 Listas
    • 15.2.1 [Quiz] Listas
      10 xp
    • 15.3 Tabelas (Antigo)
    • 15.3.1 [Quiz] Tabelas (Antigo)
      10 xp
  • Week 16
    4Aulas · 52 min
    • 16.1 - Exibição
      10 xp
    • 16.2 - Largura máxima e Posição
      10 xp
    • 16.3 - Índice Z, Excesso de CSS, Layout
      10 xp
    • 16.4 - Bloco embutido, Alinhar, Combinadores
      10 xp
  • Week 18
    4Aulas · 49 min
    • 18.1 - Pseudo-classe, Pseudoelemento, Opacidade
      10 xp
    • 18.2 - Barra de navegação
      10 xp
    • 18.3 - Menu suspensos, Galeria de imagens
      10 xp
    • 18.4 - Sprites de imagem, Seletores de Attr
      10 xp
  • Week 19
    4Aulas · 44 min
    • 19.1 - Formulários, Contadores
      10 xp
    • 19.2 - Layout do site
      10 xp
    • 19.3 - Unidades e Especificidade
      10 xp
    • 19.4 - Funções matemáticas do CSS
      10 xp