Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Figma para DEVs: #03 - Criando seção e cards
Play lesson

🎩 Curso de Figma para DEVs - Figma para DEVs: #03 - Criando seção e cards

4.0 (3)
34 learners

What you'll learn

This course includes

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

Summary

Keywords

Full Transcript

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Os melhores recursos do Figma atualmente é a capacidade de criar componentes incríveis de forma simples e prática e ainda utilizando conceitos comuns da Web. Nessa aula vamos criar mais componente para compor nosso protótipo, vamos criar os componente de Card e Seção e ainda utilizá-los dentro da Página inicial da nossa plataforma de cursos baseado no conteúdo disponível no YouTube. Links mencionados no vídeo: 🅵 Figma - https://figma.com 🗨️ Discord - https://discord.gg/ZC7JrPZn7P Outros cursos no canal: 🎩 Figma para DEVs - https://youtu.be/4rSPV1NbM10 ☪️ Curso de estilização no React - https://youtu.be/oUbPkR799fc ⭐️ Curso de React com typescript - https://youtu.be/1bEbBkWc4-I 👑 React, Material UI 5 e Typescript - https://youtu.be/wLH1Vv86I44 🏆 Curso de API Rest, Node e Typescript - https://youtu.be/SVepTuBK4V0 Livros recomendados: 📘 Código limpo - https://amzn.to/43Xiick 📘 Arquitetura limpa - https://amzn.to/3ZMCStr 📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ 📘 The Micro SaaS Handbook - https://amzn.to/4jCan93 Conteúdo: 0:00 | Introdução 0:58 | Ajuste no header 2:38 | Criando o conteúdo da página inicial 6:00 | Pensando em reutilização 7:00 | Criando a lista de cards 15:20 | Criando componentes reutilizáveis com os cards 17:20 | Criando componente de seção 20:00 | Adicionando botão de scroll na seção 22:00 | Entendendo o posicionamento absolute no autolayout 24:10 | Utilizando ícones do material ui 28:50 | Finalização e agradecimentos CODARSE - Componentização e mais telas #DesenvolvimentoWeb #UXDesign #CursoFigma #Prototipagem #FrontEnd #DesignResponsivo #UIUXDev #FerramentasDeDesign #WebDev #AnimaçõesEmFigma #DesignColaborativo #Wireframes #DesenvolvimentoÁgil #MelhoresPráticasDesign #InteracaoUsuario #ComponentesFigma #LayoutPágina #ExperienciaUsuarioWeb

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