Верстка главной для интернет магазина в React JS
Материалы будут опубликованы в Telegram канале: https://t.me/+friZxyBulgNmYjE6
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 01 Июля 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 08 Июля 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
https://webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: https://webcademy.ru/
💈 Вступайте в группу Вконтакте: https://vk.com/webcademy
💈 Подписывайтесь на Telegram: https://t.me/webcademynews
ТАЙМ КОДЫ:
00:00 Старт стрима
07:00 Настройка окружения
17:51 Старт работы. Обзор стартового проекта
25:30 Нарезка графики. Используем готовую
28:07 Шрифты. Fontfascia и Google Fonts
30:25 Общие CSS стили
32:50 Общение с чатом
35:37 Компонент для шапки
44:02 Общение с чатом
45:40 Верстка шапки
52:45 Логотип
55:53 CSS переменные
57:14 Навигация
1:04:13 Общение с чатом
1:07:34 Секция Promo
1:36:00 Курсы ВебКадеми
1:38:40 Общение с чатом
1:41:55 Секция Brands
1:52:30 Секция New Arrivals
2:00:25 Компонент Card
2:14:40 Анимация ховера по карточке
2:19:03 Props. Передача свойств в компоненты
2:24:50 Завершение стрима. Общение в чате
Тэги:
#javascript #jsКомментарии:
привет, было же продолжение этого видео? не могу найти ни в телеграме ни на ютубе. подскажите удалили уже?
Ответить
Что у Вас за тема в VSCode в данном уроке?
Ответить
Я, так как только начинаю в этом разбираться, хотел бы поинтересоваться, зачем нужно вообще использование React? Пояему нельзя сделать этот же проект чисто на html и css, для интерактива можно добаить простоц JS скрипт. Просто я действительно не понимаю, зачем нужен данный способ вёрстки
Ответить
Очень понравился стрим в таком формате, большое спасибо, верстала на одном дыхании, жду продолжения)🙏 Побольше бы таких проектов где верстка сразу в реакт)
Ответить
А будут ли Redux и др. подобные вещи ?
Ответить
спасибо огромное... Хотелось бы увидеть продолжения!!! Очень хорошо преподносите....
Ответить
Спасибо большое!
А что за тема и шрифты в VSCODE используются?
отличное видео по верстке!!!Хотелось бы видеть больше такого контента! В идеале с адаптивом и на модулях
Ответить
А продолжение будет? Хотелось бы увидеть полную адаптацию. Видео класс...👍
Ответить
скачал макет, сделал копию фигма, но справа в углу не отображается вкладка inspect. Как сделать? Картинки норм скачал. Спасибо за урок.
Ответить
Желал бы видеть верстку сайта с React JS логикой
ОтветитьКлассный урок! Спасибо!
Ответить
На самом деле есть расширение eCSStractor tsx for VSCode, после установки, он отлично переносит классы css
Ответить
💩
Ответить
класс, надеюсь будет продолжение!
Ответить
Спасибо. познавательно и интересно.
Ответить
Чтобы eCSStractor работал с JSX надо в его настройке "Attribute name "class" or "className" for jsx" выбрать className
Ответить
Спасибо вам
Ответить
Привет! Хотелось бы увидеть Реакт+Редакс (тулкит достаточно)
Ответить
Очень круто, мне понравилось. Буду пробовать до верстать макет самостоятельно. Благодарю Вас 🙏
Ответить
есть сниппет почти с таким же названием только для react ecsstractor jsx
Ответить
Отличный стрим! Компонент с карточками очень полезен, прям посмотрел, и в слух сказал "... А что так можно было...))))". Очень полезный контент. Юрий огромное спасибо!!!!
Ответить
можно на Vite запилить
Ответить
Сейчас CRA не стоит использовать, даже на офф сайте реакта убрали про CRA(технически и морально устарел)
Ответить
Спасибо,как всегда интересно.
Ответить
здравствуйте, объясните новичку, зачем вообще это на рекакте писать? почему не просто html/css?
Ответить
Огромное спасибо! Как всегда круто! 👍
Ответить
Рахмет! за уроки!!! а дальше js будет?
Ответить
подскажите название тг канала не могу по ссылке зайти в тг
Ответить
Спасибо за Ваш труд
Ответить
а в десять реал с сити играют ))
Ответитьуснул но вернулся
Ответить
