Max [RED Group x htmllessons]
8.86K subscribers
944 photos
44 videos
28 files
952 links
❄️ Зимний марафон RED Winter - https://t.me/redwinterpaybot
🔥 Минимум теории, максимум практики - https://htmllessons.ru/intensives
❤️ Поддержка - https://t.me/red_support_chat
⚡️ Личный ТГ - https://t.me/hrdmx

partners@htmllessons.io - Сотрудничество
Download Telegram
Кстати на reddit уже попытались повторить эффект liquid glass.

Вроде вышло неплохо. Но я полностью согласен с комментатором.

Если это будет трендом, то буду большие траблы с производительностью и придется от чего-то отказываться.

Как Вы помните я сам с эти сталкивался в production. Даже некоторые css свойства не имеют аппаратной поддержки (вроде так называется, могу ошибаться), что сильно грузит систему.

🌐(Там же и репозиторий есть, кому интересно) - https://www.reddit.com/r/webdev/comments/1l8opcl/liquid_glass_effect_with_css_js_live_controls_demo/
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
6
This media is not supported in your browser
VIEW IN TELEGRAM
🏆7
This media is not supported in your browser
VIEW IN TELEGRAM
🏆5
☀️ ☀️ RED SUMMER 2025. Новые преимущества для участников!

Проведя анализ, решили порадовать Вас крутыми бонусами, теперь марафон обретет еще большую ценность.

- 🔥 (NEW!) Полный Roadmap по Front-end свежий, актуальный на 2025-2026 год (5 страниц = 5 уровней от верстки до senior). С конкретным списком технологий и планом действий по каждой. Также по 5 идей проектов для практики на каждой уровне!

- 🎬 (NEW!) Будут публиковаться видео с моим процессом разработки двух проектов, которые будут на марафоне. Если Вам будет сложно, вы всегда сможете подсмотреть на мое решение или спросить у других участников. По факту теперь даже не зная React, Вы все равно можете начать и учиться на моем примере через видео уроки.

Напомним, что еще Вас ждет:

- 💎 2 шикарных проекта на выбор (для начинающих и продвинутых), можно сразу два делать

- 👨‍💻 В этот раз: я как основатель, буду участвовать в марафоне вместе с вами, и также разрабатывать эти проекты

- Ежедневные задачи

- 🧪Еженедельные ревью (разборы) проектов лично от меня (основателя)

- 🏅 В этот раз абсолютно все, кто сдаст проект, получат сертификат о прохождении марафона

- 💬 Чат с участниками и основателем. Рабочая атмосфера и взаимная поддержка.

- 📚 Полезные материалы

- 📈 До/После. Фиксируете старт, сравниваете в конце. Средний результат — x2 по навыкам.

- 🏆 Участник с лучшей трансформацией получит нашу самую дорогую подписку - Тариф "Навсегда" стоимостью 70 000 рублей 🤯 и уникальный тэг TOP_1_RED_SUMMER.


🔥Все это мы упаковали в приятную стоимость - 3990 руб.

👉 Оплатить участие можно здесь: @red_summer_2025_bot


🗓 Старт марафона 22 июня. Длительность 5 недель.

Залетайте, будем всех рады видеть. Такого марафона больше не будет!

PS. Отзывы с прошлых марафонов @htmllessons_reviews
Please open Telegram to view this post
VIEW IN TELEGRAM
94🏆3
This media is not supported in your browser
VIEW IN TELEGRAM
15
This media is not supported in your browser
VIEW IN TELEGRAM
11
Max [RED Group x htmllessons]
Найдена еще одна утечка GPU, оказывается CSS тоже может съедать прилично. Кто обучался у нас на платформе видел анимированные, пульсирующие круги по краям. Так вот оказывается box-shadow не ускоряется аппаратно, при анимации он всегда отрисовывается с нуля…
Как и обещал, сделали для Вас большое видео с ошибками по оптимизации из реального опыта.

В этот раз 14 ошибок вместо десяти. Как обычно с сочным монтажом.

🔥 Публикуем сегодня?

У нас уровень канала просел, давайте вернем "уровень 6" - https://t.me/boost/redgroup
Please open Telegram to view this post
VIEW IN TELEGRAM
27👍951
🚀 Ролик “14 ОШИБОК, которые УБИВАЮТ твой REACT-проект!” уже на канале RED Group!

В этом видео:
- Ошибки с useMemo и useCallback
- Вкладка Performance в Chrome
- Chrome Task Manager
- box-shadow плох для оптимизации?
- 3D-анимация без оптимизации
- Неоптимальное использование Zustand и motion
- Проблемы с анимацией, priority и ререндерами

И другие темы в тайм-кодах.

Не забудь прожать лайк и подписку 👍!

▶️ https://youtu.be/wecHKshrKPQ

💎 Наши нтенсивы и мастер-классы — без воды, только практика:
https://htmllessons.link/cAWWsNq

