• Образовательная площадка Eground

    БОЛЕЕ 100 000+ ОБУЧАЮЩИХ КУРСОВ • ОБНОВЛЕНИЕ СЫЛОК

    БОЛЕЕ 600+ ПОЛОЖИТЕЛЬНЫХ ОТЗЫВОВ

    Отзывы Начать изучение
  • Получи готовый онлайн-бизнес!

    Бизнес под ключ - от создателей популярных форумов!

    Эксклюзивное предложение для пользователей EGround

    Подробнее
  • НаПИШИ ОТЗЫВ - ПОЛУЧИ ДОСТУП!

    Хочешь бесплатно ссылку к одной теме?

    Смотри условия акции!

    Подробнее

Скачать Создайте полноценную дизайн-систему компании - newline (2022)

bart

bart

PRO
Сообщения
40.294
Реакции
19.796
Создайте полноценную дизайн-систему компании
Build a Complete Company Design System
newline

1671924039886.png


Этот курс представляет собой исчерпывающее руководство по публикации вашей первой библиотеки компонентов и ресурсов дизайна с использованием React, TypeScript, Storybook, Tailwind CSS и Styled Dictionary. Вы создадите гибкую библиотеку дизайн-системы корпоративного уровня, которая действительно понравится вашим коллегам.

В этом курсе мы погрузимся в мир дизайн-систем. Мы узнаем, как они могут помочь разработчикам повысить свою производительность, обеспечить согласованность продуктов компании и, в конечном счете, ускорить процесс разработки.

Мы начнем с рассмотрения фундаментальных концепций систем проектирования, а затем перейдем к архитектуре кодовой базы монорепозитория. Мы настроим общие конфигурации для TypeScript, ESLint и Prettier, а также создадим базовый пакет для размещения и распространения токенов и ресурсов дизайна.

Далее мы создадим пакет React с демонстрационными компонентами, стилизованными с использованием токенов стиля нашей системы дизайна. Мы также создадим пакет Storybook и изучим лучшие практики разработки и документирования компонентов с помощью TypeScript. Мы сосредоточимся на стилизации наших компонентов двумя способами: с помощью CSS-in-JS со стилизованными компонентами и токенами дизайна JavaScript, а также с помощью классов CSS Tailwind.

Наконец, мы узнаем, как создавать тесты для наших компонентов React с помощью React Testing Library и AXE, а также управлять выпусками с помощью наборов изменений и настраивать конвейер CI с помощью GitHub Actions.

Этот курс призван стать всеобъемлющим руководством или поваренной книгой по созданию полной системы дизайна компании с нуля. К концу курса у вас будут знания и навыки для создания практичной и удобной в сопровождении дизайн-системы для любой организации.

Материал на английском языке



Продажник:

Скачать:
Скрытое содержимое могут видеть только пользователь группы: PRO

Качать без ограничений Купить доступ к 1 теме
Скрытое содержимое для пользователей: Ferr
 
Сверху Снизу