Заметки Фронтендера
Открыть в Telegram
Сборник курсов по frontend и web-дизайн Ссылка: @Portal_v_IT Сотрудничество, авторские права: @oleginc, @tatiana_inc Канал на бирже: https://telega.in/c/frontend_tg
Больше5 921
Подписчики
-524 часа
-147 дней
-9030 день
Загрузка данных...
Похожие каналы
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
июнь '26
июнь '26
+3
в 0 каналах
май '26
+13
в 0 каналах
Get PRO
апрель '26
+10
в 0 каналах
Get PRO
март '26
+16
в 0 каналах
Get PRO
февраль '26
+25
в 0 каналах
Get PRO
январь '26
+24
в 0 каналах
Get PRO
декабрь '25
+24
в 0 каналах
Get PRO
ноябрь '25
+25
в 0 каналах
Get PRO
октябрь '25
+22
в 0 каналах
Get PRO
сентябрь '25
+25
в 0 каналах
Get PRO
август '25
+35
в 0 каналах
Get PRO
июль '25
+29
в 0 каналах
Get PRO
июнь '25
+29
в 0 каналах
Get PRO
май '25
+31
в 0 каналах
Get PRO
апрель '25
+33
в 0 каналах
Get PRO
март '25
+32
в 0 каналах
Get PRO
февраль '25
+53
в 0 каналах
Get PRO
январь '25
+53
в 0 каналах
Get PRO
декабрь '24
+43
в 1 каналах
Get PRO
ноябрь '24
+56
в 1 каналах
Get PRO
октябрь '24
+43
в 1 каналах
Get PRO
сентябрь '24
+41
в 0 каналах
Get PRO
август '24
+32
в 0 каналах
Get PRO
июль '24
+56
в 0 каналах
Get PRO
июнь '24
+74
в 0 каналах
Get PRO
май '24
+74
в 0 каналах
Get PRO
апрель '24
+81
в 0 каналах
Get PRO
март '24
+105
в 1 каналах
Get PRO
февраль '24
+110
в 0 каналах
Get PRO
январь '24
+88
в 0 каналах
Get PRO
декабрь '23
+38
в 0 каналах
Get PRO
ноябрь '23
+45
в 0 каналах
Get PRO
октябрь '23
+22
в 0 каналах
Get PRO
сентябрь '23
+32
в 0 каналах
Get PRO
август '23
+36
в 0 каналах
Get PRO
июль '23
+53
в 0 каналах
Get PRO
июнь '23
+36
в 0 каналах
Get PRO
май '23
+35
в 0 каналах
Get PRO
апрель '23
+21
в 0 каналах
Get PRO
март '23
+73
в 0 каналах
Get PRO
февраль '23
+244
в 0 каналах
Get PRO
январь '23
+541
в 0 каналах
Get PRO
декабрь '22
+1 574
в 0 каналах
Get PRO
ноябрь '22
+1 024
в 0 каналах
Get PRO
октябрь '22
+5 180
в 0 каналах
Get PRO
сентябрь '22
+5 530
в 0 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 16 июня | 0 | |||
| 15 июня | 0 | |||
| 14 июня | 0 | |||
| 13 июня | 0 | |||
| 12 июня | +2 | |||
| 11 июня | 0 | |||
| 10 июня | 0 | |||
| 09 июня | +1 | |||
| 08 июня | 0 | |||
| 07 июня | 0 | |||
| 06 июня | 0 | |||
| 05 июня | 0 | |||
| 04 июня | 0 | |||
| 03 июня | 0 | |||
| 02 июня | 0 | |||
| 01 июня | 0 |
Посты канала
Оптимизация React без лишних ререндеров
Сталкивался с ситуацией, когда интерфейс начинает тормозить по непонятным причинам? В React даже маленькие архитектурные ошибки могут привести к серьёзным проблемам с производительностью.
Основной фокус: понимание механизмов ререндеров, работа с мемоизацией через React.memo и useMemo, оптимизация тяжёлых вычислений и правильная работа с контекстом. Разбираются конкретные кейсы производительности с детальными примерами кода.Полезный материал для React-разработчиков, которые хотят писать быстрые интерфейсы и понимать, как избегать типичных ошибок оптимизации 🔥Ссылка на статью Заметки Фронтендера & Max
| 2 | ❗️Как Angular-приложение "потеряло" двух инженеров
Показатели интерфейса в норме, метрики в зелёной зоне, но пользователи всё равно недовольны UX-решениями? В этом разборе реальной истории Angular-приложения разбираем кейс, когда команда сократила двух фронтенд-разработчиков — не из-за плохого кода, а из-за слишком "хорошего".
Проблема: стабильное приложение с предсказуемой архитектурой Angular перестало требовать постоянных доработок и новых фич. Решение: команда поняла, что низкая сложность UI не генерирует новые задачи для разработчиков. В итоге пришлось пересмотреть подход к созданию взаимодействий и планированию работ.
Веская причина задуматься о том, как мы проектируем продуктовые циклы и действительно ли хорошая архитектура всегда означает меньше работы для команды
🔥Ссылка на статью
Заметки Фронтендера & Max | 160 |
| 3 | 📣 Подушка ортопедическая для сидения на стул с эффектом памяти
Цена: ~1000 руб. (без скидки 4900 руб.)
Доставка: бесплатная
🖱 Заказать
Ортопедическая подушка La fete является отличным средством улучшения качества жизни. Она изготовлена из плотного материала пенополиуретан с эффектом памяти.
Подушка поддерживает правильную позицию тела и уменьшает нагрузку на суставы.
#подушка #кресло
Больше полезных товаров в Находки Программиста | 75 |
| 4 | ❗️Курс Переход на Java: начните свой путь в программировании на полиглотах, получив четкое представление о Java
📖О курсе:
Это подробное руководство поможет разработчикам, не владеющим Java, которые уже используют разные языки, перейти со своего текущего языка на все, что связано с Java. Главы составлены таким образом, чтобы закрепить существующие знания разработчика об объектно-ориентированных методологиях применительно к Java.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 130 |
| 5 | ❗️React Router: навигация без перезагрузки страницы
Делаешь веб-приложение на React и сталкиваешься с задачей навигации между разными страницами? Пора разобраться с маршрутизацией.
В статье показывают базовый процесс настройки: от установки библиотеки через npm до создания маршрутов с помощью React Router DOM. Есть примеры кода для организации простых и вложенных путей, которые помогут понять основные концепции.
Пригодится всем, кто начинает свой путь во фронтенд-разработке на React и хочет освоить навигацию в одностраничных приложениях
🔥Ссылка на статью
Заметки Фронтендера & Max | 132 |
| 6 | ❗️WebView для киосков: когда SPA тормозит
Когда киоск самообслуживания начинает лагать, пользователь винит не WebView, а весь сервис. Как понять, что на самом деле тормозит — JavaScript, рендеринг или сетевое взаимодействие?
Основные проблемы: блокировка UI-потока в WebView, утечки памяти в React-приложении, латентность сетевых запросов. Решение — комплексный мониторинг с распределением метрик по каждому слою: нативный хост, WebView-движок и фронтенд-приложение.
Топовый подход для команд, которые поддерживают гибридные киоски и хотят отлаживать производительность на уровне всего стека, а не отдельных компонентов
🔥Ссылка на статью
Заметки Фронтендера & Max | 135 |
| 7 | ❗️Курс Освоение Go — четвертое издание: используйте опыт Go для создания продвинутых утилит, которые позволят вам разрабатывать профессиональное программное обеспечение
📖О курсе:
Книга Mastering Go, выходящая уже в четвёртом издании, остаётся основным ресурсом для реальной разработки Go. В этом подробном руководстве рассматриваются расширенные концепции Go, включая серверы RESTful и управление памятью Go. В этом выпуске представлены новые главы, посвященные дженерикам Go и нечеткому тестированию, а также расширенное исследование эффективности и производительности.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 145 |
| 8 | ❗️HTML/CSS-фичи, которые ты пропустил
Открываешь туториалы по HTML и CSS, и кажется, что всё уже изучено? А ведь за простыми тегами и классами скрываются настоящие жемчужины, которые работали ещё восемь лет назад и даже больше!
Что найдешь: поддержка SVG через data-URI в CSS, псевдоклассы для валидации форм, забытые атрибуты наподобие download, hidden-инпуты с типами и даже фичи, которые работали, когда автор только начинал во фронтенде — всё это до сих пор полезно в современной разработке.
Классный вариант для тех, кто хочет глубже понять веб-стандарты и использовать возможности, которые многие просто не замечают
🔥Ссылка на статью
Заметки Фронтендера & Max | 140 |
| 9 | Нейросети уже заменяют целые контент-команды. Но пока этим пользуются не все.
Пока одни тратят недели на дизайнеров, копирайтеров и съемки — другие делают продающий контент через нейросети за пару часов. А бизнес платит за это десятки тысяч, даже без опыта.
Сегодня с ИИ за вечер можно сделать:
— стильные рекламные визуалы
— продающие тексты
— персонажей и маскотов
— контент для соцсетей и карточек товаров
Освоить базовый навык можно за 3 для без сложных программ. На бесплатном мини-курсе вам покажут, как работать с ИИ так, чтобы получать качественный контент, который можно использовать для себя или продавать клиентам.
👉 Пока многие только смотрят ИИ-контент — вы можете начать его создавать. Переходите по ссылке и забирайте бесплатный доступ.
Реклама. Информация о рекламодателе по ссылкам в посте. | 112 |
| 10 | ❗️Современные альтернативы Electron для десктопа
Ищешь более лёгкие решения для десктопных приложений на веб-технологиях? В этом R&D сравнили три современных фреймворка на одинаковом тестовом приложении с React + TypeScript + Vite.
ElectroBun использует Bun как рантайм и системный WebView, потребляя всего 30 МБ ОЗУ. NeutralinoJS работает через встроенный браузер ОС и занимает около 50 МБ. Wails компилирует Go-бэкенд с WebView и показывает ~70 МБ памяти. Разница в архитектуре объясняет, почему одни решения легче других.
Отличный выбор для тех, кто хочет создавать десктопные приложения без лишнего веса Electron и готов экспериментировать с новыми подходами
🔥Ссылка на статью
Заметки Фронтендера & Max | 133 |
| 11 | ❗️Курс Разработка драйверов устройств Linux — второе издание: все, что вам нужно для начала разработки драйверов устройств для ядра Linux и встроенного Linux
📖О курсе:
Linux на сегодняшний день является наиболее часто используемым ядром во встраиваемых системах. Благодаря своим подсистемам ядро Linux поддерживает практически все области применения в промышленном мире. Это обновленное второе издание книги «Разработка драйверов устройств для Linux» представляет собой подробное введение в мир ядра Linux и различные подсистемы, из которых оно состоит, и будет полезно разработчикам встраиваемых систем из любой дисциплины.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 140 |
| 12 | ❗️Современный DI в TypeScript без декораторов
Каждый, кто пишет на TypeScript хотя бы пару лет, отлично знаком со стандартным DI-сценарием: класс, декоратор @Injectable(), флаг emitDecoratorMetadata в конфиге и рантайм-магия фреймворка. Этот подход казался прорывным в 2015 году, но современный TypeScript ушел далеко вперед.
Проблема: NestJS и InversifyJS используют рефлексию и декораторы, что нарушает treeshaking и требует Babel-плагинов. Решение — подход с явными зависимостями через функции-конструкторы, который обеспечивает статическую type safety и полную поддержку Vite/vite.
Стоит посмотреть всем, кто устал от магии рантайма и хочет писать чистый код с полной типизацией и без скрытых зависимостей
🔥Ссылка на статью
Заметки Фронтендера & Max | 143 |
| 13 | ❗️Новый оператор ?= для обработки ошибок в JavaScript
Устал от громоздких try-catch блоков, которые превращают чистый код в запутанное нагромождение? Разработчики JavaScript получают новый инструмент для элегантной обработки ошибок.
Оператор ?= позволяет обрабатывать ошибки прямо в цепочке методов, без try-catch. Что рассмотрено: синтаксис use?, синтаксис wait?, практические примеры с async/await, сравнение производительности с традиционными методами и реальные кейсы применения.
Идеальный инструмент для всех, кто работает с асинхронным JavaScript и хочет сделать код чище и читабельнее
🔥Ссылка на статью
Заметки Фронтендера & Max | 163 |
| 14 | ❗️Фронтенд-тесты: что, как и зачем
Берешься за новый фронтенд, но чувствуешь, что тесты нужны, а как их правильно внедрить — неясно? На этот случай собран гайд, который разбирает типы тестов, подходящие инструменты и принципы для внедрения в проект.
Разбираются уровни тестирования: модульные (Jest, Vitest), интеграционные (Cypress, Playwright), end-to-end и snapshot-тесты, а также метрики типа покрытия и отказоустойчивости. Показывают базовые примеры и объясняют, с чего начать.
Прекрасный старт для тех, кто хочет системно подойти к тестам и сделать код стабильнее, а отладку быстрее
🔥Ссылка на статью
Заметки Фронтендера & Max | 186 |
| 15 | ИИ больше не про хобби — он становится обязательным навыком, чтобы оставаться востребованным на рынке труда.
По оценкам экспертов, в ближайшее время до 80% вакансий будут требовать умения работать с нейросетями:
— генерировать визуал, видео, тексты для любых ниш;
— создавать реалистичный ИИ-контент;
— автоматизировать рутину.
Хорошие новости — освоить базовый минимум в создании контента с помощью ИИ можно всего за 3 дня. Вы сделаете ИИ своим рабочим инструментом и сократите рабочее время без потери качества.
Переходите по ссылке и получайте персональный доступ к урокам и бонусным материалам.
Реклама. Информация о рекламодателе по ссылкам в посте. | 156 |
| 16 | ❗️Охота за утечкой памяти в Vue/Nuxt: реальный кейс
Пытаешься починить утечку памяти на продакшене? В статье на Habr dev делится опытом 8-дневного расследования, где патч был найден в самом Vue, а потом откачен как регрессионный – теперь застряли на одной безопасной версии, и апдейты не безопасны.
Ключевая проблема: утечка в Nuxt 3.18 + Vue 3.5.x. После многочисленных проверок оказалось, что проблема была не в приложении, а в самом Vue — патч 3.5.20 исправлял её, но вызвал новые регрессии. Теперь единственная безопасная версия — 3.5.21, и даже patch/minor обновления требуют проверки heap-снапшотами.
Нужный кейс для фронтендеров на Vue, которые сталкиваются с необъяснимыми утечками и хотят понять реальный процесс дебага
🔥Ссылка на статью
Заметки Фронтендера & Max | 214 |
| 17 | ❗️Библиотека для рисования от руки на JavaScript
Как реализовать рисование от руки на сайте, чтобы оно работало на любых устройствах — пером на планшете, пальцем на сенсоре или мышью на компьютере? js-draw предлагает готовое решение без хлопот.
Ключевые возможности: поддержка мыши, сенсорных экранов и стилусов; настраиваемые кисти и цвета; режимы рисования и стирания; рендеринг на Canvas с сохранением истории действий; TypeScript-совместимость и минимум зависимостей.
Готовая библиотека для проектов, которым нужно рисование прямо в браузере без лишних танцев с API
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 200 |
| 18 | ❗️Почему MobX — лучшая альтернатива Redux?
Запутался в постоянных reducer'ах и action creator'ах в Redux? Есть инструмент, который делает состояние приложения таким же простым, как обычные JavaScript-объекты.
Ключевые преимущества MobX: реактивность на основе наблюдателей вместо диспетчеров, автоматическое управление зависимостями, минимальный бойлерплейт и высокая производительность. Как это работает: вы просто меняете объекты, а MobX автоматически вычисляет, что нужно обновить в интерфейсе.
Рекомендую попробовать MobX, если устал от громоздкой структуры Redux — особенно для проектов с быстро меняющимся состоянием и сложными формами
🔥Ссылка на статью
Заметки Фронтендера & Max | 222 |
| 19 | ❗️TypeScript-головоломки для практики
Прокачиваешь типизацию в TypeScript, но простые примеры уже не задают новый уровень? Эти головоломки разной сложности помогут глубоко погрузиться в систему типов.
База задач для практики с TypeScript — от простых типизаций до сложных утилитных типов. Что есть: задачи по сложности (Easy/Medium/Hard), онлайн-песочница для тестирования решений, примеры и объяснения типовых кейсов.
Классный ресурс для разработчиков, которые хотят не просто писать на TypeScript, а понимать его систему типов изнутри и создавать свои утилитарные типы
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 215 |
| 20 | ❗️Курс 50 концепций Java, которые должен знать каждый разработчик: идеальное руководство, с которого нужно начать работу каждому разработчику Java (50 концепций, которые должен знать каждый разработчик)
📖О курсе:
Эта Книга замечательна тем, что в ней есть не только фундаментальные понятия, но также промежуточные и продвинутые.
Вы изучите такие темы, как:
~ Проектирование шаблонов на Java.
~ Синхронизация потоков.
~ Перечисления.
~ Коллекции и методы
~ Создание API с помощью Spring Framework.
И многие другие концепции, которые помогут вам чувствовать себя более уверенно при использовании языка программирования Java.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 202 |
Уже доступно! Исследование Telegram 2025 — ключевые инсайты года 
