Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Eleve seu protótipo no Figma para o próximo nível ao navegar entre variantes. Ao conectar diferentes estados e estilos, você não apenas simula interações dinâmicas, mas também valida a consistência e a usabilidade de suas variantes, tornando seu design ainda mais poderoso e intuitivo. Para a conclusão do protótipo com chave de ouro, nessa vamos configurar mais navegações no nosso protótipo, vamos configurar alternância entre variantes e muitas outras navegações. 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:30 | Configurando navegação no componente de continuar assistindo 1:40 | Adicionando navegação a todos os cards ao mesmo tempo 2:20 | Configurando navegação de começar curso 3:50 | Criando navegação entre tabs 4:50 | Testando navegações 6:30 | Ajustando navegação das tabs 9:15 | Configurando troca de variante de comentários 9:58 | Testando a navegação dos comentários 10:30 | Melhorando scroll da tela 15:00 | Criando troca de variante para a playlist 16:40 | Interação para o conteúdo do curso na tela de detalhe de curso 18:30 | O mais é possível fazer no Figma 19:50 | Finalização e agradecimentos CODARSE - Player e seus componentes #DesenvolvimentoWeb #UXDesign #CursoFigma #Prototipagem #FrontEnd #DesignResponsivo #UIUXDev #FerramentasDeDesign #WebDev #AnimaçõesEmFigma #DesignColaborativo #Wireframes #DesenvolvimentoÁgil #MelhoresPráticasDesign #InteracaoUsuario #ComponentesFigma #LayoutPágina #ExperienciaUsuarioWeb
