MP4 - React Design System - Concepts with Hands-on Practices

[joomlamz]

React Design System - Conceitos com Práticas Práticas

Publicado em 6/2023
Criado por CodeLicks Academy
MP4 | Vídeo: h264, 1280x720 | Áudio: AAC, 44,1 KHz, 2 Canais
Gênero: eLearning | Idioma: Inglês | Duração: 41 Palestras ( 2h 39m ) | Tamanho: 777 MB


Domine os sistemas de design criando conceitos fundamentais de design, projetando com Figma e codificando componentes em ReactJS

O que você aprenderá
Conceitos básicos de sistemas de design e fundamentos de design
As etapas e considerações no desenvolvimento de um sistema de design corporativo para projetos de front-end
Melhores colaborações com designers e desenvolvedores de ui/ux aprendendo noções básicas de design e terminologia
Projetando uma base de código altamente reutilizável e sustentável em React
Construindo uma base de design completa no Figma
Construindo uma arquitetura CSS sólida
Criando componentes extensíveis com styled-components
Melhores práticas de implementação de fundamentos de sistema de design em ReactJS
Requisitos
Conhecimento básico de React
Descrição
Olá e bem-vindo a este curso sobre React Design Systems. Se você está explorando este curso, as chances são altas de que você está procurando aprender como os projetos front-end corporativos são gerenciados e entregues. Vamos dar uma olhada em um exemplo de botão simples Apenas para destacar a importância dos sistemas de design na resolução de complexidades de design e então você pode decidir por si mesmo se este curso é adequado para você ou não.Botões podem parecer simples no início, mas quando você considera a multiplicidade de fatores envolvidos, sua complexidade se torna evidente. Vamos estimar o número de combinações de botões neste exemplo:· Digamos que temos 3 tipos de botões: Primário, Secundário e Botões de Ícone (3)· E 5 Estados de Botão: Default, Hover, Focus, Clicked e Disabled (5)· E também 2 Tamanhos de Botões: Pequeno e Grande (2)· E 2 Variações de Tema, claro e escuro: Dois temas (2)A combinação total de botões será de 60 botões combinações para apenas 2 temas. E, no entanto, estamos falando apenas do elemento botão. Pense em um aplicativo grande com elementos infinitos. Como os especialistas lidam com isso? Sistemas de Design! Aqui chegamos ao objetivo deste curso. Vou ensinar como definir e desenvolver um sistema de design sólido que lide com a escalabilidade e a complexidade de um projeto front-end corporativo. Primeiro, abordaremos a teoria e os conceitos básicos do sistema de design. Tópicos como armadilhas de sistemas de design, diferentes estruturas de equipe, princípios-chave de sistemas de design e as etapas para desenvolver um sistema de design eficaz serão abordados para que você aprenda todos os fundamentos necessários para começar a desenvolver um sistema de design. alguns dos fundamentos do Design. Esta será mais uma aula de arte! Você aprenderá sobre cores e sua terminologia, tipografia e fontes essenciais, escalas de tipos e diferentes domínios de design. Depois disso, você não apenas obterá uma compreensão sólida dos fundamentos do design, mas também aprenderá a linguagem dos designers e desenvolvedores de UI/UX para ter uma melhor comunicação e colaboração com eles. Em seguida, tocaremos no Figma. A ferramenta de design mais popular entre os desenvolvedores. Mostrarei como trazer seu sistema de design do papel e da teoria para componentes visuais criando estilos de cores reutilizáveis, componentes básicos de interface do usuário, como botões, e componentes mais complexos, como modais. Finalmente, chegamos ao ReactJS. Você aprenderá como converter seus componentes Figma em componentes React, mantendo a reutilização e a manutenção em mente. Mostrarei algumas das melhores práticas no desenvolvimento de componentes estilizados em React, juntamente com algumas estratégias para aprimorar suas habilidades na estruturação e construção de suas fundações de design da maneira React. Sem mais explicações, vamos mergulhar no curso e começar a desenvolver um design React sistema como especialistas.

Para quem é este curso
Desenvolvedores de front-end iniciantes a intermediários que desejam se tornar seniores no design de seus aplicativos
Desenvolvedores de UI/UX que desejam aprender como converter componentes Figma em componentes React

Pagina inicial
https://www.udemy.com/course/react-design-system/

https://rapidgator.net/file/523665f8481869cdfa8a4203413da94c


Download From Nitroflare


https://nitroflare.com/view/29DE01A5F1BFCAC


Download From 1DL


https://1dl.net/fpnq0qroh308