Разработка и деплой сайта с нуля и анимацией ➤ 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
190
57
4 weeks ago 00:08:34 1
Путин встретился с создателями ракеты «Орешник»
4 weeks ago 00:55:22 1
Как написать РЕГГИ с нуля. Пишу трек и делюсь крутыми фишками по созданию Reaggae
4 weeks ago 00:25:23 3
Как решать уравнения с модулем или Математический торт с кремом (часть 1) | Математика
4 weeks ago 00:21:57 2
Уравнения с модулем. Часть 2 | Математика | TutorOnline
4 weeks ago 01:04:28 1
STALKER 2 ВЫШЕЛ! - ЧЕСТНЫЙ ОБЗОР И ПЕРВЫЙ ВЗГЛЯД НА RTX 4090
4 weeks ago 00:10:44 1
Как работает STALKER 2: Heart of Chornobyl на Xbox и ПК? Технический обзор
1 month ago 00:06:24 1
Bloodborne на ПК стал еще стабильнее
1 month ago 00:56:32 1
Графический дизайн с нуля за 1 час! (уроки для начинающих)
1 month ago 00:09:13 1
Великолепная резинка для толстой пряжи 🔥! Новинка!!! Простой двусторонний узор для шарфа и шапки
1 month ago 00:09:46 1
Денис Фёдоров, Большая фуга на тему «В траве сидел кузнечик» и множество других тем.
1 month ago 00:01:46 1
|120 second| - Marvelous Designer - 001 - Как добавить и выровнять пуговицы
1 month ago 00:10:28 1
Мишель Мутон
1 month ago 01:13:30 1
Mr Freeman — о создании героя, работе с Noize MC, Би-2, войне, любви к русскому языку и нейросетях
1 month ago 00:00:42 1
Переделываем обложку книги «Алхимик», Пауло Коэльо | Создание обложки ИИ
1 month ago 01:01:38 1
Дискуссия на ПМЭФ-2024 с участием Татьяны Черниговской
2 months ago 01:26:58 19
1876 год: начало подготовки России и Турции к войне друг с другом / Борис Кипнис / №153