Bootstrap 4 - Curso COMPLETO com Projetos Reais

Name: Bootstrap 4 - Curso COMPLETO com Projetos Reais
Rating: 4.5 (1116 reviews)

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

Created byHcode Treinamentos

Last updated 5/2021

Portuguese

What you'll learn

Criar sites responsivos utilizando Bootstrap 4
Aplicar os plugins JavaScript do Bootstrap 4 de forma adequada
Criar projetos para seu portfólio ou para seus clientes
Trabalhar como desenvolvedores Front-End utilizando Bootstrap 4

Course content

15 sections • 87 lectures • 9h 33m total length

Visão Geral do Curso3:56
Com o Bootstrap 4 conseguimos criar aplicações incríveis, nesta aula vamos conhecer o que será ensinado no curso.
Instalando Browser Sync6:23
O Browser Sync permite exibir o seu código em tempo real, atualizando o browser, iremos utilizá-lo em nosso curso, veja como configurá-lo.
Iniciando via CDN - Content Delivery Network4:53
Um CDN permite compartilhar um recurso que é utilizado em vários sites, dessa maneira, caso um site já utilize um recurso que já foi baixado na máquina do usuário, esse recurso será reaproveitado. Nesta aula veremos como importar o Bootstrap utilizando um CDN.
Download do Bootstrap6:01
Veja como baixar o Bootstrap e os arquivos fundamentais para que ele funcione corretamente, nesta aula iremos colocar a mão na massa.
Download com NPM ou Yarn7:23
Nesta aula aprenderemos a baixar o Bootstrap utilizando o NPM que é o gerenciador de pacotes padrão do NodeJS e o Yarn.

Entendendo o Container4:50
Container é um dos principais conhecimentos que você precisa pra começar no Bootstrap. Já ouviu falar deles? Vamos ver nessa aula e descobrir quais tipos existem!
Mobile First11:08
Veja nessa aula o conceito chamado Mobile First, um conceito de muita importância no Bootstrap.
Trabalhando com Grid System11:51
Você conhece o Grid System do Bootstrap? Bora descobrir sobre ele nesta aula e vamos ver como ele rege o layout do nosso site!
Containers, Mobile First e Grid System
Grid System 2º Exemplo9:32
Após realizar alguns exercícios, nessa aula iremos criar o segundo exemplo de Grid System e entender outra situação que esse conceito pode nos ajudar.
Grid System 3º Exemplo4:04
Nesta aula iremos criar o terceiro exemplo de Grid System e entender outra situação em que esse conceito pode nos ajudar.
Grid System 4º Exemplo6:14
Nesta aula iremos criar o quarto exemplo de Grid System e entender outra situação em que esse conceito pode nos ajudar.
Grid System Order4:23
O Grid System possui uma função chamada order. Aperte o play e vamos descobrir do que essa função é capaz!
Grid System Offset3:53
Além do order, o Grid System possui uma função chamada offset. Assista esta aula e vamos conhecer essa função!
Grid System Nesting3:27
Outra das funções do Grid System é o nesting. Já ouviu falar? Vamos descobrir juntos nesta aula!
Grid System

Introdução ao FlexBox6:16
Nessa seção você irá conhecer outro conceito que rege o Bootstrap, o FlexBox. Vamos lá?
Flexbox Direção1:31
Nesta aula vamos continuar falando sobre FlexBox e sobre sua direção. Não perca essa aula!
Flexbox Linha VS Coluna2:24
Além de exibir os elementos em linha, podemos exibi-los em coluna. Quer descobrir como fazer isso? Vamos aprender juntos nesta aula!
Introdução ao Flexbox
Flexbox Ajustando Conteúdo3:43
Você sabe como ajustar o conteúdo no FlexBox? Aperte o play e não perca esta aula!
Flexbox Alinhamento Vertical3:49
Na última aula vimos como fazer o alinhamento horizontal dos itens, mas agora vamos aprender a fazer isso na vertical! Aperte o play e confira!
Flexbox Fill, Grow e Shrink5:23
Que tal aprender 3 propriedades do Bootstrap que serão úteis em todo o decorrer do curso? Aperte o play e descubra quais são!
Flexbox Wrap6:36
Você faz ideia do que seja o Bootstrap Wrap? Vamos descobrir qual a função dessa propriedade!
Um pouco mais de Flexbox