❤️ Отзывы — https://t.me/htmllessons_reviews
Please open Telegram to view this post
VIEW IN TELEGRAM
1522
This media is not supported in your browser
VIEW IN TELEGRAM
91
This media is not supported in your browser
VIEW IN TELEGRAM
10
This media is not supported in your browser
VIEW IN TELEGRAM
9
Max [RED Group x htmllessons]
🚀 Ролик “14 ОШИБОК, которые УБИВАЮТ твой REACT-проект!” уже на канале RED Group! В этом видео: - Ошибки с useMemo и useCallback - Вкладка Performance в Chrome - Chrome Task Manager - box-shadow плох для оптимизации? - 3D-анимация без оптимизации -…
Это не всё! Сегодня Вас порадую еще одним видео. Уже курсом по REACT, но в новом обличии рубрики "КЧП".

Как и писал в комментах, если рубрика зайдет. То сделаем по Angular, просто мне самому очень хочется и мы отработали хорошую систему по написанию сценариев.

А так уже в монтаже курс по Next js. 🎉
Please open Telegram to view this post
VIEW IN TELEGRAM
112
This media is not supported in your browser
VIEW IN TELEGRAM
🏆9
This media is not supported in your browser
VIEW IN TELEGRAM
9
Max [RED Group x htmllessons] pinned a photo
Max [RED Group x htmllessons]
☀️ ☀️ RED SUMMER 2025. Новые преимущества для участников! Проведя анализ, решили порадовать Вас крутыми бонусами, теперь марафон обретет еще большую ценность. - 🔥 (NEW!) Полный Roadmap по Front-end свежий, актуальный на 2025-2026 год (5 страниц = 5 уровней…
🔥Показываю проекты, которые будут на RED SUMMER 2025.
Финальный шанс — старт через 4 дня!

5-недельный марафон по фронтенду
Для тех, кто хочет не “смотреть”, а делать (практиковать).
Два проекта на выбор. Чёткие задачи каждый день. (+Ревью)
Результат — два готовых кейса в портфолио и огромный багаж практики.



✈️ SkyTrack (уровень начинающий)

На выходе (только минимальная часть тем):
• Поиск и фильтрация рейсов по данным
• Детали рейса с маршрутами, скоростью, статусом
• Карта с отображением полёта
• Избранное
• Темная/светлая тема, адаптив
• Интеграция с реальным API

Стек (он на ваш выбор! Но если брать по умолчанию):
React, React Router Dom, Tailwind, Leaflet, Tanstack Query, API, Framer Motion, TypeScript

Чему научишься (только часть тем):
Работать с роутингом, подключать и обрабатывать внешние API, строить структуру компонентов, управлять состоянием, интегрировать карту, делать адаптив и темы




📊 TaskHub (уровень продвинутый)

На выходе (только минимальная часть тем):
• Дашборд с задачами, графиками и чатом
• Кастомная авторизация (access/refresh)
• Защита роутов
• Настоящий чат: socket.io
• Таймлайн задач, фильтры, поиск
• Настройка профиля, работа через API

Стек (он на ваш выбор! Но если брать по умолчанию):
Next.js 15, Tailwind, Shadcn UI, Recharts, Supabase/socket.io, server actions, TypeScript

Чему научишься (только часть тем):
Выстраивать архитектуру, реализовывать авторизацию с access/refresh токенами, подключать real-time чат, управлять задачами и фильтрами, подключать графики, выносить бизнес-логику




📌 Формат:
• 5 недель, до 2 часов в день на проект
• Чёткие задачи каждый день
• Совместная разработка: я прохожу с вами
• Я буду отправлять свой процесс разработки в формате видео
• Сертификат за выполненный проект
• Лучшему — доступ “Навсегда” (70 000 ₽) как приз!



💸 Стоимость: 3 990 ₽
👉Оплата: @red_summer_2025_bot

Места еще есть!

📄 Вот тут полный список преимуществ: https://t.me/redgroup/2811

PS. Программа полностью расписана на все дни!

Как вам дизайны? 👇
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
17👍521
🚀 Ролик “КУРС REACT JS для начинающих - Изучи Реакт с нуля на примере Netflix!” уже на канале RED Group!

В этом видео:
- Стартуем с создания проекта
- Основы React
- Разбираем useState и взаимодействие с данными
- Используем useMemo, useCallback, useDebounce
- Погружаемся в роутинг и lazy loading/suspense
- Обсуждаем архитектуру и FSD подход
- Роутинг
- Смена темы Контекст и глобальное состояние (Context API)
- Типизация

И все это на примере Netflix и другие темы в тайм кодах.

Не забудь прожать лайк и подписку 👍!

▶️ https://youtu.be/UC2vnwCY4T4

ПРОМОКОД СКИДКА 15% (ТОЛЬКО 3 дня!) - REACT
💎 Наши интенсивы и мастер-классы — без воды, только практика:
https://htmllessons.link/tIy16la

❤️ Отзывы — @htmllessons_reviews
Please open Telegram to view this post
VIEW IN TELEGRAM
28👍75🏆22