O Curso mais completo de Bootstrap 4, Sites Responsivos, componentes, aprenda a utilizar Bootstrap 4, HTML5 e CSS3

Conteúdo do Curso

Seção 10

28:365 aulas
Introdução, Instalação e Configuração
  • Visão Geral do Curso3:56
  • Instalando Browser Sync6:23
  • Iniciando via CDN - Content Delivery Network4:53
  • Download do Bootstrap6:01
  • Download com NPM ou Yarn7:23

Seção 18

15:142 aulas
Conceitos do Bootstrap
  • Conteúdo do Bootstrap9:10
  • Compatibilidade6:04

Seção 40

59:229 aulas
Criação de Layout
  • Entendendo o Container4:50
  • Mobile First11:08
  • Trabalhando com Grid System11:51
  • Grid System 2° Exemplo9:32
  • Grid System 3° Exemplo4:04
  • Grid System 4° Exemplo6:14
  • Grid System Order4:23
  • Grid System Offset3:53
  • Grid System Nesting3:27

Seção 50

29:427 aulas
FlexBox
  • Introdução ao FlexBox6:16
  • FlexBox Direção1:31
  • FlexBox Linha VS Coluna2:24
  • FlexBox Ajustando Conteúdo3:43
  • FlexBox Alinhamento Vertical3:49
  • FlexBox Fill, Grow e Shrink5:23
  • FlexBox Wrap6:36

Seção 51

39:178 aulas
Entendendo a Tipografia
  • Tipografia Títulos3:14
  • Tipografia Parágrafos5:30
  • Tipografia Citações3:24
  • Tipografia Listas6:36
  • Texto com quebra automática e estouro4:43
  • Texto fontes4:42
  • Texto cores6:19
  • Texto código4:49

Seção 58

23:213 aulas
1º Desafio
  • Desafio3:27
  • Estrutura da Página10:14
  • Estilos Personalizados9:40

Seção 65

18:122 aulas
Trabalhando com Imagens e Tabelas
  • Imagens9:33
  • Tabelas8:39

Seção 74

46:454 aulas
Trabalhando com Componentes - Parte 1
  • Alertas12:25
  • Buttons13:51
  • Badges9:14
  • List Group11:15

Seção 78

22:244 aulas
2º Desafio - WhatsApp
  • Desafio2:22
  • Estrutura do Projeto2:50
  • Estilos CSS8:17
  • Estilos CSS da Lista8:55

Seção 79

19:373 aulas
Trabalhando com Componentes - Parte 2
  • Dropdowns13:21
  • Forms3:08
  • Forms Grid3:08

Seção 82

9:442 aulas
3º Desafio - Formulários
  • Desafio Form1:43
  • Solução Desafio Form8:01

Seção 86

02:32:1320 aulas
Trabalhando com Componentes - Parte 3
  • Forms Horizontal8:12
  • Forms Validation9:39
  • Forms Custom5:47
  • Forms Input Group11:01
  • Media Object6:09
  • Breadcrumb4:57
  • Navs, Pills, Tabs14:28
  • Collapse2:57
  • Card14:22
  • Accordion3:30
  • Navbar10:42
  • Pagination5:01
  • Popovers7:09
  • Progress8:45
  • Scrollspy6:17
  • Spinners5:58
  • Toasts7:19
  • Modals10:41
  • Tooltips3:06
  • Ícones6:13

Seção 88

01:17:2713 aulas
4º Desafio - Netflix
  • Desafio Netflix6:39
  • Estrutura do Projeto2:27
  • Navbar7:02
  • Side Menu Layout8:57
  • Side Menu Toggle6:31
  • Side Menu Backdrop6:43
  • Full Banner6:08
  • Lista de Títulos6:39
  • Footer1:45
  • SM Layout2:21
  • MD Layout2:56
  • LG Layout11:04
  • XL Layout8:15

Seção 91

11:131 aula
Bônus
  • Temas com Sass11:13

Seção 93

6:321 aula
CONCLUSÃO
  • Conclusão do Curso e agradecimento6:32
Aprenda este curso

Adquira este curso na Udemy ou assine o Hcode Class e tenha acesso a este e outros cursos online da Hcode.

Hcode: Utilizamos cookies para a personalização de anúncios e experiências de navegação dentro de nosso site. Ao continuar navegando, você concorda com as nossas Política de Privacidade.