This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Max [RED Group x htmllessons]
Найдена еще одна утечка GPU, оказывается CSS тоже может съедать прилично. Кто обучался у нас на платформе видел анимированные, пульсирующие круги по краям. Так вот оказывается box-shadow не ускоряется аппаратно, при анимации он всегда отрисовывается с нуля…
Как и обещал, сделали для Вас большое видео с ошибками по оптимизации из реального опыта.
В этот раз 14 ошибок вместо десяти. Как обычно с сочным монтажом.
🔥 Публикуем сегодня?
У нас уровень канала просел, давайте вернем "уровень 6" - https://t.me/boost/redgroup
В этот раз 14 ошибок вместо десяти. Как обычно с сочным монтажом.
У нас уровень канала просел, давайте вернем "уровень 6" - https://t.me/boost/redgroup
Please open Telegram to view this post
VIEW IN TELEGRAM
- Ошибки с useMemo и useCallback
- Вкладка Performance в Chrome
- Chrome Task Manager
- box-shadow плох для оптимизации?
- 3D-анимация без оптимизации
- Неоптимальное использование Zustand и motion
- Проблемы с анимацией, priority и ререндерами
И другие темы в тайм-кодах.
Не забудь прожать лайк и подписку 👍!
https://htmllessons.link/cAWWsNq
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Max [RED Group x htmllessons]
Это не всё! Сегодня Вас порадую еще одним видео. Уже курсом по REACT, но в новом обличии рубрики "КЧП".
Как и писал в комментах, если рубрика зайдет. То сделаем по Angular, просто мне самому очень хочется и мы отработали хорошую систему по написанию сценариев.
А так уже в монтаже курс по Next js.🎉
Как и писал в комментах, если рубрика зайдет. То сделаем по Angular, просто мне самому очень хочется и мы отработали хорошую систему по написанию сценариев.
А так уже в монтаже курс по Next js.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🏆9
This media is not supported in your browser
VIEW IN TELEGRAM
Max [RED Group x htmllessons]
Финальный шанс — старт через 4 дня!
5-недельный марафон по фронтенду
Для тех, кто хочет не “смотреть”, а делать (практиковать).
Два проекта на выбор. Чёткие задачи каждый день. (+Ревью)
Результат — два готовых кейса в портфолио и огромный багаж практики.
⸻
На выходе (только минимальная часть тем):
• Поиск и фильтрация рейсов по данным
• Детали рейса с маршрутами, скоростью, статусом
• Карта с отображением полёта
• Избранное
• Темная/светлая тема, адаптив
• Интеграция с реальным API
Стек (он на ваш выбор! Но если брать по умолчанию):
React, React Router Dom, Tailwind, Leaflet, Tanstack Query, API, Framer Motion, TypeScript
Чему научишься (только часть тем):
Работать с роутингом, подключать и обрабатывать внешние API, строить структуру компонентов, управлять состоянием, интегрировать карту, делать адаптив и темы
⸻
На выходе (только минимальная часть тем):
• Дашборд с задачами, графиками и чатом
• Кастомная авторизация (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 ₽
Места еще есть!
PS. Программа полностью расписана на все дни!
Как вам дизайны? 👇
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
- Стартуем с создания проекта
- Основы React
- Разбираем useState и взаимодействие с данными
- Используем useMemo, useCallback, useDebounce
- Погружаемся в роутинг и lazy loading/suspense
- Обсуждаем архитектуру и FSD подход
- Роутинг
- Смена темы Контекст и глобальное состояние (Context API)
- Типизация
И все это на примере Netflix и другие темы в тайм кодах.
Не забудь прожать лайк и подписку 👍!
https://htmllessons.link/tIy16la
Please open Telegram to view this post
VIEW IN TELEGRAM
Max [RED Group x htmllessons]
Как вам новая рубрика?
КЧП - Курс через практику
Пишите идеи для следующих курсов в комменты в таком формате: технология - громкий популярный проект.
Пример
React - Netflix (уже опубликовано)
Next - секрет (уже в монтаже)
Angular - ваш вариант
И так далее
КЧП - Курс через практику
Пишите идеи для следующих курсов в комменты в таком формате: технология - громкий популярный проект.
Пример
React - Netflix (уже опубликовано)
Next - секрет (уже в монтаже)
Angular - ваш вариант
И так далее
⏳ Тайм-коды:
Рассказа про сервис платежей, на который мы перешли 2 месяца назад
00:00 - Переход с Юкассы на новый сервис из-за ограниченного количества методов оплаты
00:59 - Новый сервис обещает улучшения и готов принимать фидбэк для исправлений
01:58 - Новый сервис предлагает больше методов оплаты, включая рассрочку и иностранные платежи
02:57 - Интерфейс и скорость работы нового сервиса крайне неудобны и тормозят работу
03:56 - API нового сервиса неудобен и вызывает постоянные проблемы при интеграции
04:55 - Важность надежной верификации платежей и критика способа оплаты нового сервиса
06:00 - Негативное отношение к качеству сервиса и сравнение с идеальным сервисом Frame.io
06:53 - Frame удобный и быстрый облачный сервис для работы с видеоматериалами
07:52 - Frame обеспечивает высокую скорость загрузки и скачивания файлов через браузер
08:51 - Ожидание реакции сервиса на фидбэк и обещание держать аудиторию в курсе ситуации
🤖 Таймы генерирует нейросеть, через наш бот
Рассказа про сервис платежей, на который мы перешли 2 месяца назад
00:00 - Переход с Юкассы на новый сервис из-за ограниченного количества методов оплаты
00:59 - Новый сервис обещает улучшения и готов принимать фидбэк для исправлений
01:58 - Новый сервис предлагает больше методов оплаты, включая рассрочку и иностранные платежи
02:57 - Интерфейс и скорость работы нового сервиса крайне неудобны и тормозят работу
03:56 - API нового сервиса неудобен и вызывает постоянные проблемы при интеграции
04:55 - Важность надежной верификации платежей и критика способа оплаты нового сервиса
06:00 - Негативное отношение к качеству сервиса и сравнение с идеальным сервисом Frame.io
06:53 - Frame удобный и быстрый облачный сервис для работы с видеоматериалами
07:52 - Frame обеспечивает высокую скорость загрузки и скачивания файлов через браузер
08:51 - Ожидание реакции сервиса на фидбэк и обещание держать аудиторию в курсе ситуации
🤖 Таймы генерирует нейросеть, через наш бот
⏳ Тайм-коды:
00:00 - Бот запущен
01:19 - Автор находится в трансформационном периоде
02:38 - Важно создать свой уникальный вектор развития
03:57 - Вертикальные видео и edutainment
06:35 - Разработка контента во фронт-энде занимает много времени
07:54 - Вертикальный контент плохо заходит
09:13 - Ошибка в приоритизации
10:32 - Маркетинг должен быть в приоритете
11:51 - Необходимость найти темы, которые будут вызывать у автора сильные эмоции и энергию для контента.
🤖 Таймы генерирует нейросеть, через наш бот
00:00 - Бот запущен
01:19 - Автор находится в трансформационном периоде
02:38 - Важно создать свой уникальный вектор развития
03:57 - Вертикальные видео и edutainment
06:35 - Разработка контента во фронт-энде занимает много времени
07:54 - Вертикальный контент плохо заходит
09:13 - Ошибка в приоритизации
10:32 - Маркетинг должен быть в приоритете
11:51 - Необходимость найти темы, которые будут вызывать у автора сильные эмоции и энергию для контента.
Please open Telegram to view this post
VIEW IN TELEGRAM
Сегодня говорим про сахар — и почему он на самом деле забирает, а не даёт энергию. Расскажу про личный опыт отказа от сахара на 1 месяц.
Как влияет на продуктивность, концентрацию и почему после сладкого хочется спать.
Пишите идеи и темы для будущих видео в комментарии.
#rc@redgroup
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11
Max [RED Group x htmllessons]
Курс по Next js сегодня или через два дня?
💯 - Сегодня
👍 - Через два дня
👍 - Через два дня
Please open Telegram to view this post
VIEW IN TELEGRAM
Max [RED Group x htmllessons]
Курс по Next js сегодня или через два дня? 💯 - Сегодня 👍 - Через два дня
Закончил писать тайм коды, скоро будет на канале. Все таки мне кажется по эмоции этот курс лучше чем по Реакту. Просто потому что я с next каждый день работаю и знаю его почти от А до Я.
Я честно рекомендую смотреть курс полностью, в тайм кодах я все не покрыл. Там есть скрытые крутые темы, которые обладают фишками, они были вне сценария, поэтому и в таймах их не будет.
Я честно рекомендую смотреть курс полностью, в тайм кодах я все не покрыл. Там есть скрытые крутые темы, которые обладают фишками, они были вне сценария, поэтому и в таймах их не будет.