Amerikano
Модератор
- Сообщения
- 19,288
- Реакции
- 358,493
Автор: 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
Материал на английском языке
Подробнее:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Скачать:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Похожие темы из этого раздела:
- [Александр Малейко] Тестирование API (Postman) [Udemy] (2024)
- [Victor Joyeux] Создавайте рекламные и другие видеоролики с помощью искусственного интеллекта AI (2024)
- [Chetan Pujari] ChatGPT мастер проектирования промптов [Udemy] (2024)
- [Faisal Zamir] ChatGPT Мастер - полный курс OpenAI ChatGPT [Udemy] (2024)
- [Frank Anemaet] Набор инструментов для хакеров [Udemy] (2024)
- [Джон X. Маршан] HUMINT (Разведка из человеческих источников). Продвинутый 3 [Udemy] (2021)
- [Alexey Spiridonov] Пассивный доход на рекомендациях и бесплатном трафике [Udemy] (2023)
- [Bogdan Stashchuk] Python - Полный Курс по Python, Django, Data Science и ML [Udemy] (2024)
- [Илья Зернов] Теория Большого Киномонтажа [Udemy] (2024)
- [Yassin Marco] Монетизация искусственного интеллекта: использование Chatgpt и Midjourney для достижения успеха [udemy]