- Web Design Completo
- WordPress Como CMS
- UI Design Avançado
- CSS Avançado Posicionamento
- CSS Grid Layout
- JavaScript Completo ES6
- React Completo
- WordPress REST API Dogs
- Redux com React
- Tipografia Avançada
- CSS Flexbox
- CSS com SASS
- UX Design Heurísticas
- Adobe XD
- Vue.js 2 Completo
- WordPress REST API
- WooCommerce Como CMS
- Bootstrap 4
- Automação Front End com NPM
- JavaScript e jQuery
Grade do Curso (0/34)
-
1 CSS Grid Layout
00:06:33
-
- 1-1 CSS Grid Layout 06:33 G
-
-
2 Grid Layout Container
01:42:00
-
- 2-1 O Grid Layout 03:38
- 2-2 Display Grid 10:47
- 2-3 Grid Template Columns 18:41
- 2-4 Grid Template Rows 07:23
- 2-5 Grid Template Areas 19:24 G
- 2-6 Grid Template 03:54
- 2-7 Grid Gap 06:42
- 2-8 Grid Auto Columns 06:51
- 2-9 Grid Auto Rows 02:01
- 2-10 Grid Auto Flow 05:44
- 2-11 Grid 02:54
- 2-12 Justify Content 05:08
- 2-13 Align Content 03:03
- 2-14 Justify Items 02:27
- 2-15 Align Items 03:23
-
-
3 Grid Layout Item
00:42:26
-
- 3-1 Grid Column 16:30 G
- 3-2 Grid Row 07:15
- 3-3 Grid Area 15:12
- 3-4 Justify Self 02:01
- 3-5 Align Self 01:28
-
-
4 Projeto Wildbeast
02:04:23
-
- 4-1 Wildbeast HTML 1 12:54
- 4-2 Wildbeast HTML 2 13:24
- 4-3 Wildbeast Estrutura do Grid 10:33
- 4-4 Wildbeast Header 12:27
- 4-5 Wildbeast Sidenav 06:05
- 4-6 Wildbeast Anúncios e Footer 05:35
- 4-7 Wildbeast Conteúdo Grid 07:15
- 4-8 Wildbeast Conteúdo Características 12:59
- 4-9 Wildbeast Conteúdo Atributos 11:26
- 4-10 Wildbeast Responsivo Grid 07:57
- 4-11 Wildbeast Responsivo Menu 13:35
- 4-12 Wildbeast Responsivo Conteúdo 10:13
-
- 5 Considerações Finais 00:03:33
CSS Grid Layout
- 34 aulas em HD
- 5 horas de Vídeo
- Certificado de Conclusão
- Suporte para Dúvidas
- Projetos Reais na Prática
- Pré-Requisitos: HTML e CSS
No curso de CSS Grid Layout você irá aprender como criar um layout responsivo no CSS utilizando as novas propriedades do CSS Grid Layout. Com ele você pode criar layouts complexos utilizando e ainda manter a marcação do HTML limpa.
O CSS Grid Layout é uma nova especificação do CSS e ela veio para resolver praticamente todos os problemas de posicionamento na tela que existem. No curso eu inicio pelos fundamentos e depois vamos para a prática criando um projeto real do zero.
- CSS Grid
- Grid Container
- Grid Item
- Media Querie
Grade do Curso
- 1 CSS Grid Layout
- 2 Grid Layout Container
-
- 03:38 2-1 O Grid Layout
- 10:47 2-2 Display Grid
- 18:41 2-3 Grid Template Columns
- 07:23 2-4 Grid Template Rows
- 19:24 2-5 Grid Template Areas G
- 03:54 2-6 Grid Template
- 06:42 2-7 Grid Gap
- 06:51 2-8 Grid Auto Columns
- 02:01 2-9 Grid Auto Rows
- 05:44 2-10 Grid Auto Flow
- 02:54 2-11 Grid
- 05:08 2-12 Justify Content
- 03:03 2-13 Align Content
- 02:27 2-14 Justify Items
- 03:23 2-15 Align Items
- 03:38
-
- 3 Grid Layout Item
- 4 Projeto Wildbeast
-
- 12:54 4-1 Wildbeast HTML 1
- 13:24 4-2 Wildbeast HTML 2
- 10:33 4-3 Wildbeast Estrutura do Grid
- 12:27 4-4 Wildbeast Header
- 06:05 4-5 Wildbeast Sidenav
- 05:35 4-6 Wildbeast Anúncios e Footer
- 07:15 4-7 Wildbeast Conteúdo Grid
- 12:59 4-8 Wildbeast Conteúdo Características
- 11:26 4-9 Wildbeast Conteúdo Atributos
- 07:57 4-10 Wildbeast Responsivo Grid
- 13:35 4-11 Wildbeast Responsivo Menu
- 10:13 4-12 Wildbeast Responsivo Conteúdo
- 12:54
-
- 5 Considerações Finais
Projeto do Curso
O projeto do curso é a criação de um site com uma única página: Wildbeast. Com ele vamos conseguir experimentar as propriedades essenciais do CSS Grid Layout.