Assine e desbloqueie acesso ilimitado na plataforma
Assinar agoraBootstrap 4
O Curso mais completo de Bootstrap 4, Sites Responsivos, componentes, aprenda a utilizar Bootstrap 4, HTML5 e CSS3
Sobre o curso
O que você vai aprender
Habilidades trabalhadas ao longo das aulas.
- Bootstrap
- JavaScript
- CSS
- HTML
- Formulários Web
- Responsividade
Áreas de conhecimento
10.950 XP distribuídos entre as áreas abaixo.
- Frontend82%
- Backend16%
- Fundamentos0%
- UX e Design0%
Conteúdo do curso
15 módulos · 99 aulas
Introdução, Instalação e Configuração
6 aulas · 29 min
Introdução, Instalação e Configuração
6 aulas · 29 min
- 4 min
Visão Geral do Curso
Vídeo
- 7 min
Instalando Browser Sync
VídeoMaterial de apoio
- 5 min
Iniciando via CDN - Content Delivery Network
VídeoMaterial de apoio
- 8 min
Download com NPM ou Yarn
VídeoMaterial de apoio
- 7 min
Download do Bootstrap
VídeoMaterial de apoio
- —
Questionário — Introdução, Instalação e Configuração
Questão
4º Desafio - Netflix
14 aulas · 78 min
4º Desafio - Netflix
14 aulas · 78 min
- 7 min
Lista de Títulos
Vídeo
- 2 min
Footer
Vídeo
- 3 min
SM Layout
VídeoMaterial de apoio
- 3 min
MD Layout
VídeoMaterial de apoio
- 12 min
LG Layout
VídeoMaterial de apoio
- 9 min
XL Layout
Vídeo
- 7 min
Desafio Netflix
VídeoMaterial de apoio
- 3 min
Estrutura do Projeto
Vídeo
- 8 min
Navbar
Vídeo
- 9 min
Side Menu Layout
Vídeo
- 7 min
Side Menu Toggle
Vídeo
- 7 min
Side Menu Backdrop
Vídeo
- 7 min
Full Banner
Vídeo
- —
Questionário — 4º Desafio - Netflix
Questão
Bônus
2 aulas · 11 min
Bônus
2 aulas · 11 min
- 12 min
Temas com Sass
VídeoMaterial de apoio
- —
Questionário — Bônus
Questão
CONCLUSÃO
2 aulas · 7 min
CONCLUSÃO
2 aulas · 7 min
- 7 min
Conclusão do Curso e agradecimento
Vídeo
- —
Questionário — CONCLUSÃO
Questão
Conceitos do Bootstrap
3 aulas · 15 min
Conceitos do Bootstrap
3 aulas · 15 min
- 10 min
Conteúdo do Bootstrap
VídeoMaterial de apoio
- 7 min
Compatibilidade
VídeoMaterial de apoio
- —
Questionário — Conceitos do Bootstrap
Questão
Criação de Layout
10 aulas · 59 min
Criação de Layout
10 aulas · 59 min
- 5 min
Entendendo o Container
VídeoMaterial de apoio
- 12 min
Mobile First
VídeoMaterial de apoio
- 12 min
Trabalhando com Grid System
VídeoMaterial de apoio
- 10 min
Grid System 2° Exemplo
Vídeo
- 5 min
Grid System 3° Exemplo
Vídeo
- 7 min
Grid System 4° Exemplo
Vídeo
- 5 min
Grid System Order
Vídeo
- 4 min
Grid System Offset
Vídeo
- 4 min
Grid System Nesting
Vídeo
- —
Questionário — Criação de Layout
Questão
FlexBox
8 aulas · 30 min
FlexBox
8 aulas · 30 min
- 7 min
Introdução ao FlexBox
Vídeo
- 2 min
FlexBox Direção
Vídeo
- 3 min
FlexBox Linha VS Coluna
Vídeo
- 4 min
FlexBox Ajustando Conteúdo
Vídeo
- 4 min
FlexBox Alinhamento Vertical
Vídeo
- 7 min
FlexBox Wrap
Vídeo
- 6 min
FlexBox Fill, Grow e Shrink
Vídeo
- —
Questionário — FlexBox
Questão
Entendendo a Tipografia
9 aulas · 39 min
Entendendo a Tipografia
9 aulas · 39 min
- 4 min
Tipografia Títulos
Vídeo
- 6 min
Tipografia Parágrafos
Vídeo
- 4 min
Tipografia Citações
Vídeo
- 7 min
Tipografia Listas
Vídeo
- 5 min
Texto com quebra automática e estouro
Vídeo
- 5 min
Texto fontes
Vídeo
- 7 min
Texto cores
VídeoMaterial de apoio
- 5 min
Texto código
Vídeo
- —
Questionário — Entendendo a Tipografia
Questão
1º Desafio
4 aulas · 23 min
1º Desafio
4 aulas · 23 min
- 4 min
Desafio
VídeoMaterial de apoio
- 11 min
Estrutura da Página
VídeoMaterial de apoio
- 10 min
Estilos Personalizados
Vídeo
- —
Questionário — 1º Desafio
Questão
Trabalhando com Imagens e Tabelas
3 aulas · 18 min
Trabalhando com Imagens e Tabelas
3 aulas · 18 min
- 10 min
Imagens
VídeoMaterial de apoio
- 9 min
Tabelas
Vídeo
- —
Questionário — Trabalhando com Imagens e Tabelas
Questão
Trabalhando com Componentes - Parte 1
5 aulas · 47 min
Trabalhando com Componentes - Parte 1
5 aulas · 47 min
- 13 min
Alertas
Vídeo
- 14 min
Buttons
Vídeo
- 10 min
Badges
Vídeo
- 12 min
List Group
Vídeo
- —
Questionário — Trabalhando com Componentes - Parte 1
Questão
2º Desafio - WhatsApp
5 aulas · 22 min
2º Desafio - WhatsApp
5 aulas · 22 min
- 3 min
Desafio
VídeoMaterial de apoio
- 3 min
Estrutura do Projeto
VídeoMaterial de apoio
- 9 min
Estilos CSS
Vídeo
- 9 min
Estilos CSS da Lista
Vídeo
- —
Questionário — 2º Desafio - WhatsApp
Questão
Trabalhando com Componentes - Parte 2
4 aulas · 20 min
Trabalhando com Componentes - Parte 2
4 aulas · 20 min
- 14 min
Dropdowns
Vídeo
- 4 min
Forms
VídeoMaterial de apoio
- 4 min
Forms Grid
Vídeo
- —
Questionário — Trabalhando com Componentes - Parte 2
Questão
3º Desafio - Formulários
3 aulas · 10 min
3º Desafio - Formulários
3 aulas · 10 min
- 2 min
Desafio Form
VídeoMaterial de apoio
- 9 min
Solução Desafio Form
Vídeo
- —
Questionário — 3º Desafio - Formulários
Questão
Trabalhando com Componentes - Parte 3
21 aulas · 152 min
Trabalhando com Componentes - Parte 3
21 aulas · 152 min
- 9 min
Forms Horizontal
Vídeo
- 10 min
Forms Validation
Vídeo
- 6 min
Forms Custom
Vídeo
- 12 min
Forms Input Group
Vídeo
- 7 min
Media Object
VídeoMaterial de apoio
- 5 min
Breadcrumb
Vídeo
- 15 min
Navs, Pills, Tabs
Vídeo
- 3 min
Collapse
Vídeo
- 15 min
Card
VídeoMaterial de apoio
- 4 min
Accordion
Vídeo
- 11 min
Navbar
Vídeo
- 6 min
Pagination
Vídeo
- 8 min
Popovers
Vídeo
- 9 min
Progress
Vídeo
- 7 min
Scrollspy
Vídeo
- 6 min
Spinners
Vídeo
- 8 min
Toasts
Vídeo
- 11 min
Modals
Vídeo
- 4 min
Tooltips
Vídeo
- 7 min
Ícones
Vídeo
- —
Questionário — Trabalhando com Componentes - Parte 3
Questão
Certificado de conclusão
Ao concluir todas as aulas você recebe um certificado com código de verificação público e carga horária de 10h, pronto para o seu perfil profissional.
Assine a Hcode Class e comece hoje
Uma assinatura, acesso ilimitado a este e a todos os outros cursos da plataforma — com trilhas, provas e certificados.