Автор: udemy
Название: React Animation Project SCSS
В этом курсе мы начнем с создания компонента экрана-заставки, а затем перейдем к разработке компонента анимированного элемента.
Мы определим наш первый набор анимаций с использованием Sass, стремясь сделать его максимально модульным, чтобы мы могли импортировать все созданные анимации или только те, которые нам нужны. После определения анимаций, мы импортируем их в наш проект и внесем изменения в нашу заставку и анимированный элемент, так чтобы заставка исчезала через определенное время.
Далее мы приступим к разработке настраиваемых параметров, начнем с создания нового файла, который будет импортирован во все наши различные анимации и содержать общие настройки.
После определения наших параметров анимации, мы добавим нашу первую анимацию, которая будет отвечать за затухание и появление элемента. Все анимации будут написаны как отдельные миксины, чтобы при необходимости мы могли импортировать их по отдельности.
Мы создадим компонент заставки и активируем нужную нам анимацию, определенную в логике AnimatableItem.
Разумеется, мы начнем с создания нового проекта для нашей работы. Для этого используется create-react-app, а также добавлена простая утилита JavaScript для условного соединения имен классов.
React — самая популярная библиотека для разработки веб-приложений и один из наиболее востребованных навыков для JavaScript-разработчика на сегодняшний день.
Основное внимание в этом курсе уделяется практической разработке приложений на React. Это означает, что мы рассмотрим не только эффективное использование самого React, но и целую экосистему инструментов и библиотек, необходимых для создания полноценного пользовательского интерфейса (UI) приложения.
Разрабатывая реальные приложения, мы изучим самые важные инструменты в экосистеме React:
Скачать:
Название: React Animation Project SCSS
В этом курсе мы начнем с создания компонента экрана-заставки, а затем перейдем к разработке компонента анимированного элемента.
Мы определим наш первый набор анимаций с использованием Sass, стремясь сделать его максимально модульным, чтобы мы могли импортировать все созданные анимации или только те, которые нам нужны. После определения анимаций, мы импортируем их в наш проект и внесем изменения в нашу заставку и анимированный элемент, так чтобы заставка исчезала через определенное время.
Далее мы приступим к разработке настраиваемых параметров, начнем с создания нового файла, который будет импортирован во все наши различные анимации и содержать общие настройки.
После определения наших параметров анимации, мы добавим нашу первую анимацию, которая будет отвечать за затухание и появление элемента. Все анимации будут написаны как отдельные миксины, чтобы при необходимости мы могли импортировать их по отдельности.
Мы создадим компонент заставки и активируем нужную нам анимацию, определенную в логике AnimatableItem.
Разумеется, мы начнем с создания нового проекта для нашей работы. Для этого используется create-react-app, а также добавлена простая утилита JavaScript для условного соединения имен классов.
React — самая популярная библиотека для разработки веб-приложений и один из наиболее востребованных навыков для JavaScript-разработчика на сегодняшний день.
Основное внимание в этом курсе уделяется практической разработке приложений на React. Это означает, что мы рассмотрим не только эффективное использование самого React, но и целую экосистему инструментов и библиотек, необходимых для создания полноценного пользовательского интерфейса (UI) приложения.
Разрабатывая реальные приложения, мы изучим самые важные инструменты в экосистеме React:
- React
- Animation
- SCSS
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Скачать:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Похожие темы
- [Андрей Борисенко] Инвестирование. Все секреты умножения денег в одном курсе! [Udemy] (2024)
- [Алексей Леонтьев] Финансовый контроллинг затрат на сырье и материалы [Udemy] (2024)
- [Алексей Леонтьев] Магия сводных таблиц Microsoft Excel [Udemy] (2024)
- [Tunde Victor Olonitola] Публикуйте раскраски, иллюстрации и кулинарные книги для пассивного дохода [Udemy] (2024)
- [Vassilyi Gudomarov] Верстка и создание сайтов, полный курс - HTML5 CSS [Udemy] (2024)
- [Udemy] ИИ в освоении науки - ведущая роль ChatGPT (2024)
- [Anatolii Domin] Unreal Engine 5 Синематик и Анимация с нуля до профессионала [Udemy] (2024)
- [Cortez Lake] Кибербезопасность на основе искусственного интеллекта [Udemy] (2024)
- [Udemy] Опционная стратегия: Торговля КРОК (низкий риск, профессиональный уровень) (2022)
- [Apexity by Apex Hatchers] Стратегическое креативное мышление [Udemy] (2024)