udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
6 ч 20 мин
Категория
React NativeКоличество уроков
63 Видео
Дата добавления
2 окт. 2018 г., 09:21
Язык
Английский
Дата выхода
25 нояб. 2017 г., 12:16
Дата обновления
29 апр. 2026 г., 01:14
Освойте анимации в React Native и создавайте динамичные, отзывчивые интерфейсы, которые улучшают пользовательский опыт. Этот курс поможет вам уверенно внедрять любые типы анимаций — от простых переходов до сложных последовательностей с несколькими эффектами.
Что вы узнаете на курсе
Курс структурирован так, чтобы последовательно провести вас от базовых принципов анимаций в React Native до глубокого понимания возможностей Animated API.
Основы анимаций в React Native
- Анализ ключевых функций и возможностей библиотеки Animated
- Создание простых анимационных переходов
- Работа с Animated.Value и управлением состоянием анимации
Расширенные техники анимации
После освоения базы вы перейдете к более сложным концепциям, которые позволяют создавать профессиональные анимации уровня production.
Интерполяции и преобразования
- Интерполируемые цвета и изменение насыщенности
- Вращения, масштабирование и комбинированные эффекты
- Перемещения элементов с гибкой настройкой
Управление сложными сценариями
- Прерываемые анимации и работа с пользовательскими жестами
- Последовательные и параллельные анимации
- Использование Animated.event и Reanimated подходов
Практическая направленность обучения
Каждый урок включает наглядные примеры, демонстрацию реального применения и пояснение того, как использовать анимации для улучшения UX. Вы получите практические навыки, которые сразу сможете интегрировать в свои проекты.
Что вы получите в итоге
- Глубокое понимание принципов анимации в мобильных приложениях
- Навыки создания любых типов анимаций в React Native
- Уверенность в работе с Animated API и сопутствующими инструментами
- Умение оптимизировать и адаптировать анимации под реальные задачи
Этот курс идеально подходит для разработчиков, которые хотят вывести свои приложения на новый уровень и создавать по-настоящему живые, интерактивные интерфейсы с помощью React Native.
- Урок 1.00:04:48Opacity
- Урок 2.00:03:06Translate Position
- Урок 3.00:02:43Scale
- Урок 4.00:02:28Width/Height Values
- Урок 5.00:02:32Absolute Position
- Урок 6.00:04:58Color/Background Color
- Урок 7.00:02:59Rotation
- Урок 8.00:02:06Width/Height Percentage
- Урок 9.00:01:26Easing
- Урок 10.00:03:59Spring
- Урок 11.00:02:48Event
- Урок 12.00:08:33Decay
- Урок 13.00:01:44Add
- Урок 14.00:00:59Divide
- Урок 15.00:01:13Multiply
- Урок 16.00:01:28Modulo
- Урок 17.00:03:06Parallel
- Урок 18.00:01:51Sequence
- Урок 19.00:01:29Stagger
- Урок 20.00:02:35Delay
- Урок 21.00:05:04Numbers And Interpolates on Interpolates
- Урок 22.00:02:40Color/Background Color
- Урок 23.00:02:22Rotation
- Урок 24.00:03:48Extrapolate
- Урок 25.00:03:21Video
- Урок 26.00:06:47Animated Internals
- Урок 27.00:02:51createAnimatedComponent
- Урок 28.00:03:01Using and Understanding setNativeProps
- Урок 29.00:03:23Using d3-interpolate with Animated
- Урок 30.00:02:15Using d3-interpolate-path and Animated to Animate Simple SVG Paths
- Урок 31.00:02:28Using Art, Morph.Tween, and Animated to Animate Complex SVG Paths
- Урок 32.00:01:26Using Flubber and Animated for Better SVG Path Morphing
- Урок 33.00:06:56.99 cliff
- Урок 34.00:06:48Animate Hidden
- Урок 35.00:02:51Pointer Events
- Урок 36.00:01:234 Corners Breakdown
- Урок 37.00:06:434 Corners
- Урок 38.00:03:20Staggered Heads Breakdown
- Урок 39.00:11:31Staggered Heads
- Урок 40.00:05:33Kitten Cards Breakdown
- Урок 41.00:25:47Kitten Cards
- Урок 42.00:01:31Stagger Form Items Visibility on Mount Breakdown
- Урок 43.00:07:08Stagger Form Items Visibility on Mount
- Урок 44.00:01:14Animated Progress Bar Button Breakdown
- Урок 45.00:08:46Animated Progress Bar Button
- Урок 46.00:02:25Animated Questionnaire with Progress Bar Breakdown
- Урок 47.00:16:07Animated Questionnaire with Progress Bar
- Урок 48.00:02:02Photo Grid Shared Element Breakdown
- Урок 49.00:30:35Photo Grid Shared Element
- Урок 50.00:03:05Animated Color Picker Breakdown
- Урок 51.00:24:19Animated Color Picker
- Урок 52.00:01:03Floating Action Button with Menu Breakdown
- Урок 53.00:19:07Floating Action Button with Menu
- Урок 54.00:03:19Application Intro Screen Breakdown
- Урок 55.00:20:44Application Intro Screen
- Урок 56.00:04:13Evolving Write Button Breakdown
- Урок 57.00:24:05Evolving Write Button
- Урок 58.00:08:34Create a Social Comment Modal with Animated Swipe Away
- Урок 59.00:09:58Create a Horizontal Parallax ScrollView
- Урок 60.00:07:15Tap to Show Love Floating Hearts
- Урок 61.00:04:26Bouncing Heart Shaped Like Button on Press
- Урок 62.00:06:19Exploding Heart Button
- Урок 63.00:07:08Expanding Notify Input with Success Message
Автор - udemy
Комментарии
Anonymousнельзя стейт мутировать
AnonymousPlease update this course