Cursos de Framework Bootstrap 4

Crie Design Responsivos para dashboards, marketing de produtos e para aplicações com este curso prático

1600 Avaliações

Vídeo sob demanda de 8h

7 recursos complementares

Acesso total vitalício

Certificado de Conclusão

Criado por: Emerson Carvalho

De: R$ 159,99

Por: Verificar Preço

Requisitos
  • Conhecimento de marcação HTML
  • Conhecimento de Estilização por CSS
  • Conhecimento Básico de Responsividade
  • Conhecimento das Versões Anteriores do Bootstrap{não obrigatório}
 
Descrição

Bootstrap é o mais popular framework HTML, CSS, e JS para desenvolvimento de projetos responsivo, ele é principalmente focado para trazer Responsividade para dispositivos móveis na web.

O Bootstrap torna o desenvolvimento front-end web mais rápido e fácil. Ele é feito para desenvolvedores de todos os níveis e se adapta a dispositivos de qualquer forma ou tamanho.

Ele usa o CSS tradicional, mas seu código fonte utiliza Sass, um popular pré-processador CSS. 

Fácil e eficiente, com Bootstrap você adapta seus projetos web para celulares, tablets e para desktops através de media queries CSS de forma muito simples.

No curso aprenderemos elementos HTML comuns, dezenas componentes CSS e HTML personalizados e incríveis plugins jQuery.

Ao final do Curso faremos 2 Templates trabalhando com Temas do Bootstrap: um voltado a dashboard e outro para um site institucional estilo One Page.

O Curso foi criado da versão Beta 4.0.0 Beta e receberá atualizações conforme as novas versões forem surgindo até que seja Lançada a versão final do Framework.

 

Quem é o público-alvo?
  • Para pessoas envolvidas na criação de sites tanto na área de design quanto na de desenvolvimento e programação
  • Entusiastas que querem montar o design de blogs e de áreas administrativas
  • Quem deseja criar uma aplicação e não tem ideia de como montar o layout

Conteúdo do Curso

Introdução
Introdução
O que é um Framework?
Arquivos para aula de Instalação do Bootstrap 4
Instalação do Bootstrap 4 via CDN
Instalação do Bootstrap 4 via Download
Layout
Sistema de Grid
Grupo no Facebook e Youtube
Principais Conteúdos
Tipografia
Códigos
Imagens
Figures
Tabelas
Componentes
Alertas
Badges
Breadcrumb
Botões
Grupo de Botões
Cards - Parte 1
Cards - Parte 2
Cards - Parte 3
Carrossel de Imagens
Colapso
Dropdowns
Formulários - Parte 1
Formulários - Parte 2
Input Group
Jumbotron
Paginador
Popovers
Listagem em Grupo - Parte 1
Listagem em Grupo - Parte 2
Modal
Navegação
Barra de Navegação - Parte 1
Barra de Navegação - Parte 2
Barra de Progresso
Tooltips
Utilitários
Bordas
Clearfix
Ícone Fechar
Cores
Propriedades do Display
Incorporação de Conteúdo
Float
Posição
Screenreaders
Dimensionamento
Espaçamento
Texto
Alinhamento vertical
Visibilidade
Bibliotecas Externas
Introdução as bibliotecas de ícones externos
Biblioteca de Ícones Iconic
Atualização de Versões
Arquivos para a aula de Atualização para o Bootstrap 4 Beta 2
Atualização para o Bootstrap 4 Beta 2
Projeto #01 - Criando o Design de um Dashboard
O que irei aprender nesta seção?
Arquivos para Criação do Dashboard
Instalação do Tema para Criação do Dashboard
Criando o Layout da Página de Login
Criando o Layout da Página de Recuperação de Senhas
Criando o Layout da Página de Cadastro de Usuários
Iniciando a Criação do Template Base do Dashboard
Biblioteca de Icones da Fonte Awesome
Criando o Layout da Navegação Principal do nosso Template
Criando o layout do corpo e do rodapé da nossa aplicação
Criando níveis ao Menu Lateral
Adicionando um link dropdown para Mensagens
Adicionando um link dropdown para Alertas
Adicionando Cards Personalizados
Trabalhando com Tabelas
Traduzindo a Tabela
Projeto #02 - Design de um Site Institucional - One Page com Bootstrap 4.1.1
O que irei aprender nesta Seção
Arquivos para Criação do Site Institucional OnePage
Criando o Template Base para nossa OnePage
Modelando o Topo do nosso Site
Adicionando um slideshow ao projeto
Criando a seção de serviços na OnePage
Criando a seção de parceiros em nossa OnePage
Criando a Seção de Fatos Sobre em nosso sistema
Adicionando o efeito Parallax no Background
Adicionando o contador progressivo ao nosso projeto
Adicionando a Seção de Apresentação dos Produtos em Destaque
Estilizando a Seção de Produtos em Destaque
Corrigindo problema Parallax Piscando
Criando um Mega Footer personalizado para nossa OnePage
Adicionando o Efeito Deslizante nos links da OnePage
Novos Componentes incluídos no Bootstrap 4.2
O que irei aprender nesta seção?
Instalação do Bootstrap 4.2
Spinners
Toast
Novas Classes Auxiliares de Texto e Switch
Margem Negativa
Publicando nosso Projeto em um Servidor Comercial
O que irei aprender nesta seção?
Adquirindo um Domínio para meu Site
Realizando o Cadastro em um Servidor Comercial
Primeiros Passos no Servidor Comercial
Configurando, enviando os arquivos e testando nosso site no servidor
Criando Emails Personalizados
Seção Bônus
Repositório Git
Aula Bônus
Avaliações do Curso

