domingo, 27 de abril de 2014

Design Responsivo (Bootstrap) - Fábio Godoy





Ídioma: Portugues - Brasil

Formato: rar

Tamanho: 4,2 GB quando compactado




Descrição


O Curso de Twitter Bootstrap tem como objetivo explanar todas as funcionalidades e recursos que essa poderosa biblioteca de códigos para front-end, oferece para desenvolvedores web.

O Bootstrap é um kit de ferramentas para desenvolver aplicações web e sites rápido. 

Ele inclui CSS e HTML básico para a criação de Grids, Layouts, Tipografia, Tabelas, Formulários, Navegação, Alertas e muito mais...

Descrição completa do Curso






Download












APRESENTAÇÃO


Apresentação do Curso


O que é o Bootstrap Framework?


Sublime text 2 editor de códigos - Parte 1


Sublime text 2 snippets e plugins - Parte 2





PONTO DE PARTIDA


Download dos arquivos e arquitetura de pastas


Criando o Template padrão do Bootstrap





FUNDAÇÃO


Sistema de Grid


Sistema de Grid Fluid


Layouts


Offset


Instalação - Design Responsivo - Parte 1


Media Queries - Design Responsivo - Parte 2


Classes Responsivas - Design Responsivo - Parte 3


Testando seu Responsivo - Design Responsivo - Parte 4





CSS BASE


Tipografia - Parte 1


Tipografia - Parte 2


Códigos


Tabelas


Formulários - Introdução aos campos suportados - Parte 1


Formulários - Introdução aos campos suportados - Parte 2


Formulários - Introdução aos campos suportados - Parte 3


Formulário - Extensão de Texto para campo Input


Formulário - Extensão de Botão para campo Input


Controle de tamanho para campos de formulários


Outras possibilidades para formulários


Botões


Imagens


Ícones





COMPONENTES


Dropdowns


Grupos de Botões


Botões com Dropdowns


Navegações (Abas e Pílulas) - Parte 1


Navegações (Listas e Dropdowns) - Parte 2


Navegações (Abas e Conteúdos) - Parte 3


Barra de navegação - Parte 1


Barra de Navegação (Variações) - Parte 2


Barra de Navegação (Responsiva) - Parte 3


Breadcrumbs


Paginação


Labels e Badges (Rótulos e Emblemas)


Tipografia (Chamadas e Titulos)


Imagens miniaturas (Thumbnails)


Alertas


Barras de progresso


Objetos de mídia


Outras possibilidades





JAVASCRIPT


Transições


Modal


Dropdowns


Scrollspy


Tabs


Tooltips


Popovers


Alerts


Botões


Colapsáveis


Carousel


Typeahead


Affix





PERSONALIZAÇÃO


Dicas e Complementos para seu Bootstrap


Sites para personalizar o Bootstrap


Conhecendo o LESS


Editando os arquivos do Bootstrap





PROJETO FINAL


Apresentação do Layout e Dicas para Criação


Estruturando o projeto


Topo - Parte 1


Topo - Parte 2


O que é o Viewport


Topo - Parte 3


Banner - Parte 1


Banner - Parte 2


Área de Blog - Parte 1


Área de Blog - Parte 2


Likebox


Rodapé - Parte 1


Rodapé - Parte 2




Copyright





Um comentário: