Shakshuka
Модератор
- 30.04.22
- 1.915
- 19.259
Другие курсы от автора:
[Udemy] Дизайн и код домашней страницы Twitter с помощью JavaScript, CSS и Figma (2022)
В этом курсе мы узнаем, как использовать нативную технологию веб-компонентов в своих интересах.
Подробнее:
В этом курсе мы узнаем, как использовать нативную технологию веб-компонентов в своих интересах.
- Создавайте красивые веб-компоненты для Twitter с помощью Figma
- Перенесите все эти красивые дизайны во внешний код с помощью Lit JS.
- Создайте светлый и темный пользовательский интерфейс для домашней страницы Twitter, используя JavaScript и Figma.
- Мы не только разработаем компоненты в Figma, но и создадим дизайн-систему для нашего проекта Twitter UI.
- Мы разработаем повторно используемые цвета, типографику и стили теней.
- В конце переносим стили Figma в переменные CSS
- Мы узнаем, как инкапсулировать наши HTML и CSS в классы JavaScript, используя Lit JS.
- Мы научимся создавать простые, готовые к будущему нативные веб-компоненты.
- Мы используем только чистый ванильный JavaScript для создания настраиваемых компонентов и применения наших стилей CSS внутри каждого из них.
- Мы будем использовать Lit JS, чтобы упростить нашу жизнь, потому что он построен на основе собственного API веб-компонентов.
- Поскольку Lit JS использует собственный API веб-компонентов, наша среда разработки проста, но мощна.
- Это означает, что нам не нужно беспокоиться о Node Modules или сборщиках JavaScript для преобразования нашего синтаксиса в код.
- Дизайнеры, которые хотят добавить проект Twitter Figma в свое портфолио
- Разработчики, которые хотят перенести компоненты Figma в код
- Разработчики, которые хотят создавать нативные пользовательские компоненты с нуля
- Продвинутые знания HTML, CSS, JavaScript
- Среднее понимание Figma
Подробнее:
Скачать:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.