Curso sensacional! Simples, direto ao ponto e muito bem explicado, mesmo que já estejamos no bootstrap v5 esse curso ainda é muito bom! Parabéns ao professor, ajudou demais, eu sempre usava bootstrap em meus projetos mas era muito dependente da documentação e bastante limitado por não entender todo o potencial dele, agora dominei o sistema de grids, aprendi a usar o col-lg/md/sm, entre outros detalhes super importantes que anteriormente eu não dominava e deixava a desejar. Já percebi uma grande melhora na minha agilidade e uma grande facilidade em trabalhar o css dos meus projetos responsivamente só por ter feito esse curso. Se não bastasse tem esses projetos feitos (como o dashboard) que estão ótimos para pegar de base e fazer meus próprios projetos.

Vinicius de Andrade em 04/01/2023

Super intuitivo e prático. Exemplifica bastante tudo de varias formas, um ótimo professor

Izabela Cristina em 12/08/2022

Ótimo curso.

Anderson Alves Da Mota em 03/07/2022

sim, vamos seguindo e estou conseguindo acompanhar com a parte prática.

Eduardo Bega em 03/07/2022

Ótima didática.

Élon Murilo Castro Alves em 19/01/2022

top

José Joaquim em 10/12/2021

O instrutor domina o assunto, tem um repertório muito bom, clareza na explicação e organizou o curso com perfeição. Os códigos-fonte também são muito organizados e bem escritos. Parabéns pelo conteúdo e obrigado por compartilhar o conhecimento!!

Rodrigo dos Santos Barbosa em 17/10/2021

Ótimo curso, instrutor muito bom. recomendo a todos.

Carlos Augusto Pinto em 24/08/2021

Muito bom o curso!!!Top!!!

Helder Farias em 23/08/2021

ótimo curso.

Celso Carneiro Dos Santos em 26/07/2021

Ótimo curso, agregou bastante conhecimento!!

Vagner Ederli Toda em 20/05/2021

A única coisa que poderia melhorar é a dicção do professor para algumas palavras em inglês. Como eu costumo escrever o código sem olhar para a tela do curso, por diversas vezes ocorreram palavras erradas ou que, pareciam outras coisas que acabaram atrapalhando um pouco o desempenho para os exercícios. Nos demais quesitos o professor está de parabéns.

Luis Ricardo Pereira Pacheco em 27/04/2021

estou a aprender gosto muito de informatica e sou autodidata

Marco Joel Silva em 10/04/2021

Da pra ver tranquilamente na velocidade 2x pra quem já conhece um pouco pena que não teve mais atualizações, como bootsrap é muito mutável já está um pouco desfasado, mas é bom para ter um ideia

Pedro Henrique Porto Osorio em 06/04/2021

bastante interssante

Henrique Itzcovici em 18/03/2021

Estou gostando bastante!

Lucas Rêgo em 07/03/2021

Muito bem explicado as aulas, professor entende muito do conteúdo, estou gostando muito.

Marcelo Obara Soares em 11/02/2021

Gostei bastante da calma e didática apresentada até o momento.

Adriana Paula Borges em 27/01/2021

Estou gostando, está esclarecendo e clareando a tecnologia BootStrap. Preciso muito ter conhecimento sobre essa tecnologia para desempenhar melhor minha profissão e sou grato pelo que estou aprendendo.

Hailton Reis em 18/01/2021

O curso é bom e o instrutor tem bastante conhecimento do assunto, além do mais, ele sabe passar bem o conteúdo. O inglês incomoda um pouco. Não se trata de ter ou não fluência, mas as palavras (atributos, classes, etc.) em inglês são faladas de forma errada, o que causa confusão. Do mais, recomendo o curso.

Luiz Eduardo Medina Machado em 08/01/2021