Introdução
  • Boas-vindas
  • Sobre o autor
  • Apresentação
  • O que é um Website?
  • Como uma página da internet funciona?
  • Como funciona a internet?
Fundamentos do HTML
  • HTML5
  • Construindo minha primeira página web
  • Criando parágrafos
  • O que são TAGS?
  • Linhas horizontais e listas
  • Adicionando imagens ao seu Website
  • Tabelas
  • Criando links
  • Estruturas de um website
  • Recebendo dados por meio de formulários
  • Construindo uma página completa
  • Avaliação 1
Folhas de estilo em cascata (CSS)
  • O que é CSS?
  • Prática: crie um arquivo CSS
  • Declarando um arquivo CSS
  • Seletores
  • Questionário
  • Cores
  • Cores
  • Prática cores
  • Divs
  • Divs lado a lado
  • Margin x Padding
  • Container
  • Questionário
  • Criando página estilizada
  • Exercício
  • Imagens no background
  • Sombras e transparências
  • Criando menus
  • CSS3
  • Questionário
  • Atividades HTML + CSS
  • Revisão HTML + CSS
  • Questionário sobre CSS
Bootstrap 3
  • O que é Bootstrap?
  • Versão usada no curso
  • Bootstrap
  • Por que usar Bootstrap?
  • Containers
  • Labels
  • Tabelas
  • Barras de progresso
  • Botões
  • Jumbotron
  • Aplicando ornamentos a imagens
  • Ícones
Bootstrap 4 (atualização 2020)
  • Apresentação da seção
  • Bootstrap 4
  • CDN
  • Primeiros passos com Bootstrap
  • Conhecendo o Boostrap 4
  • Material para próxima aula
  • Tipografia: títulos
  • Display
  • Destaques
  • Elementos inline
  • Sistema de grade: containers
  • Sistema de grade: resolução
  • Sistema de grade: colunas
  • Códigos e imagens para próxima aula
  • Classes para imagens
  • Imagens responsivas
  • Tabelas (material suplementar)
  • Tabelas Bootstrap
  • Classes tabelas
  • Tabelas DARK
  • Colorindo linhas
  • Componentes
  • Alertas
  • Botões
  • Cores para botões
  • Formulários
  • Formulários: form-control
  • Tipos de elementos em formulários
  • Alterando o tamanho
  • Checkbox
  • Agrupando elementos de um formulário
  • Barras de progresso
  • Outros componentes
  • Jumbotron
  • Cards
  • Alterando o tamanho de cards
  • Bordas
  • Bordas arredondadas
  • Textos
  • Menus (navbar)
  • Navbar
  • Adicionando itens a um menu