Разработка и деплой сайта с нуля и анимацией ➤ 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
185
55
1 month ago 00:13:38 1
ВСЕГО 1 ложка СПАСЕТ орхидею от ГНИЛИ КОРНЕЙ/ Полная ЗАЧИСТКА и подготовка к посадке
1 month ago 01:25:51 1
Ольга Ускова: “Гагарины уже родились“. IT в СССР, как выжили в 90-ые, и в чем мы сейчас лучшие?
1 month ago 00:15:45 1
Стрельба в движении. Как передвигаться в бою. Показывает инструктор ЦСП Витязь.
1 month ago 00:10:10 1
Toyota: Эта технология уничтожит индустрию электромобилей
1 month ago 00:00:02 1
Слабак [Вырезка] х/ф “В бой идут одни старики“ HD
1 month ago 00:36:07 1
BOSTON | РОК ЖИВ
1 month ago 00:02:52 1
Умный домофон Компании АЛЬЯНС
1 month ago 06:40:18 1
ЛЮБИМАЯ УЧИТЕЛЬНИЦА. Все Серии. Драма Про Любовь.
1 month ago 00:04:27 1
Noize MC — Вселенная бесконечна? (Official Music Video)
1 month ago 00:00:00 1
Как найти себя в музыке, а музыку в себе
1 month ago 00:00:14 1
АМЕКА, Ты знаешь, что Ты РОБОТ? || Ameca #робот #амека #ии
1 month ago 00:00:18 1
АМЕКА, Будут ли у Роботов ПРАВА? || Ameca #робот #амека #ии
1 month ago 00:14:31 1
The Aether - Тот Самый Портал в Рай | Майнкрафт Открытия
1 month ago 00:09:19 1
я даже не знаю как мне это все назвать
1 month ago 00:24:37 1
Создание здоровой среды #среда #народнаярубрика #периметр #школасорадение
1 month ago 00:08:57 1
Премьера Toyota 4Runner. Лучше чем Land Cruiser Prado?
1 month ago 00:19:55 1
Настоящие мы | Влог | Выпуск #14 | Снова Киберпанк и межвузовский фестиваль НРИ “Фенрир“!
1 month ago 01:43:26 1
Романтизм в творчестве Айвазовского. Лекция Дарьи Ворониной
1 month ago 00:00:59 1
Каракал Ника против Астрид и подготовки к лету😹
1 month ago 00:23:15 1
Создаю активный силовой экзоскелет. #3 [Туловище]
1 month ago 04:39:36 1
Python для начинающих — полный курс / Учебник по программированию / машинный перевод на русский
1 month ago 01:16:04 1
Преступления системы образования в РФ. Интервью с Владимиром Филипповичем Базарным.
1 month ago 00:27:35 1
Дневники разработки: Городской убийца. Эволюция коробки, карт и игрового поля.