Tipografia Títulos3:14
Nesta seção vamos entrar em outra área do Bootstrap que é a tipografia. Vamos começar a aprender sobre isso com os títulos!
Tipografia Parágrafos5:31
Nesta aula vamos aprender sobre a tipografia nos parágrafos. Aperte o play e vamos descobrir mais sobre isso!
Tipografia Citações3:24
Como podemos fazer citações com o Bootstrap? Aperte o play e descubra como fazer isso!
Tipografia Listas6:36
Você provavelmente já conhece sobre listas no HTML5 e CSS3. Mas nessa aula vamos descobrir sobre a tipografia das listas no Bootstrap!
Introdução à Tipografia
Texto com quebra automática e estouro4:43
Quer descobrir como formatar seu texto com algumas classes específicas do Bootstrap? Vamos aprender isso nesta aula!
Texto fontes4:42
Nesta aula vamos falar sobre fontes, e como podemos usar classes do CSS no Bootstrap para formatar a fonte de nosso texto!
Texto cores6:19
Vamos aprender a alterar a cor de nossos textos usando Bootstrap? Aperte o play e não perca essa aula!
Texto código4:49
Nesta aula vamos falar sobre formatação e as tags que utilizamos quando precisamos usar códigos. Quer descobrir mais? Não perca esta aula!
Formatação de textos

Requirements

Necessário conhecimento em HTML5 e CSS3, ter realizado nosso Curso HTML5 COMPLETO, ou possuir conhecimentos equivalentes.
Facilidade com Internet e Sistema Operacional Windows ou MacOS

Description

Deseja elevar o seu conhecimento no Desenvolvimento Web com um Framework CSS que aumenta a sua produtividade e torna seus projetos cada vez mais profissionais? Gostaria de entender as novidades do Bootstrap 4? Ou será que chegou a hora de elevar o seu conhecimento em Bootstrap e entender sua estrutura e como extrair o que ele tem de melhor?

Qualquer que seja sua motivação você veio ao lugar certo.

Este é o Curso completo de Bootstrap 4. Primeiro você aprenderá sobre os componentes e estrutura do Bootstrap, aprender a utilizar o Flex Box, e o Grid System do Bootstrap, como aplicar botões, formulários, tabelas, e tantos componentes na prática. Veja como construir um layout responsivo completo utilizando Bootstrap 4.

Neste curso cobriremos cerca de 9 horas de conteúdo os seguintes tópicos:

1) Estrutura do Bootstrap 2) Componentes do Bootstrap 3) Grid System do Boostrap 4) Flex Box. 5) Responsive Web Design. São projetos que aplicarão o Bootstrap na prática.

Ao final deste curso você estará apto a criar aplicações profissionais, levando suas aplicações web sejam sites ou web apps a um nível profissional.

Acesso vitalício! Te aguardo no curso!

Who this course is for:

Estudantes de Tecnologia
Desenvolvedores Web ou aqueles que desejam se especializar em desenvolvimento web
Front-End Developer
Designer Gráfico
Programadores que desejam aprofundar conhecimento no Front-End

Bootstrap 4 - Curso COMPLETO com Projetos Reais

What you'll learn

Explore related topics

Course content

Introdução, Instalação e Configuração5 lectures • 29min

Conceitos do Bootstrap2 lectures • 15min

Criação de Layout9 lectures • 59min

FlexBox7 lectures • 30min

Entendendo a Tipografia8 lectures • 39min

1º Desafio4 lectures • 23min

Trabalhando com Imagens e Tabelas2 lectures • 18min

Trabalhando com Componentes - Parte 14 lectures • 47min

2º Desafio - WhatsApp5 lectures • 22min

Trabalhando com Componentes - Parte 23 lectures • 33min

Requirements

Description

Who this course is for: