Layouts

Fabio Godoy

Tenha acesso ao curso completo

GRÁTIS

Matricular

Conteúdo

1APRESENTAÇÃO

Apresentação do Curso

09:20

ASSISTIR
O que é o Bootstrap Framework?

02:58

ASSISTIR
Sublime text 2 editor de códigos - Parte 1

12:24
Sublime text 2 snippets e plugins - Parte 2

11:20

2PONTO DE PARTIDA

Download dos arquivos e arquitetura de pastas

04:18
Criando o Template padrão do Bootstrap

07:33

3FUNDAÇÃO

Sistema de Grid

10:30
Sistema de Grid Fluid

03:24
Layouts

04:46

ASSISTIR
Offset

05:19
Instalação - Design Responsivo - Parte 1

02:26
Media Queries - Design Responsivo - Parte 2

04:59
Classes Responsivas - Design Responsivo - Parte 3

04:31
Testando seu Responsivo - Design Responsivo - Parte 4

09:40

ASSISTIR

4CSS BASE

Tipografia - Parte 1

13:40
Tipografia - Parte 2

13:33
Códigos

05:55
Tabelas

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

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

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

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

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

09:51
Controle de tamanho para campos de formulários

09:20
Outras possibilidades para formulários

10:59
Botões

12:07
Imagens

12:16

ASSISTIR
Ícones

07:30

5COMPONENTES

Dropdowns

12:41
Grupos de Botões

05:56
Botões com Dropdowns

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

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

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

09:10
Barra de navegação - Parte 1

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

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

05:52
Breadcrumbs

03:04
Paginação

08:52
Labels e Badges (Rótulos e Emblemas)

03:28
Tipografia (Chamadas e Titulos)

03:47
Imagens miniaturas (Thumbnails)

07:01
Alertas

06:32
Barras de progresso

07:55
Objetos de mídia

07:51
Outras possibilidades

09:41

6JAVASCRIPT

Transições

03:00
Modal

10:41
Dropdowns

02:58
Scrollspy

05:22
Tabs

03:42
Tooltips

04:28
Popovers

04:57
Alerts

04:15
Botões

07:42
Colapsáveis

08:01
Carousel

09:33
Typeahead

06:14
Affix

07:51

7PERSONALIZAÇÃO

Dicas e Complementos para seu Bootstrap

13:01
Sites para personalizar o Bootstrap

09:14
Conhecendo o LESS

16:16
Editando os arquivos do Bootstrap

23:02

8PROJETO FINAL

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

07:24

ASSISTIR
Estruturando o projeto

08:24
Topo - Parte 1

18:28
Topo - Parte 2

19:40
O que é o Viewport

07:45
Topo - Parte 3

21:07
Banner - Parte 1

11:25
Banner - Parte 2

05:24
Área de Blog - Parte 1

19:23
Área de Blog - Parte 2

13:03
Likebox

15:11
Rodapé - Parte 1

11:42
Rodapé - Parte 2

18:53
Copyright

14:28

9Teste modulo ariel

oioioi

Teste aula ariel

2 pg

MAIS 6 MÓDULOS ESCONDER 6 MÓDULOS

Eu jÃ¡ trabalho na Ã¡rea de programaÃ§Ã£o e logo nas primeiras aulas, consegui com sucesso acompanhar todo o raciocÃnio do Professor que, aliÃ¡s, tem um Ã³timo mÃ©todo de ensino. Estou muito grata Ã s aulas e com os conhecimentos que adquirir.

Jonathan Kelvyn Nakahara Martins

Curso perfeito! Adorei, indico e com certeza farei novos cursos com o Fabio!

Leandro Macedo

Gabriel Carlos Brunelli

Muito bom! Cara todos os cursos com o FÃ¡bio sÃ£o bons! ComeÃ§ei nessa area tem pouco tempo uns 2 anos e sempre fazendo cursos, praticando de casa, fazendo em atÃ© instituiÃ§Ãµes renomadas, porÃ©m onde mais aprendi foi com o FÃ¡bio, por isso sou grato e ja fiz quase todos os cursos que ele lanÃ§ou! ja trabalhei em 4 agÃªncias digitais atualmente em uma delas e 70% aprendi com o fÃ¡bio.....vlw e no aguardo de outros.

adriano santos

Muito bom o curso, bastante eficaz a didÃ¡tica do professor.

Marcos Junior

NÃ£o apenas o conteÃºdo Ã© bom, pois isso jÃ¡ vimos nos cursos anteriores do FÃ¡bio, mas a qualidade de ediÃ§Ã£o, detalhes, dicas, conteÃºdo adicional, atualizaÃ§Ã£o... com certeza recomendo este curso a todos aqueles que desejam atualizar seu conhecimento no que diz respeito ao desenvolvimento web.

Ral Oliver