Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Life Purpose Meditation Personal Transformation Neuroscience Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Bootstrap

Bootstrap 4 - Completo, Prático e Responsivo

Crie Design Responsivos para dashboards, marketing de produtos e para aplicações com o curso mais completo e prático
Highest Rated
Rating: 4.6 out of 54.6 (1,495 ratings)
5,000 students
Created by Emerson Carvalho, Ponto Cursos
Last updated 11/2020
Portuguese
Portuguese [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Conhecer as principais ferramentas do Boostrap 4
  • Criar o design de um Site Institucional (One Page)
  • Criar o design de um Painel de Controle (Dashboard)
  • Trabalhar com Temas do Bootstrap
  • Manipular CSS e JS para criar um Template Personalizado
  • Criar um Tema Personalizado com Bootstrap 4
Curated for the Udemy for Business collection

Course content

12 sections • 100 lectures • 11h 14m total length

  • Preview05:44
  • Preview03:41
  • Arquivos para aula de Instalação do Bootstrap 4
    00:24
  • Preview06:31
  • Preview05:02
  • Layout
    02:21
  • Sistema de Grid
    18:33

  • Tipografia
    03:01
  • Códigos
    00:34
  • Imagens
    05:41
  • Figures
    00:37
  • Tabelas
    16:02

  • Alertas
    12:50
  • Badges
    04:43
  • Breadcrumb
    06:24
  • Botões
    10:27
  • Grupo de Botões
    05:45
  • Cards - Parte 1
    10:59
  • Cards - Parte 2
    12:35
  • Cards - Parte 3
    04:05
  • Carrossel de Imagens
    13:44
  • Colapso
    15:45
  • Dropdowns
    10:30
  • Formulários - Parte 1
    09:49
  • Formulários - Parte 2
    18:12
  • Input Group
    11:57
  • Jumbotron
    04:48
  • Paginador
    07:52
  • Popovers
    08:53
  • Listagem em Grupo - Parte 1
    09:07
  • Listagem em Grupo - Parte 2
    17:17
  • Modal
    12:08
  • Navegação
    06:57
  • Barra de Navegação - Parte 1
    17:41
  • Barra de Navegação - Parte 2
    05:35
  • Barra de Progresso
    10:50
  • Tooltips
    04:39

  • Bordas
    09:26
  • Clearfix
    00:16
  • Ícone Fechar
    00:08
  • Cores
    06:21
  • Propriedades do Display
    00:27
  • Incorporação de Conteúdo
    04:37
  • Float
    00:32
  • Posição
    00:33
  • Screenreaders
    00:15
  • Dimensionamento
    05:46
  • Espaçamento
    08:17
  • Texto
    07:12
  • Alinhamento vertical
    00:21
  • Visibilidade
    00:10

  • Introdução as bibliotecas de ícones externos
    00:20
  • Biblioteca de Ícones Iconic
    12:25

  • Arquivos para a aula de Atualização para o Bootstrap 4 Beta 2
    00:12
  • Atualização para o Bootstrap 4 Beta 2
    08:27

  • Preview01:15
  • Arquivos para Criação do Dashboard
    00:07
  • Instalação do Tema para Criação do Dashboard
    08:07
  • Criando o Layout da Página de Login
    09:43
  • Criando o Layout da Página de Recuperação de Senhas
    03:51
  • Criando o Layout da Página de Cadastro de Usuários
    07:45
  • Iniciando a Criação do Template Base do Dashboard
    09:46
  • Biblioteca de Icones da Fonte Awesome
    00:06
  • Criando o Layout da Navegação Principal do nosso Template
    04:36
  • Criando o layout do corpo e do rodapé da nossa aplicação
    12:11
  • Criando níveis ao Menu Lateral
    08:13
  • Adicionando um link dropdown para Mensagens
    11:04
  • Adicionando um link dropdown para Alertas
    07:01
  • Adicionando Cards Personalizados
    09:46
  • Trabalhando com Tabelas
    12:13
  • Traduzindo a Tabela
    03:44

  • Preview01:23
  • Arquivos para Criação do Site Institucional OnePage
    00:06
  • Criando o Template Base para nossa OnePage
    05:33
  • Modelando o Topo do nosso Site
    18:55
  • Adicionando um slideshow ao projeto
    09:27
  • Criando a seção de serviços na OnePage
    10:26
  • Criando a seção de parceiros em nossa OnePage
    09:53
  • Criando a Seção de Fatos Sobre em nosso sistema
    13:27
  • Adicionando o efeito Parallax no Background
    03:23
  • Adicionando o contador progressivo ao nosso projeto
    06:23
  • Adicionando a Seção de Apresentação dos Produtos em Destaque
    08:28
  • Estilizando a Seção de Produtos em Destaque
    10:04
  • Corrigindo problema Parallax Piscando
    00:13
  • Criando um Mega Footer personalizado para nossa OnePage
    18:39
  • Adicionando o Efeito Deslizante nos links da OnePage
    04:58

  • Preview00:25
  • Instalação do Bootstrap 4.2
    02:57
  • Spinners
    08:25
  • Toast
    15:24
  • Novas Classes Auxiliares de Texto e Switch
    04:20
  • Margem Negativa
    05:12

  • Preview00:50
  • Adquirindo um Domínio para meu Site
    02:21
  • Realizando o Cadastro em um Servidor Comercial
    03:05
  • Primeiros Passos no Servidor Comercial
    03:41
  • Configurando, enviando os arquivos e testando nosso site no servidor
    06:26
  • Criando Emails Personalizados
    02:21

Requirements

  • 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}

Description

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 receberá atualizações conforme as novas versões forem surgindo e incluindo novos elementos!


Who this course is for:

  • 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

Instructors

Emerson Carvalho
Programador Web
Emerson Carvalho
  • 4.5 Instructor Rating
  • 2,983 Reviews
  • 15,641 Students
  • 13 Courses

Professor de Informática, programador web e produtor de vídeo aulas para o PontoCanal no youtube. Formado em Analise e Desenvolvimento de Sistema, focou seus estudos pós faculdade na área de programação web.

Atualmente ministra palestras, cursos presenciais e a distância, com foco sempre na programação web moderna.

Tem como principal objetivo o crescimento pessoal e profissional, visando sempre o crescimento e amadurecimento de seus conhecimento.

Ponto Cursos
Produtor de Cursos
Ponto Cursos
  • 4.4 Instructor Rating
  • 3,188 Reviews
  • 9,584 Students
  • 15 Courses

A Educação é para todos!

O objetivo da PontoCursos é elevar o conhecimento sobre o mundo tecnológico a todas as pessoas, nosso principal compromisso é ensinar com um preço acessível de forma que nossa filosofia prevaleça.

Todos nossos tutores são treinados e avaliados para que prestem o melhor serviço na preparação, gravação, edição e finalização de um curso.

Nossos cursos são auditados e só são publicados após nossa curadoria verificar falhas, inconsistências ou qualquer outra situação que possa ser negativa para nossos alunos.

Estamos sempre em crescimento e buscamos talentos para compor nossa equipe.


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.