Layout CSS Grid e Flexbox: Prática e Exemplos para Site Delivery

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/euller-delivery

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

💬 Slack dpw
https://join.slack.com/t/desenvolvweb/shared_invite/zt-ddox19v6-gHGHhyzogOPytu4XT8Po1g

➡️ Basic Front Boilerplate (BFB)
https://www.youtube.com/watch?v=Uoch-xwx1yU

➡️ O básico de Sass para se virar nas webs
https://www.youtube.com/watch?v=kA-PXyfjL84

➡️ Media Queries e Breakpoints: o Básico e Fundamental
https://www.youtube.com/watch?v=gYak6y7rbRw

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

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

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

🌐 Icon System with SVG Sprites
https://css-tricks.com/svg-sprites-use-better-icon-fonts/

==========

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

- Facebook: https://www.facebook.com/desenvolvweb/
- Instagram: https://www.instagram.com/desenvolvweb/
- Twitter: https://twitter.com/desenvolvweb

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

Видео Layout CSS Grid e Flexbox: Prática e Exemplos para Site Delivery канала dpw