Boas vindas
  • Introdução
  • Boas Vindas
  • Grupo no Facebook & Redes sociais
Preparando-se para o desenvolvimento
  • Introdução
  • IDEs e editores de texto de código fonte
  • Instalando o Sublime Text
  • Criando um projeto com Sublime Text
  • Como exibir as extensões dos arquivos
HTML
  • O que irei aprender nesse módulo?
  • O que é HTML?
  • Estrutura de uma Página Web
  • Estrutura de uma Página Web - projeto.html
  • Cabeçalhos
  • Parágrafos
  • Formatação de textos
  • Listas não ordenadas
  • Listas ordenadas
  • Teste
  • Imagens
  • Links
  • Tabelas
  • Tabelas - Final
  • Formulários
  • Caracteres Especiais
  • Teste
  • Projeto final site
CSS
  • Introdução CSS
  • Inline CSS
  • Seletores CSS
  • Classes e IDs
  • Diferença de classes vs IDs
  • Tags Div & Span
  • teste
  • Bordas
  • Fontes & cores
  • Formatações de textos - parte I
  • Formatações de textos - parte II
CSS Intermediário
  • O que irei aprender nesse módulo?
  • Box Model (Modelo de caixa)
  • Elementos Flutuantes
  • Posicionamento
  • Posicionamento - Parte II
  • Elementos inline, block e inline-block
  • Formatando Links
  • CSS Externo
  • TecBlog Projeto Final – parte I
  • TecBlog Projeto Final – parte II
HTML5
  • Introdução
  • Teste o suporte das novas Tags do HTML5
  • Novas tags: Header, Footer e Nav
  • Novas tags: Section, Article, Aside e Time
  • Compatibilidade com HTML5 - (Links utilizados)
  • Compatibilidade com HTML5
  • Novas tags de Input
  • Atributo Data
CSS3
  • Introdução
  • Navegadores que suportam CSS3
  • Normalize css
  • Box Sizing & Cantos arredondados
  • Degradês & Transparências
  • Sombras
  • Animações
  • Transições
  • Arquivos das aulas
Bootstrap - Criando Sites Responsivos
  • O que irei aprender nesse módulo?
  • Design responsivo & Bootstrap
  • Configurando o Bootstrap (Arquivos necessários)
  • Configurando o Bootrstrap
  • Introdução - Sistema de Grid
  • Sistema de Grid
  • Formulários
  • Tabelas
  • Botões
  • Imagens responsivas
  • Barra de navegação
  • Glyphicons - Ícones
  • Modal window
  • Alert
  • Tooltip & Popover
  • Tabs
  • Introdução Criando Página Spotify
  • Spotify - Barra de Navegação - Parte I
  • Spotify - Barra de Navegação - Parte II
  • Spotify - Criando a Capa Principal - Parte I
  • Spotify - Criando a Capa Principal - Parte II
  • Spotify - Criando área de conteúdos - Parte I
  • Spotify - Criando área de conteúdos - Parte II
  • Spotify - Criando o Rodapé
  • Spotify - Media queries (links úteis)
  • Spotify - Media queries
  • Spotify - Overflow
  • Spotify - Otimização com media queries