Boa vindas
  • Canais de comunicação
Preparando-se para o desenvolvimento
  • IDEs e editores de texto de código fonte
  • [Windows] Instalando o Sublime Text
  • [MAC] Instalando o Sublime Text
  • Criando um projeto no Sublime Text
HTML 5
  • O que irei aprender?
  • Estrutura de uma página web - parte 1
  • Estrutura de uma página web - parte 2
  • Cabeçalhos
  • Parágrafos
  • Formatações de textos
  • Listas ordenadas e não ordenadas
  • Testando seus conhecimentos
  • Imagens
  • Links
  • Tabelas
  • Mais sobre tabelas
  • Formulários
  • Mais componentes de formulários
  • Caracteres especiais
  • Página inicial do #projeto1 UNES
  • Finalizando #projeto1 UNES
CSS 3
  • O que irei aprender?
  • Introdução CSS
  • Inline CSS
  • Seletores CSS
  • Classes e IDs
  • Tags Div & Span
  • Bordas
  • Fontes & cores
  • Tamanhos de textos
  • Estilos de textos
  • Cor e imagem de fundo
  • CSS Externo
  • #projeto2 Anna Bella - página inicial
  • #projeto2 Anna Bella - parte 2
  • #projeto2 Anna Bella - navegação
  • Modelo de caixa
  • Elementos Flutuantes
  • Elementos flutuantes - parte 2
  • Elementos flutuantes na prática
  • Elementos inline, block e inline-block
  • Posicionamento estático e relativo
  • Posicionamento - absoluto e fixo
  • Sobrepondo elementos
  • Formatando links
  • #projeto3 TecBlog - parte 1
  • #projeto3 TecBlog - parte 2
  • #projeto3 TecBlog - parte 3
CSS3 Intermediário & avançado
  • O que irei aprender?
  • Mais sobre seletores
  • Herança e especificidade
  • Criando barra de navegação vertical
  • Marcando página atual
  • Criando barra de navegação horizontal
  • Navegação com abas
  • Layout de largura fixa
  • Layout líquido
  • Imagens líquidas
  • Coluna falsa
  • Estilizando tabelas
  • Estilizando formulários - parte 1
  • Estilizando formulários - parte 2
  • Arredondamento com imagens
  • #projeto4 Site de Notícias Cidade - Criando topo
  • #projeto4 Site de Notícias Cidade - Barra de navegação
  • #projeto4 Site de Notícias Cidade - Layout em colunas - parte 1
  • #projeto4 Site de Notícias Cidade - Layout em colunas - parte 2
  • #projeto4 Site de Notícias Cidade - Barra lateral
  • #projeto4 Site de Notícias Cidades - Área de conteúdos
  • #projeto4 Site de Notícias Cidades - Área de notícias
  • Site de Notícias Cidades - Projeto final
  • #projeto5 Chalé Hotel - Criando topo
  • #projeto5 Chalé Hotel - Ajustando topo
  • #projeto5 Chalé Hotel - Criando menu vertical
  • #projeto5 Chalé Hotel - Área de conteúdos
  • #projeto5 Chalé Hotel - Conteúdo lateral e rodapé
  • Parallax - parte 1
  • Parallax - parte 2
  • Usando fontes customizadas
HTML5 e CSS3 Recursos especiais
  • O que irei aprender?
  • Normalize CSS
  • Box Sizing & Cantos arredondados
  • Degradês & Transparências
  • Sombras
  • Animações
  • Transições
  • Novas tags html 5 Header, Nav e Footer
  • Novas tags html 5 Article, Section, Aside e time
  • Compatibilidade Html 5
  • Novas tags de Input
  • Flexbox - container
  • Flexbox - itens - parte 1
  • Flexbox - itens - parte 2