Проект на React JS. Корзина товаров. Верстка и интерактив на React
Готовый код с урока в описании под видео. React приложение Корзина товаров. Практика для начинающих. Верстка под React JS. Создание компонентов, SCSS стили в React. Сделаем перенос верстки и добавим интерактив с помощью React JS.
✅ Перенос верстки в React JS
✅ Создание React компонентов
✅ Работа с SCSS в React
✅ Хуки useState, useEffect
Материалы к уроку:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
💻 Курс “Frontend разработчик. JavaScript React“:
Обучение с наставником, 3 месяца, результат, гарантия.
💻 Курс “Разработка сайтов на PHP MySQL“:
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
💈 Подписывайтесь на Telegram:
Тайм коды:
00:00 Знакомство с проектом
01:07 Полезная информация
01:47 Настройка окружения. Создание React приложения
04:55 Сниппеты. Установка node-sass. Запуск
08:25 Очистка шаблона приложения
::::::::: Перенос верстки, создание компонентов :::::::::
12:33 Перенос стилей в компонент App
16:58 Перенос HTML разметки в компонент App
19:13 Исправление className и закрытие одиночных тегов
21:43 Компонент Title
26:43 Стили для секции section-cart
27:52 Компонент Cart
30:55 Компонент CartHeader
32:21 Компонент Product
33:24 Компонент CartFooter
34:59 Ошибки SCSS. Подключение SCSS переменных
38:14 Компонент Count
39:44 Компонент ButtonDelete
40:58 Отображение товаров в корзине
55:09 Уникальные ключи key для товаров. Reconciliation алгоритм
57:48 Изображения товаров
::::::::::::::::: Интерактив :::::::::::::::::
1:00:25 Удаление товаров
1:10:05 Счетчик. Увеличение кол-ва
1:18:05 Счетчик. Уменьшение кол-ва
1:20:48 Счетчик. Правка бага с уменьшением кол-ва
1:23:40 Счетчик. onChange для инпута
1:28:51 Подсчет общего кол-ва и стоимости корзины
1:34:32 Подсчет общего кол-ва и стоимости при изменении корзины
1:37:30 Форматирование цен
1:42:39 Подведение итогов
Закрытый канал с исходниками: 9XtDDNBdHAk4Yjhi
Ссылка на макет и код с вебинара:
#HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js #react #reactjs
4 views
0
0
12 months ago 00:32:18 1
Маленький ангел связанный крючком - МК #12
12 months ago 01:03:35 1
ЛУДОМАНЫ №31. Антон. Покер - это грязь.
12 months ago 00:48:02 1
Планы Высших СИЛ на Вас в разных сферах жизни.
12 months ago 00:45:48 1
СВЯТИТЕЛЬ ИОАНН ЗЛАТОУСТ. Священник Валерий Духанин
12 months ago 00:02:51 1
KRUPATIN - Человек (Лирик Видео)
12 months ago 00:00:00 1
27 Сентября! Авторский тренинг от долларового миллионера! Начало в 17:10 Москвы!
12 months ago 01:06:09 1
Ангел связанный крючком - МК #13
12 months ago 00:25:29 1
МЕНТ ПЫТАЕТСЯ ПОВЕСИТЬ СТАТЬЮ И УВЕСТИ В ОТДЕЛ / МАЙОР ПЕРЕОБУВАЕТСЯ ЗА МИНУТУ, НАУЧИЛ МЕНТА СЛУЖИТЬ
12 months ago 00:01:55 1
МФК ИНЖЕНЕРИЯ ЗНАНИЙ (ТЕОРИЯ И ПРАКТИКА)
12 months ago 00:02:22 1
“ОВИР“, 1989 г. “Веселые ребята“. Из запасников программы.
12 months ago 00:22:22 1
Конференция TOPDOG 23 / Интервью бойцов
12 months ago 00:34:32 1
RBL: D’YADYA J.I. vs БРОЛ | Double Kill
12 months ago 00:24:59 1
Украшение для новогодней ёлки - свеча связанная крючком - #2
12 months ago 00:54:36 1
ТЫ СТАНЕШЬ ГУРУ МОНТАЖА / Adobe Premiere Pro 2023 / Как монтировать видео / Премьер про для новичков
12 months ago 00:22:12 1
Метро не строили а откопали - новые факты | нашли допотопное депо под Сокольниками ?
12 months ago 00:31:52 1
Совершенно иной подход к математике [Veritasium]
12 months ago 01:14:19 1
Любовь и Свобода: Уминский, Черниговская, Чечот #солодников
12 months ago 00:27:17 1
Виктор Орбан: русские никогда не сдадутся! | Такер Карлсон
12 months ago 01:54:53 1
НЕРЕАЛЬНО СМЕШНАЯ КОМЕДИЯ! ФИЛЬМ ДЛЯ ВСЕЙ СЕМЬИ! В режиме поиска РУССКИЕ КОМЕДИИ, НОВИНКИ 2021
12 months ago 00:14:18 1
Секреты закона о гражданстве РФ (Рыжов В.С.)
12 months ago 01:23:58 1
ЭКСКЛЮЗИВ! МЫ РОССИЯ, О КОНФЛИКТЕ НА УКРАИНЕ ! ИГОРЬ СТРЕЛКОВ (ГИРКИН) - О ПУТИНЕ / НАТО / СВО
12 months ago 00:03:22 1
Ислам Мальсуйгенов, Зульфия Чотчаева - Убегая | Премьера клипа 2022
12 months ago 00:56:34 1
Философия «Зеленого квадрата», или Тяжёлая поступь Росатома
12 months ago 00:16:59 1
Зеленский - фантазер и вымогатель в программе 60 минут | Джимми Дор