Презентация Дизайн-системы для девелоперов онлайн

На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Дизайн-системы для девелоперов абсолютно бесплатно. Урок-презентация на эту тему содержит всего 20 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.

Презентации » Устройства и комплектующие » Дизайн-системы для девелоперов

Просмотр ВСЕЙ презентации! ЖМИТЕ

Оцените презентацию от 1 до 5 баллов!

Смотреть онлайн
Скачать

Тип файла:

ppt / pptx (powerpoint)
Всего слайдов:

20 слайдов
Для класса:

1,2,3,4,5,6,7,8,9,10,11
Размер файла:

3.14 MB
Просмотров:

66
Скачиваний:

0
Автор:

неизвестен

Слайды и текст к этой презентации:

№1 слайд

Содержание слайда: Practical Design Systems for Developers Практические Дизайн Системы для Девелоперов

№2 слайд

Содержание слайда: Что мы узнаем? Что такое дизайн система? Какие есть инструменты для разработчиков? Как общаться с дизайнерами?

№3 слайд

Содержание слайда: Что такое дизайн система? A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications. Design System – the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards.

№4 слайд

Содержание слайда: https://designsystemsrepo.com/design-systems/

№5 слайд

Содержание слайда: Разработчик должен понимать как организовать систему в проекте https://medium.com/uxcollections/design-system-resources-d8985ae689b4

№6 слайд

Содержание слайда: Atomic design - Атомический Дизайн http://atomicdesign.bradfrost.com/chapter-2/

№7 слайд

Содержание слайда: Написание CSS

№8 слайд

Содержание слайда: SASS https://www.sitepoint.com/architecture-in-sass/ https://sass-lang.com/

№9 слайд

Содержание слайда: Practical Cases of SASS https://hugogiraudel.com/2015/06/18/styling-react-components-in-sass/ https://medium.com/@kswanie21/css-modules-sass-in-create-react-app-37c3152de9

№10 слайд

Содержание слайда: Webpack setup? https://hackernoon.com/a-tale-of-webpack-4-and-how-to-finally-configure-it-in-the-right-way-4e94c8e7e5c1

№11 слайд

Содержание слайда: PostCSS? https://www.postcss.parts/ https://www.sitepoint.com/an-introduction-to-postcss/

№12 слайд

Содержание слайда: CSS-in-JS https://hackernoon.com/all-you-need-to-know-about-css-in-js-984a72d48ebc

№13 слайд

Содержание слайда: Libraries (React) https://www.styled-components.com/docs

№14 слайд

Содержание слайда: Альтернативы https://emotion.sh/ https://alligator.io/react/css-in-js-roundup-styling-react-components/ https://jsramblings.com/2017/10/17/things-to-consider-when-choosing-a-react-styling-framework.html http://www.npmtrends.com/

№15 слайд

Содержание слайда: Документация https://storybook.js.org/basics/introduction/ https://www.docz.site/

№16 слайд

Содержание слайда: Tecтирование https://storybook.js.org/testing/react-ui-testing/ https://www.creativebloq.com/features/the-5-best-visual-regression-testing-tools

№17 слайд