Главная страницаКатегория react nativeРуководство по Анимациям в React Native

Руководство по Анимациям в React Native

Name: Руководство по Анимациям в React Native
Rating: 5 (24 reviews)

Master React Native Animations

udemy

★5 (всего оценок - 24)

Продолжительность

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:48
Opacity
Урок 2.00:03:06
Translate Position
Урок 3.00:02:43
Scale
Урок 4.00:02:28
Width/Height Values
Урок 5.00:02:32
Absolute Position
Урок 6.00:04:58
Color/Background Color
Урок 7.00:02:59
Rotation
Урок 8.00:02:06
Width/Height Percentage
Урок 9.00:01:26
Easing
Урок 10.00:03:59
Spring
Урок 11.00:02:48
Event
Урок 12.00:08:33
Decay
Урок 13.00:01:44
Add
Урок 14.00:00:59
Divide
Урок 15.00:01:13
Multiply
Урок 16.00:01:28
Modulo
Урок 17.00:03:06
Parallel
Урок 18.00:01:51
Sequence
Урок 19.00:01:29
Stagger
Урок 20.00:02:35
Delay
Урок 21.00:05:04
Numbers And Interpolates on Interpolates
Урок 22.00:02:40
Color/Background Color
Урок 23.00:02:22
Rotation
Урок 24.00:03:48
Extrapolate
Урок 25.00:03:21
Video
Урок 26.00:06:47
Animated Internals
Урок 27.00:02:51
createAnimatedComponent
Урок 28.00:03:01
Using and Understanding setNativeProps
Урок 29.00:03:23
Using d3-interpolate with Animated
Урок 30.00:02:15
Using d3-interpolate-path and Animated to Animate Simple SVG Paths
Урок 31.00:02:28
Using Art, Morph.Tween, and Animated to Animate Complex SVG Paths
Урок 32.00:01:26
Using Flubber and Animated for Better SVG Path Morphing
Урок 33.00:06:56
.99 cliff
Урок 34.00:06:48
Animate Hidden
Урок 35.00:02:51
Pointer Events
Урок 36.00:01:23
4 Corners Breakdown
Урок 37.00:06:43
4 Corners
Урок 38.00:03:20
Staggered Heads Breakdown
Урок 39.00:11:31
Staggered Heads
Урок 40.00:05:33
Kitten Cards Breakdown
Урок 41.00:25:47
Kitten Cards
Урок 42.00:01:31
Stagger Form Items Visibility on Mount Breakdown
Урок 43.00:07:08
Stagger Form Items Visibility on Mount
Урок 44.00:01:14
Animated Progress Bar Button Breakdown
Урок 45.00:08:46
Animated Progress Bar Button
Урок 46.00:02:25
Animated Questionnaire with Progress Bar Breakdown
Урок 47.00:16:07
Animated Questionnaire with Progress Bar
Урок 48.00:02:02
Photo Grid Shared Element Breakdown
Урок 49.00:30:35
Photo Grid Shared Element
Урок 50.00:03:05
Animated Color Picker Breakdown
Урок 51.00:24:19
Animated Color Picker
Урок 52.00:01:03
Floating Action Button with Menu Breakdown
Урок 53.00:19:07
Floating Action Button with Menu
Урок 54.00:03:19
Application Intro Screen Breakdown
Урок 55.00:20:44
Application Intro Screen
Урок 56.00:04:13
Evolving Write Button Breakdown
Урок 57.00:24:05
Evolving Write Button
Урок 58.00:08:34
Create a Social Comment Modal with Animated Swipe Away
Урок 59.00:09:58
Create a Horizontal Parallax ScrollView
Урок 60.00:07:15
Tap to Show Love Floating Hearts
Урок 61.00:04:26
Bouncing Heart Shaped Like Button on Press
Урок 62.00:06:19
Exploding Heart Button
Урок 63.00:07:08
Expanding Notify Input with Success Message

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии

Anonymous
12 июл. 2022 г., 09:20
нельзя стейт мутировать
Anonymous
29 нояб. 2020 г., 16:48
Please update this course