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

Até momento ótima aula.

Giovanny Montinny em 31/05/2018

Direto ao ponto, muito bom para quem está iniciando com Bootstrap.

Jefferson Grassine em 19/05/2018

Material de primeira, totalmente útil. Estou muito empolgado para começar a anotar as coisas.. ta tão bom que decidi só acompanhar... rsrsrs Show de bola mesmo... o professor tem uma voz muito boa. não é 'chato' como muitos. Eu amo isso tudo, e pra não gostar só se não existir paixão pela arte da programação! No mais, eu só tenho a agradecer pelo belíssimo trabalho. OBS: Eu sou Novato na programação

Rafael Furtado em 18/05/2018

Até então sim, tem coisas bem simples no começo, espero que tenha algo bem mais avançado

Matheus De Oliveira Tomazzo em 14/05/2018

Curso muito bom!!! Professor com boa didática. Foca em assuntos chaves para se dominar a base das tecnologias, sempre, com aplicações do mundo real.

Israel Nascimento Pereira em 13/05/2018

Curso bem dinâmico e abrangente, poderia ter mais projetos práticos para usar no mundo real, exemplo, criar um projeto para vender temas customizados, contendo diferentes tipos de: paginas (login, home com carrossel, contato, rodapés com redes sociais), temas, componentes, etc

David Sousa em 12/05/2018

Parabéns pelo curso, extremamente esclarecer, tem muita informação útil e aplicável no dia-a-dia, layout do Dashboard simplesmente incrível. Com certeza, está entre os melhores instrutores que já tive curso aqui no Udemy! Abraços

Ricardo Gomes Saraiva em 11/05/2018

Até o momento está bem didático, vamos ver mais adiante.

Diogo Correia em 08/05/2018

Didática muito boa com sequência excelente

Marcus Vinicius Simionato Gabaldo em 08/05/2018

Excelente curso super bem explicado, finalizando o curso pode-se falar sem medo que conhece o Bootstrap 4 e só sair desenvolvendo sites. Está de parabéns, Emerson.

Vanderlei Corrêa Leme em 07/05/2018

Simplesmente melhor curso que eu já encontrei dentro da udemy sobre desingn responsivo. Parabens ao professor e muito obrigado pelo ótimo curso dado. =}

Bruno Raffael em 07/05/2018

Ótimo curso, recomendo a todos.

Júlio Cézar Mendonça em 05/05/2018

A princípio o professor explica muito bem, mostrando o passo a passo de forma lenta ... muito bom...

Paulo Sergio Ibba dos Santos em 03/05/2018

Muito bom!!!!!!!!!

Jhonatas Garagnani de Souza em 02/05/2018

Gostei do curso, o instrutor passa por todas as etapas da documentação do bootstrap 4 na prática e vai tirando pequenas dúvidas. Para quem for iniciante recomendo, pois vai abranger bastante coisa, que foi o meu caso. Para quem estiver atualizando ou vendo mudanças no bootstrap 4 a documentação do próprio site já é o suficiente pelo que percebo. As aulas são objetivas e direto ao ponto, a parte de Grid foi bem explicada, o que achei muito legal, já a parte de componentes foi mais corrida, porém não é como se isto fosse um ponto negativo. Acho que a única coisa que faltou seria exercícios para o indivíduo fixar o conteúdo passado. De resto vale muito a pena, e para aqueles que desejam criar uma boa aplicação por cima de um template utilizando bootstrap as últimas secções são bem bacanas!

Matheus Rodrigues da Silva em 01/05/2018

Boa aula

Jadson Passos de Oliveira em 17/04/2018

Muito bom! Excelente!

Alexandre Moss em 17/04/2018

Objetividade

Ercílio Barbosa em 16/04/2018

Por que estou achando muito claro e objetivo.

Ana Cláudia Nunes de Oliveira em 11/04/2018

Está indo muito bem, boas explicações!!

Marcelo de Moura Paoli em 07/04/2018