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 bem completo, como estou no inicio deu para aprender muita coisa.

William S. Campana em 05/08/2019

Esse curso foi ótimo! Gostaria que houvesse em alguma parte integração com banco de dados, mas ainda sim é que curso que valeu muito a pena assistir.

ALEX SANDER GEOVANE SOLANO em 03/08/2019

Curso com ótima qualidade, gostei bastante do curso e então essa é minha classificação. Só me sentir um pouquinho incomodado com algumas palavras em Inglês que o professor falava alguns errinhos básicos na pronuncia, mas isso é besteira minha. Pode comprar sem medo!

Enderson Aguiar em 25/07/2019

Curso muito bom.

Jorge Bittencourt em 22/07/2019

O professor é excelente, direto, reto, prático e explicativo!!

Leandro Ferreira Marcelli em 19/07/2019

Já cheguei a metade do curso, está sendo muito proveitoso, tenho pegado cada assunto abordado e anotando, assim está servindo como auxílio no meu dia a dia no trabalho. Fora que não conhecia nenhum pouco sobre o assunto, agora está muito mais fácil aprendendo com uma ótima e leve didática.

Felipe Gonçalves de Andrade em 16/07/2019

Excelente curso. Bootstrap é muito poderoso e o instrutor explora seus recusos de forma bem detalhada.

Edmar Sampaio em 15/07/2019

Excelente!

Peter Ramires de Oliveira em 14/07/2019

Muito bom!

Hamilton Gravito em 02/07/2019

Parabéns professor, Show de bola mesmo!!! Recomendo!!!

Anderson Dascds em 15/06/2019

curso maravilhoso com uma didatica criativa , explicação bem calma consegui aprender de verdade bootstrap e não apenas copiar codigo da documentação ^^

CHRISTIAN FERREIRA COSTA DE CASTRO em 12/06/2019

Estou aprendendo para criar o meu portfólio para a faculdade, e esta experiência está sendo muito boa.

Wagner Almeida em 25/05/2019

Estou basicamente na metade do Curso e honestamente... Meu universo expandiu muito...Sempre senti necessidade de um front-end bacana pra desenvolver minhas app e com esse curso a cada aula eu vou em um projeto e dou uma retocada kkkkkkkk... ate o final eu volto, mas por hora eu recomendo e vale cada centavo...Professor super paciente, refaz todos exemplos do zero pra massificar o conteudo e tem dominio pleno do assunto....Recomendo

Rhaymison Cristian Heleno de Oliveira Betini em 24/05/2019

Adorei o curso. O Professor tem pleno dominio sobre o assunto.Com certeza aprendi muito sobre Bootstrap.

Tiago frioli em 16/05/2019

Até agora o curso esta maravilhoso. Ao final do curso volto para complementar o comentário.

Marcon Willian em 11/05/2019

Muito bom

Yaisel Fernández Leal em 08/05/2019

Gostei muito do curso... o professor é muito bom.. mas achei que poderia ser mais específico, na hora de ensinar, pois tinha algumas coisas que ele não explicava, passava por cima deixando para traz, mas eu gostei muito, muito mesmo do curso vai me ajudar muito obrigado a todos... e pelo professor, para bens pelo seu curso me ajudou muito.

Marco Antônio da Silva em 30/04/2019

Ótimo curso !

Vinicius Daniel Fagundes em 28/04/2019

O curso é bom! Uma melhor edição, removendo/acelerando trechos desnecessários, como silêncio ou em que nada está sendo mostrado, seria útil e o tornaria menos cansativo.

Rogério Junior da Conceição em 23/04/2019

ótimo até agora

Ronnald Santos em 20/04/2019