Introdução
  • Introdução e Apresentação de Projetos Bootstrap
  • LEIA ANTES DE CONTINUAR
  • Interaja com outros alunos
  • Preparação do ambiente de trabalho
  • Emmet e live preview no Bracktes
  • Emmet em outros editores de código
  • Download do Bootstrap
  • Apresentação do Codepen
  • Salvar o Pen
Projeto Bootstrap 1 - Painel Dashboard
  • Componente Navbar
  • Sidebar
  • Título e menu dropdown
  • Colunas e Cards
  • Menu de Abas
  • Um pouco sobre acessibilidade
  • List Group e Badges
  • Tables
  • Pagination
Projeto Bootstrap 2 - Projeto CSS
  • Nav e Jumbotron
  • Grid responsiva
  • Grid responsiva - parte 2
  • Cards
  • Customização - CSS genérico
  • Customização - Nav e Jumbotron
  • Customização - Cards e Footer
Projeto Bootstrap 3 - Projeto Strata
  • Navbar
  • Detalhando o menu
  • Primeira seção
  • Seção Trabalhos recentes
  • Correção e finalização do código do vídeo anterior
  • Seção Entre em contato
  • Finalizar grid da seção anterior
  • footer
  • Customização - Geral
  • Customização - Cards
  • Customização - Footer
  • Customização - menu em telas desktop
  • Customização - footer em telas desktop
Projeto Bootstrap 4 - Projeto Infusion
  • Introdução
  • Menu
  • Jumbotron (apenas em mobile)
  • Cards
  • Conteúdo em duas colunas
  • Last Articles
  • carousel notebooks
  • Depoimentos e rodapé
  • Customizar menu - parte 1
  • Customizar menu - parte 2
  • Customizar carousel (desktop)
  • Customizar carousel
  • Customizar Cards
  • Customizar texto em duas colunas
  • Customizar Last Articles
  • Customizar Carousel Notebooks
  • Customizar Depoimentos e Rodape
jQuery - Introdução
  • Introdução
  • Importar jQuery
  • Vanilla JS vs jQuery
  • document.ready e encadeamento de métodos
  • Seletores e filtros - parte 1
  • Seletores e filtros - parte 2
  • Seletores e filtros - parte 3
jQuery - Eventos
  • Alguns eventos de mouse
  • Diferenças sutis entre alguns eventos
  • Interação com um elemento select
  • Interação com um checkbox único
  • Interação com um mais de um checkbox
  • Interação com um input do tipo radio
  • Envio de formulário
  • Maneiras de incluir e excluir um evento num objeto jQuery
  • Mais algumas diferenças entre eventos que parecem iguais
  • disparar programaticamente um evento
jQuery - DOM
  • Trabalhar com o DOM - parte 1
  • Trabalhar com o DOM - parte 2
  • Trabalhar com o DOM - parte 3
  • Trabalhar com o DOM - parte 4
Projeto jQuery 1 - Lista de tarefas
  • Apresentar Projeto
  • Organização de código
  • Adicionar uma tarefa
  • Marcar ou desmarcar uma tarefa
  • Deletar uma tarefa
  • Refatoração
jQuery - CSS
  • posicionamento e tamanho
  • Scroll - parte 1
  • Scroll - parte 2
Projeto jQuery 2 - Scroll animado
  • Apresentar Projeto
  • Animar no click
  • Se precavendo de um possível problema futuro
  • Marcar link ativo no evento scroll