Introdução
  • Introdução
  • O que é Backend?
  • Instalando o Google Chrome e Listando característica de um bom editor
  • Instalando o Editor HTML - Brackets
  • Brackets - Recurso Live Preview.
  • Brackets - Trocando de Tema.
Aprendendo HTML
  • Estrutura do HTML
  • Construindo uma página - Parte 1 - Texto e Imagem
  • Construindo uma página - Parte 2 - Cabeçalho, Conteúdo e Rodapé
  • Construindo uma página - Parte 3 - Link
  • Construindo uma página - Parte 4 - Imagens Redes Sociais
  • Construindo uma página - Parte 5 - Logo marcas
Criando outras páginas
  • Fale Conosco - Parte 1
  • Fale Conosco - Parte 2
  • Fale Conosco - Parte 3
  • Onde Estamos
Aplicando estilo na nossa página CSS
  • CSS - Usando CSS no HTML
  • Barra superior - Parte 01
  • Barra superior - Parte 2
  • CSS - Cabeçalho
  • CSS - Seção - Foto - Armações e Lentes
  • CSS - Seção - Logomarcas Armações e Lentes
  • CSS - Seção - Grande variedade
  • CSS - Seção - Rodapé
  • CSS - Melhorando os Links da Página
  • CSS - Responsivo - Trabalhando com Celular - Parte 1
  • CSS - Responsivo - Trabalhando com Celular - Parte 2
  • CSS - Adicionando estilo a pagina Fale Conosco - Parte 1
  • CSS - Adicionando estilo a pagina Fale Conosco - Parte 2
  • CSS - Adicionando estilo a pagina Onde estamos
  • CSS - Resolução para Tablets
  • HTML - Codificação do Arquivo
  • CSS - Adicionando fonte ao nosso site
JavaScript
  • JS - Usando Javascript pela primeira vez
  • JS - Variáveis
  • JS - Operações Básicas - Matemática e Concatenar
  • JS - Decisão no Javascript - IF
  • JS - Decisão no Javascript - Switch
  • JS - Repetição no JavaScript - While
  • JS - Repetição no JavaScript - For
  • JS - Usando For para acessar Arrays
  • JS - Trabalhando com Função
  • JS - Função com retorno e sem retorno de dados
  • JS - Interação do JavaScript com o CSS
  • JS - Interação do JavaScript com o HTML
Javascript no nosso site
  • CSS - Criando um Modal
  • JS - Abrir e Fechar Modal
  • JS - Validação Modal - Parte 1
  • JS - Validação Modal - Parte 2
  • JS - Validação Modal - Parte 3
  • JS - Validação - Fale Conosco - Parte 1
  • JS - Validação - Fale Conosco - Parte 2
  • JS - validação - Fale Conosco - Parte 3
jQuery - Escreva menos, faça mais
  • JS - Baixando o jQuery
  • JS - Primeiros passos com jQuery
  • JS - Sintaxe do jQuery
  • JS - Iniciando o Jogo da Velha
  • CSS - Jogo da Velha - Layout
  • JS - Jogo da Velha - Validação Nome Jogador
  • JS - Jogo da Velha - Preenchendo com X ou O
  • JS - Jogo da Velha - Algoritmo do Vencedor - Parte 1
  • JS - Jogo da Velha - Algoritmo do Vencedor - Parte 2
  • JS - Jogo da Velha - Algoritmo do Vencedor - Parte 3
  • JS - Jogo da Velha - Refatorar
  • JS - Jogo da Velha - Mensagens
  • JS - Jogo da Velha - Tempo
  • JS - Jogo da Velha - Tempo Decorrido
Bootstrap
  • Baixando o Bootstrap 3.3
  • Templates do Bootstrap
  • Estudando o comportamento do site G1 da Globo
  • Criando blocos - Sistema de Grid do Bootstrap
  • Criando blocos - Grid no Smartphones, Tablet e Desktop
  • PROJETO - Construção de um site para arquiteto
  • PROJETO - HTML - Adicionando Conteúdo - Parte 1
  • PROJETO - HTML - Adicionando Conteúdo - Parte 2
  • PROJETO - HTML - Adicionando Conteúdo - Parte 3 - Imagens
  • PROJETO - CSS - Personalizando o topo - Parte 1
  • PROJETO - CSS - Personalizando o topo - Parte 2
  • PROJETO - CSS - Personalizando o rodapé - Parte 1
  • PROJETO - CSS - Personalizando o rodapé - Parte 2
  • PROJETO - CSS - Personalizando o rodapé - Parte 3
  • PROJETO - CSS - Personalizando o CSS página inicial
  • PROJETO - CSS - Imagem em Destaque - Parte 1
  • PROJETO - CSS - Imagem em Destaque - Parte 2
  • PROJETO - HTML e CSS - Página Sobre nós
  • PROJETO - HTML e CSS - Página Contato - Parte 1
  • PROJETO - HTML e CSS - Página Contato - Parte 2
  • PROJETO - HTML e CSS - Página Contato - Parte 3
  • PROJETO - HTML e CSS - Formulário de Contato - Parte 1
  • PROJETO - HTML e CSS - Formulário de Contato - Parte 2
  • PROJETO - HTML e CSS - Formulário de Contato - Parte 3
  • PROJETO - HTML - Atualizando os menus