Amerikano
Модератор
- Сообщения
- 19,430
- Реакции
- 365,075
Автор: udemy
Название: Дизайн и код домашней страницы Twitter с помощью JavaScript, CSS и Figma
В этом курсе мы узнаем, как использовать нативную технологию веб-компонентов в своих интересах.
Материал на английском языке
Подробнее:
Скачать:
Название: Дизайн и код домашней страницы Twitter с помощью JavaScript, CSS и Figma
В этом курсе мы узнаем, как использовать нативную технологию веб-компонентов в своих интересах.
- Создавайте красивые веб-компоненты для 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
Материал на английском языке
Подробнее:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Скачать:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Похожие темы из этого раздела:
- [Anatolii Domin] Unreal Engine 5 Синематик и Анимация с нуля до профессионала [Udemy] (2024)
- [Cortez Lake] Кибербезопасность на основе искусственного интеллекта [Udemy] (2024)
- [Udemy] Опционная стратегия: Торговля КРОК (низкий риск, профессиональный уровень) (2022)
- [Apexity by Apex Hatchers] Стратегическое креативное мышление [Udemy] (2024)
- [Surendra Varma Pericherla] Генеративный искусственный интеллект для лидеров [Udemy] (2024)
- [myoptionsedge.com] Опционная стратегия - Торговля КРОК [Udemy] (2024)
- [Гари Лямин] Курс для изучения интернет-маркетинга с нуля до уровня PRO [Udemy] (2024)
- [Александр Малейко] Тестирование API (Postman) [Udemy] (2024)
- [Victor Joyeux] Создавайте рекламные и другие видеоролики с помощью искусственного интеллекта AI (2024)
- [Chetan Pujari] ChatGPT мастер проектирования промптов [Udemy] (2024)