Estruturando o Ambiente
  • Boas vindas
  • Sobre a Profissão Front-End x Back-End
  • Navegador e Instalação do Sublime Text
Aprendendo o Core do HTML5, CSS3, Javascript e Bootstrap
  • Arquivo modelo HTML5
  • HTML5 é o pai dos Gêmeos
  • Indentação HTML5
  • Criando Primeiro arquivo HTML5
  • Estrutura HTML e CSS
  • Testando a Codificação de acentuação
  • Introdução ao JavaScript
  • JavaScript com Formulário
  • Introdução ao Bootstrap
  • Entendendo a Documentação do Bootstrap
  • Formulários no HTML5 - Parte 1
  • Formulários Parte 2
  • Formulários Parte 3
  • Dica da Sessão: Organização e Limpeza no ambiente de trabalho
Criando um site real completo
  • Explicação do Projeto
  • Criando e configurando o Projeto
  • Topo do Projeto - Parte 1 - Estrutura
  • Topo do Projeto - Parte 2 - Ícones e logotipo
  • Topo do Projeto - Parte 3 - Menu de navegação
  • Topo do Projeto - Parte 4 - Busca
  • Dica da sessão: Font Awesome Icons
  • Projeto - Banner principal
  • Projeto - Notícias
  • Projeto - Estatísticas
  • Projeto - Call to Action
  • Estudando o Layout do Rodapé- GRID System
  • Rodapé - Parte 1 - Tag Footer do HTML5 - Estrutura
  • Rodapé - Parte 2 - Entendendo GRID System com Bootstrap
  • Rodapé - Parte 3 - Finalizando o Projeto
jQuery e Plugins - Carousel Touch e Slider em jQuery, Vídeos com Plyr.io
  • Introdução ao jQuery
  • jQuery Seletores
  • Utilizando plugins do jQuery
  • Preparando Vídeo
  • Tag Vídeo do HTML5
  • Atributo Poster da Tag Vídeo do HTML5 e Tag Áudio
  • Tag video com jQuery
  • Tag video com jQuery parte 2
  • Vídeo com o player Plyr - Parte 1
  • Instalando XAMPP, Apache, PHP e MySQL
  • Vídeo com o player Plyr - Parte 2
  • Vídeo com legendas no HTML5
Criando um Site Responsivo Completo
  • Conceito de Design Responsivo
  • Conceito de Design Responsivo - Parte 2
  • Chrome Developer Tools - Device Mode
  • Responsivo Viewport
  • Responsivo Media Query - @media
Responsivo - Projeto Real
  • Responsivo Mobile - Topo
  • Responsivo Mobile - Banner
  • Responsivo Mobile News
  • Responsivo Mobile - Estatísticas
  • Responsivo Mobile - Rodapé - Parte 1
  • Responsivo Mobile - Rodapé - Parte 2
  • Responsivo Mobile - Rodapé - Parte 3
  • Responsivo Mobile - Menu - Parte 1
  • Responsivo Mobile - Menu - Parte 2
  • Responsivo Mobile - Menu - Parte 3
Loja Virtual com Angular.Js - PHP, MySQL e Slim Framework 2
  • Explicação do Projeto - Loja Virtual
  • MySQL 5.7
  • PHP 5.6
  • Conexão do PHP com MySQL
  • Slim Framework 2
  • Implementando o Slim Framework
  • Criando Home da Loja - Parte 1
  • Criando Home da Loja - Parte 2
  • Criando Home da Loja - Parte 3
  • Angular.js
  • Implementando Angular.js
  • Criando REST API com Rotas
  • Lista de mais buscados na Loja com Back-End
  • Criando detalhes do Produto da Loja
  • Carrinho de Compras - Criando a Tela
  • Carrinho de Compras - Rotas PHP
  • Carrinho de Compras - Add e Rem Produtos
  • Carrinho de Comprar - Atualizar Quantidade
  • Usando WebService de CEP para Calculo de Frete
  • Visão Geral - Gateways de Pagamentos para Loja Virtual
Hospedagem e Registro de Sites
  • Hospedagem e Registro
  • Conclusão do Curso