Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
O que é Grid Layout? - @CursoemVideo HTML5 + CSS3
Play lesson

Curso HTML5 e CSS3.- Módulo 5 de 5 - O que é Grid Layout? - @CursoemVideo HTML5 + CSS3

4.0 (1)
26 learners

What you'll learn

This course includes

  • 13.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Você sabe o que é Grid Layout? Neste vídeo, vamos iniciar um novo assunto, falando sobre Grid Layout em CSS, contrastando-o com Flexbox e explicando sua importância no design de interfaces de usuário. Ele utiliza o site do G1 como exemplo prático para demonstrar como o Grid Layout organiza o conteúdo em linhas e colunas, facilitando a criação de layouts responsivos. Além disso, o vídeo aborda a evolução do design web, desde o uso de tabelas e frames até a adoção do Grid Layout, destacando as vantagens desta nova tecnologia. Assuntos Abordados e Tempo: 0:00 - Introdução ao Grid Layout e comparação com Flexbox 0:37 - Patrocínio da Recode e depoimento de um aluno 1:49 - Definição de Grid Layout e sua aplicação em interfaces de usuário 2:30 - Referência à documentação do W3C 3:37 - Explicação do conceito de contêiner e itens no Grid Layout 4:52 - Exemplo prático de Grid Layout no site do G1 9:06 - Uso de Media Queries com Grid Layout para responsividade 9:31 - Evolução do design web: tabelas, frames e tableless 13:06 - Introdução ao Grid Layout e seus benefícios 13:32 - Preparação para a próxima aula sobre anatomia do Grid O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo. Acesse o material de apoio em PDF: == GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf Receba notificações de novos vídeos: == Canal no Telegram: https://t.me/cursoemvideo Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3: == Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3: == Módulo 02: https://youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3: == Módulo 03: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3: == Módulo 04: https://www.youtube.com/playlist?list=PLHz_AreHm4dkcVCk2Bn_fdVQ81Fkrh6WT Consiga certificados fazendo o curso diretamente pelo site oficial do projeto: == Site: https://www.cursoemvideo.com Torne-se apoiador do projeto: == Acesse: https://www.cursoemvideo.com/apoie Siga-nos nas redes sociais: == Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara == Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo == Hostnet no Instagram: https://www.instagram.com/hostnetbr == Estudonauta no Instagram: https://www.instagram.com/estudonauta Conheça os patrocinadores desse curso: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo05 #C28A01

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere