Como criar PÁGINAS WEB com HTML e CSS a partir de design do FIGMA

#webdev #webdesign #frontend

Eu recebo muitas mensagens como por exemplo:

"Professor, vc fala muito, inclusive nos videos do YouTube sobre criar pequenos projetos conforme aprende o conteúdo pra melhor fixação, mas, eu sinto ainda muita dificuldade em replicar o que é ensinado aqui quando passo pros meus projetos, não pela complexidade, mas pela enorme quantidade de conteúdos que tenho que aplicar. Eu acabo tendo que olhar pro seu projeto e comparar com o meu pra saber onde estou errando ou o que está faltando pro meu código funcionar, e sinceramente, isso me desanima muito. Tem algum conselho pra me dar? obs: já estudei outros conteúdos na web e o problema não está no professor, mas em mim."

Não é raro eu receber mensagens desse tipo onde a pessoa tem muita dificuldade em transforma um design (ou layout feito do figma) em código HTML e CSS.

Com esse vídeo pretendo deixar as coisas mais simples pra você que pode estar passando pelo mesmo problema

DO DESIGN AO CÓDIGO parte 2
   • Como criar PÁGINAS WEB com HTML e CSS...  


🌟 Links comentados no vídeo e outros interessantes 🌟

PROJETO NO GITHUB:
https://github.com/tapmorales/dashboa...


📺 Mais vídeos sobre HTML e CSS
   • HTML e CSS  

✅ 😲 article? section? div? nav? Qual tag HTML semântica escolher? 🤔
   • 😲 article? section? div? nav? Qual ta...  

✅ Como usar as pseudo-classes :has(), :is() e :where() do CSS?
   • Como usar as pseudo-classes :has(), :...  

✅ 10 sites ÚTEIS para DEVS FRONT-END e DESIGNERS da web
   • 10 sites ÚTEIS para DEVS FRONT-END e ...  

✅ 4 Sites para praticar HTML e CSS
   • 4 Sites para praticar HTML e CSS  

✅ O que estudar para conseguir o primeiro emprego como dev front-end
   • O que estudar para conseguir o primei...  

✅ Minha experiência como programador front-end
   • Minha experiência como programador fr...  

00:00 Introdução
04:43 Análise de layout do figma
14:26 Criar o HTML da estrutura princial
20:56 Criar o CSS
50:44 Palavra final