CSS Grid e Flexbox: Layouts e Exemplos do Mundo Real

Описание: Front end, HTML, semântica Web, CSS, Flexbox, CSS Grid, Web Design Responsivo, Sass, SMACSS, BEM, layouts Web, UX, usabilidade...

Esses (e outros) assuntos front-end você vai encontrar nesse bate papo com Euller Cristian. São mais de DUAS HORAS de conteúdo para você se esbaldar!

⭐ Não é por acaso que profissionais front end usam determinadas convenções...
https://www.cssalemdosensocomum.com.br/

O Euller é programador da área back end, mas que agora está começando seus estudos também na área de front.

Ele pediu uma mãozinha com os estudos, sugerindo o projeto de um site de delivery (temática em alta neste período).

Então, os mineirinhos sentaram numa tarde de domingo munidos de seus pães de queijo e cafezinho e partiram rumo a uma jornada incrível de frontend:

Desenvolver o layout de uma página fictícia de um site de delivery de restaurantes.

Nessas mais de 2h de conteúdo, você vai encontrar dicas, macetes, ideias, toques, gambiarras e mais sobre todos esses assuntos referentes a desenvolver bons layouts para a Web moderna usando convenções internacionais e tecnologias de ponta.

Prepare aquele lanche vigoroso, acomode-se e dê o play. Nas próximas 2 horas, você é nosso convidado para participar desse bate-papo sobre layouts com CSS Grid e Flexbox.

🧾 Projeto no GitHub
https://github.com/desenvolvweb/eulle...

🧾 GitHub do Euller
https://github.com/eullercdr

💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo
  / discord  

➡️ Basic Front Boilerplate (BFB)
   • Basic Front Boilerplate (BFB)  

➡️ O básico de Sass para se virar nas webs
   • O Básico de Sass para se Virar nas Webs  

➡️ Media Queries e Breakpoints: o Básico e Fundamental
   • Media Queries e Breakpoints: o Básico e Fu...  

🌐 Flaticon
https://www.flaticon.com/br/

🌐 SVGOMG
https://jakearchibald.github.io/svgomg/

🌐 A Pretty Good SVG Icon System
https://css-tricks.com/pretty-good-sv...

🌐 Icon System with SVG Sprites
https://css-tricks.com/svg-sprites-us...

==========

Assine o canal! http://bit.ly/dpw-youtube

Facebook:   / desenvolvweb  
Instagram:   / desenvolvweb  
Twitter:   / desenvolvweb  

Conheça o blog desenvolvimento para web: https://desenvolvimentoparaweb.com/