Разработка и деплой сайта с нуля и анимацией ➤ ReactJS, RTK, Framer Motion, Contentful, Graphql
Сегодня будем создавать сайт с большим количеством разной анимации, например, одной из самых популярных - parallax-эффект. Научимся работать с компонентами, используя библиотеку ReactJS, познакомимся с Framer motion, организуем хранилище с Redux Toolkit (RTK), добавим контент через платформу Contentful и с помощью Graphql получим реальные данные на нашем сайте. Не обойдемся без react router dom, swiper, scroll on animate и проч. и проч.
00:00 - Интро, знакомство с проектом
02:05 - Установка библиотек, создание структуры сайта
17:47 - Обзор работы с Contentful
22:43 - Создание Header стили для него
48:45 - Добавление основного баннера на главную страницу
57:27 - Пишем логику и стили для блока с турами
01:32:31 - Добавление баннера с видео
01:36:08 - Прописываем код для компоненты с треками (музыкой)
02:02:44 - Создание баннера магазина с анимацией
02:14:57 - Работа со слайдером (Swiper) новостей
02:31:16 - Добавление футера
02:42:51 - Анимация прелоадера
02:45:24 -
1 view
153
43
7 months ago 00:41:11 1
Мозг против теории вероятностей
7 months ago 00:00:59 1
Вишневый муссовый торт от магазина Вкусняшки от Кати
7 months ago 00:09:24 1
“Россия с нами не пропадет“. Студенческий юмор. А с ним и приветствия от звезд спорта и искусства.
7 months ago 00:08:10 1
Новая партия истребителей Су-35С от КнААЗ, испытания Ил-114-300, плазменный двигатель КМ-55
7 months ago 00:08:32 1
Программисты больше не нужны, ИИ всех съест или почему ты должен развиваться
7 months ago 01:03:29 1
Сергей Митягин - почему наши города такие - часть 1
7 months ago 00:47:05 1
Лев Ландау. Формула счастья
7 months ago 01:16:25 1
Создание объемного рисунка на ткани
7 months ago 00:51:58 1
Создание и корректировка согласия на распространение персональных данных в 2024 году
7 months ago 00:27:29 1
Мапакон 2024. Константин Мельников “Создание графа улично-дорожной сети при помощи ИИ“
7 months ago 01:13:07 1
МОРТАЛ КОМБАТ: ЗАВОЕВАНИЕ (1998) Часть 1 История Создания, ОБЗОР, Актеры, Как снимали сериал КР#43-1
7 months ago 01:14:28 1
ОГЭ ПО РУССКОМУ ЯЗЫКУ. РЕШЕНИЕ ВАРАНТА. ЗАДАНИЯ 1 - 13.3
7 months ago 00:09:57 1
Часть 1. Ци Мэнь Дунь Цзя. Интервью с Алехандро Пенатаро
7 months ago 00:01:38 1
Незаконное Создание Единого Реестра Военнообязанных Граждан СССР.
7 months ago 00:05:52 1
Тактикул и обучение | Степени обученности | Боевая подготовка | Боевые навыки
7 months ago 00:23:28 1
Корпоративный фильм о компании | TvоёКино
7 months ago 00:09:21 1
Новый ТОС-3«Дракон», броневик «Титан», карабин от BespokeGun, ПАК «Прометей» и нейросеть VS Leopard
7 months ago 00:53:59 1
Акварельные краски Enterclass. Тест набора в пейзаже художника Сергея Курбатова
7 months ago 00:01:24 1
«Бессмертный. Сказки Старой Руси» — Знакомство с игрой. Часть 1