5/5

Curso de Bootstrap 4 Completo

Esse curso faz parte dos mais de 190 cursos disponíveis na assinatura anual, bianual ou vitalício. Comece agora!

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no whatsapp

Sobre o curso

O Bootstrap é uma ferramenta Open Source para desenvolvimento utilizando HTML, CSS e Javascript. Com ele você consegue construir protótipos rapidamente ou aplicações completas utilizando sistemas de grids responsivos, componentes pré-construídos e plugins com jQuery.

Inicialmente o Bootstrap foi desenvolvido como ferramenta interna para o Twitter, tendo como nome Twitter Blueprint, mas com a principal função de incentivar a consistência de componentes através de ferramentas interna.

Neste Curso de Bootstrap, apresentamos todos os componentes do Bootstrap, passo a passo e de forma totalmente prática.

Você conhecerá recursos de layout, conteúdo, componente e utilitários, dando uma agilidade da construções de aplicações em seus projetos.

No último módulo do curso, você aprenderá a desenvolver um projeto de Dashboard do zero usando os recursos do Bootstrap 4.

O que você vai aprender

Neste Curso de Bootstrap, você aprenderá passo a passo de cada elemento do Boostrap, desde sistema de grids, que foi remodelado a partir da versão 4, até os componentes mais amplos como modal, navbar, list group, carrousel, entre outros.

Público alvo

Este Curso de Bootstrap é indicado a Webdesigners e Desenvolvedores que pretendem se especializar na utilização do Bootstrap 4, Designers ou Agências de desenvolvimento que desejam aperfeiçoar o conhecimento de seus profissionais.

Trailer
Reproduzir vídeo
Esse curso faz parte dos mais de 190 cursos disponíveis na assinatura anual, bianual ou vitalício. Comece agora!

Algumas aulas do curso

Reproduzir vídeo
Reproduzir vídeo
Reproduzir vídeo

Ementa do curso

Módulo 1
  • Apresentação do Curso
  • Instalação o Bootstrap – CDN
  • Instalação o Bootstrap – Download
Módulo 2
  • Layout – Container, Grid
Módulo 3
  • Content – Typography
  • Content – Code
  • Content – Images
  • Content – Tables
  • Content – Figures
Módulo 4
  • Component – Alert
  • Component – Badge
  • Component – Breadcrumb
  • Component – Buttons
  • Component – Button Group
  • Component – Card
  • Component – Carousel
  • Component – Collapse
  • Component – DropDown
  • Component – Form – Parte 1
  • Component – Form – Parte 2
  • Component – Form – Parte 3
  • Component – Jumbotron
  • Component – List Group
  • Component – Modal
  • Component – Nav
  • Component – Navbar
  • Component – Pagination
  • Component – Popover
  • Component – Progress
  • Component – ScrollSpy
  • Component – Spinner
  • Component – Toast
  • Component – Tooltip
Módulo 5
  • Utility – Border
  • Utility – Clearfix
  • Utility – Color
  • Utility – Display
  • Utility – Embed
  • Utility – Flex
  • Utility – Float
  • Utility – Image Replacement
  • Utility – Overflow
  • Utility – Position
  • Utility – ScreenRead
  • Utility – Shadow
  • Utility – Sizes
  • Utility – Spacing
  • Utility – Text
  • Utility – Vertical Alignment
  • Utility – Visibility
Módulo 6
  • Projeto Prático – Parte 1
  • Projeto Prático – Parte 2
  • Projeto Prático – Parte 3
  • Projeto Prático – Parte 4
  • Projeto Prático – Parte 5
  • Considerações Finais

Cursos Relacionados