Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Criar sites responsivos com bootstrap
Rating: 4.3 out of 5(37 ratings)
150 students

Criar sites responsivos com bootstrap

Bootstrap
Created byNeri Neitzke
Last updated 12/2016
Portuguese
Portuguese [Auto],

What you'll learn

  • Criar sites responsivos

Course content

1 section32 lectures5h 16m total length
  • aula 6942 bootstrap - introducao ao curso de bootstrap getbootstrap13:35
  • aula 6943 bootstrap - tipografia h1 ate h6 e small9:05
  • aula 6944 bootstrap - body paragrafo P e elementos de linha Mark Del Strong U11:15
  • aula 6945 bootstrap - container fixo e conteiner fluid8:44
  • aula 6946 bootstrap - sistema de grid class row md11:50
  • aula 6947 bootstrap - sistema de grid class row MD XS SM celular desktop tablet11:10
  • aula 6948 bootstrap - criando site class jumbotron e col-md14:11
  • aula 6949 bootstrap - Mobile First ViewPort renderizacao para celular e sensibil9:35
  • aula 6950 bootstrap - botoes btn btn-info danger success primary etc6:21
  • aula 6951 bootstrap - menu navegacao navbar header brand dropdown default invers12:19
  • aula 6952 bootstrap - glyphicon user login e navbar-fixed-top10:20
  • aula 6953 bootstrap - opcoes pesquisa no menu navegacao e glyphicon search9:44
  • aula 6954 bootstrap - slides carousel imagens4:18
  • aula 6956 bootstrap - finalizando slides carousel imagens7:20
  • aula 6957 bootstrap - carousel adaptando com exemplo pronto do bootstrap17:15
  • aula 6958 bootstrap - collapse exemplo navbar-toggle collapsed inserindo botoes7:53
  • aula 6959 bootstrap - table tr th bordered hover striped10:59
  • aula 6960 bootstrap - forms label input submit form-inline form-group form-contr12:35
  • aula 6961 bootstrap - mais formularios select form-horizontal12:52
  • aula 6962 bootstrap - lidando com botoes buttons9:45
  • aula 6963 bootstrap - imagens img-responsive center-block rounded circle thumbna8:10
  • aula 6964 bootstrap - implementando login com CSS no braco10:38
  • aula 6965 bootstrap - mais implementacao login com exemplo pronto10:20
  • aula 6966 bootstrap - breadcrumbs rastro de navegacao3:28
  • aula 6967 bootstrap - paginacao9:31
  • aula 6968 bootstrap - galeria de imagens col-lg-3 telas grandes13:18
  • aula 6969 bootstrap - galeria de imagens com grid col-xs col-sm col-md col-lg7:25
  • aula 6970 bootstrap - modal data-dismiss data-target data-toggle10:13
  • aula 6971 bootstrap - galeria de imagens com modal10:44
  • aula 6972 bootstrap - finalizando galeria de imagens com modal2:37
  • aula 6973 bootstrap - alert data-dismiss success info warning danger9:27
  • aula 6974 bootstrap - media object style left right imagem e texto9:33

Requirements

  • Ter conhecimento básico de html, javascript e css

Description

Curso de bootstrap

Bootstrap é o mais popular framework HTML, CSS, e JS para desenvolvimento de sites e sistemas web responsivo, ou seja, para rodar em celular, tabblet e desktop. O Bootstrap permite que você desenvolva projetos front-end web de forma muito mais rápida, bonita, moderna, elegante e fácil. Qualquer pessoa pode trabalhar com ele, bem como funcionará em dispositivos de qualquer tipo, forma ou tamanho. Muitos sites fantásticos no mundo todo estão sendo criados com Bootstrap.

Nesse curso foi ensinado o que você mais precisa saber de CSS, Componentes e JavaScript para você criar projetos com o bootstrap


CSS -> Foi ensinado configurações CSS em geral, destacando o eficiente sistema de grid. Veja abaixo o que foi ensinado com relação ao CSS:
Visão geral
Sistema de grid
Tipografia
Código
Tabelas
Formulários
Botões
Imagens


COMPONENTES -> O BOOSTRAP possui vários componentes reutilizáveis criados para você usar a vontade no seu projeto, veja abaixo alguns que foram ensinados nesse curso:
Ícones por Glyphicons
Dropdowns
Grupo de Inputs (Campos)
Navegações
Barra de navegação
Breadcrumbs (Rastro de navegação)
Labels (Rótulos)
Jumbotron (Telão)
Cabeçalho de página
Imagens Miniaturas
Alertas
Objeto de mídia


JavaScript -> Com o JS você da vida aos seus componentes do Bootstrap, veja abaixo um pouco do que foi ensinado:
Visão geral
Modal
Dropdown
Alert
Botões
Collapse
Carousel
Nesse curso também foi mostrado como usar os exemplos do próprio bootstrap


Pré-requisito: ter conhecimento básico de html, javascript e css

Who this course is for:

  • Todos que queiram criar sistemas/sites para web e mobile