Bootstrap: Fundamentos

Bootstrap é um framework front-end que facilita a vida dos desenvolvedores web a criar sites com tecnologia mobile (responsivo) sem ter que digitar uma linha de CSS para “fazer e acontecer”.

Descrição

Se você é um desenvolvedor de páginas web, sabe o quão árduo era começar um site do zero toda vez que se pegava um novo projeto para fazer. Era (no passado)! Isto, porque está disponível, desde 2011, o Bootstrap. Trata-se de um framework front-end que veio para facilitar e agilizar o trabalho, oferecendo padrões para HTML, JavaScript e CSS. Ele foi desenvolvido por Jacob Thorton e Mark Otto, engenheiros do Twitter, como uma tentativa de resolver incompatibilidades dentro da própria equipe. O intuito era otimizar o desenvolvimento de sua plataforma através da adoção de uma estrutura única. Isto reduziria inconsistências entre as diversas formas de se codificar, que variam de profissional para profissional. E a tentativa deu tão certo que eles perceberam o grande potencial da ferramenta, lançando-a no GitHub como um software livre. Neste curso aprederemos os principais conceitos desta tecnologia.

Nível: Iniciante

Duração: 10h53m

Lançamento: 10/12/2007

Certificado de Conclusão

48 vídeos aulas

Avaliação do Curso

05h13m
Tipografia h1 ate h6 e small-2 09m05s Body paragrafo p e elementos de linha mark del strong u-3 11m15s Container fixo e conteiner fluid-4 08m45s Sistema de grid class row md-5 11m50s Sistema de grid class row md xs sm celular desktop tablet-6 11m11s Criando site class jumbotron e col-md-7 14m11s Mobile first viewport renderizacao para celular e sensibilidade ao toque-8 09m35s Botoes btn btn-info danger success primary etc-9 06m21s Menu navegacao navbar header brand dropdown default inverse-10 12m19s Glyphicon user login e navbar-fixed-top-11 10m20s Opcoes pesquisa no menu navegacao e glyphicon search-12 09m44s Slides carousel imagens-13 04m18s Implementando slides carousel imagens-14 10m21s Finalizando slides carousel imagens-15 07m20s Carousel adaptando com exemplo pronto do bootstrap-16 17m16s Collapse exemplo navbar-toggle collapsed inserindo botoes de menu para celular-17 07m53s Table tr th bordered hover striped-18 10m59s Forms label input submit form-inline form-group form-control-19 12m35s Mais formularios select form-horizontal-20 12m53s Lidando com botoes buttons-21 09m46s Imagens img-responsive center-block rounded circle thumbnail-22 08m11s Implementando login com css no braco-23 10m39s Mais implementacao login com exemplo pronto-24 10m20s Breadcrumbs rastro de navegacao-25 03m28s Paginacao-26 09m31s Galeria de imagens col-lg-3 telas grandes-27 13m18s Galeria de imagens com grid col-xs col-sm col-md col-lg-28 07m25s Modal data-dismiss data-target data-toggle-29 10m13s Galeria de imagens com modal-30 10m44s Finalizando galeria de imagens com modal-31 02m38s Alert data-dismiss success info warning danger-32 09m27s Media object style left right imagen e texto-33 09m34s

Este curso ainda não recebeu avaliações.