🔥 Стать практикующим разработчиком – https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=full-course-front-end-dev
► Как купить из других стран – https://t.me/redgroupchannel/37
💸 Поддержать – https://www.donationalerts.com/r/redgroup

► 🎁 ТГ канал – https://t.me/redgroupchannel
⚡️Закрытый клуб “5 утра” – https://htmllessons.ru/ext/club

⚡️ Список интенсивов по подписке – https://htmllessons.ru/list-intensives?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=full-course-front-end-dev

🧪 Исходник (требуется подписка) – https://htmllessons.ru/storage#storage_file_66

Надеюсь Вы оцените мои старания, с Вас лайк и подписка.

Если есть какие-то фишки по этой теме – дай знать в 💬 комментариях!

Теория JavaScript тут – https://www.youtube.com/watch?v=f4C-j45PKQ4

Продолжение крутого формата! В этот раз мы разберем полный курс FRONT-END разработчика за 5 часов. Не будем тратить время на HTML и CSS. Разберем написание стилей в разных форматах – препроцессор SCSS и очень удобный Tailwind. Затем перейдем к базе – JavaScript. После перейдем к самому интересному, наш любимый React. В итоге напишем 1 полноценный проект за стрим. Под финал, если останется время в качестве бонуса будет типизация с помощью TypeScript. В итоге получился очень сочный стрим с нуля до Front-end разработчика за 5 часов.

#FrontEnd #JavaScript #RedGroup #typescript #tailwindcss #react

Тайм коды:
00:00:00 – Начало
00:11:00 – Что будем делать?
00:27:00 – Установка проекта
00:29:00 – TypeScript теория
00:38:00 – Базовая структура + vite
01:00:00 – Как работают компоненты?
01:10:00 – Варианты написания стилей и модули
01:27:00 – Webstorm и tailwind решаем проблему
01:34:00 – Немного о tailwind
01:43:00 – Зачем нужен сервис
01:48:00 – Первый способ получения данных с сервера
01:59:00 – Второй способ получения данных с сервера
02:13:30 – React Query
02:41:00 – ProductItem
03:10:00 – Роутинг
03:30:00 – Страница товара
03:56:00 – Галлерея
04:10:00 – Доработка страницы товара
04:25:00 – Redux Toolkit
04:34:00 – Первый слайс
04:40:00 – Настраиваем Redux и сохранение в LS
04:48:00 – Типизирование хуки
04:53:00 – Проверка на существование в корзине
04:57:40 – Корзина
05:10:00 – Q&A

👉 Все ссылки (+ настройка редактора) и информация обо мне – https://redlinks.space/

Design – https://dribbble.com/shots/19772444-Balenciaga-Mobile-App-Design-Concept

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