FrontEndDev
Відкрити в Telegram
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m AI и вайбкод @vibe_and_ai Читать на парковке: https://max.ru/front_end_dev Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G
Показати більше
Сітка:📈 Аналітичний огляд Telegram-каналу FrontEndDev
Канал FrontEndDev (@front_end_dev) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 26 088 підписників, посідаючи 5 021 місце в категорії Технології та додатки та 25 058 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 26 088 підписників.
За останніми даними від 25 серпня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -160, а за останні 24 години на 5, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 10.85%. Протягом перших 24 годин після публікації контент зазвичай збирає 6.11% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 2 833 переглядів. Протягом першої доби публікація в середньому набирає 1 595 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 10.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як css, api, интерфейс, html, frontend.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“🚀 Статьи, новости, туториалы по frontend разработке.
http://jem-space.ru
Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai
Читать на парковке: https://max.ru/front_end_dev
Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G”
Завдяки високій частоті оновлень (останні дані отримано 26 серпня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
26 088
Підписники
+524 години
-397 днів
-16030 день
Архів дописів
26 087
В нашем канале много ценного для разработчиков по подготовке к собесам👇
Уже 2 года мы развиваем комьюнити, где 10000+ разработчиков, и вместе мы тренируем собеседования и выжимаем из рынка максимум!Полные разборы собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ Стримы с гостями и записями: Как проходить собеседование на английском Как решать livecoding задачи Прокачали более 30 резюме вместе с Юрой Сборники вопросов по темам: Кибербезопасность на собеседовании Все вопросы по React на собеседовании Все вопросы по TypeScript на собеседовании Как решать задачи двумя указателями Вопросы с Vue собеседований Вопросы по сетям и методологиям с 200 собесов Вопросы по JS с 200 собесов Какие задачи спрашивают на livecoding чаще Полезные посты: Job-борды для поиска работы Запись нашего самого кринжового собеса Новый HTTP метод QUERY Статистика по рынку: Июль, Июнь, Май, Апрель, Март Текущие рекорды участников: Оффер 6800$ net с релокацией на Кипр Из Шанхая до 4500$ в американскую компанию Получили 427 000 на руки в Сбер и отказались Выбили 380 000 на руки в банк и приняли! Наши встречи в Питере, Москве, Шанхае Как я прохожу собесы на ютубе: Оффер 260к на Go в Empoycity Оффер 300к на Go в "Системная интеграция" Отжал 390 gross + 25% премии в Иннотех Оффер на лида 415 gross + 20% премии в ПСБ А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме) Подписывайся 👇 https://t.me/frontend_punks Реклама, erid: 2W5zFG1gAnM ИП Галактионов Тихон Витальевич, ИНН 771618975809
26 087
⚡️⚡️HolyjS снова собирает JS-разработчиков. Уже 10-ый год подряд!
Уже десять лет мы вместе с JS-сообществом следим за тем, как меняется экосистема, разбираемся в новых технологиях и собираем инженеров, которым интересно копать глубже и смотреть на разработку с разных ракурсов.
🎇В программе нового сезона — глубокие технические доклады про язык и его экосистему, производительность, архитектуру, Node.js, фреймворки и инструменты разработки. И, конечно, не будем делать вид, что ИИ не существует: поговорим о том, как его уже сегодня применяют во фронтенде и какие инженерные задачи он помогает решать на практике.
Лучший способ отметить десятилетие HolyJS — сделать еще одну сильную техническую конференцию.
Поэтому главное, как всегда, — программа.
Но без юбилейных сюрпризов тоже не обойдется: готовим несколько ностальгических активностей, чтобы вместе вспомнить самые яркие моменты HolyJS за эти годы.
🗓 23–24 октября HolyJS пройдет в Санкт-Петербурге и онлайн.
Программа постепенно пополняется новыми докладами.
Билеты уже в продаже: можно купить индивидуальный или оформить корпоративное участие для команды. Все подробности — на сайте.
🚀 А у подписчиков FrontEndDev есть уникальная возможность выиграть онлайн билет! Заполняйте простую форму — итоги подведем 30 августа! Всем удачи! ✌️
26 087
Как реализовать JWT-аутентификацию в NestJS
Собираем базовый флоу: регистрация с хешированием пароля bcrypt, логин — через LocalStrategy и выдачу access_token, а защищённые роуты — через JwtStrategy и guard с проверкой Bearer-токена.
https://blog.logrocket.com/how-to-implement-jwt-authentication-nestjs/
26 087
Отложенные и мгновенные подсказки на чистом HTML + CSS
Вместо
setTimeout и сложного шаринга состояния в JS можно сделать UX-тайминг tooltip’ов через popover="hint" и CSS: подсказка сначала появляется с задержкой для случайных проходов курсора, а затем — мгновенно при повторном наведении.
https://master.dev/blog/delayed-then-instant-tooltips-with-html-css-alone/26 087
Где прокачать фронтенд в магистратуре
В ИТМО завершается набор на онлайн-магистратуру «Фронтенд-, бэкенд-разработка и ИИ-решения», созданную совместно с Яндекс Практикумом. Программа рассчитана на два года и подойдет и тем, кто только начинает путь в разработке, и действующим специалистам.
В программе:
- 9 треков под разный уровень и стек: от JavaScript, Python, Java и C++ до продвинутых направлений с асинхронностью, микросервисами, высокими нагрузками, Kafka, Spring Boot, NestJS и C++/Boost;
- Нейросети как рабочий инструмент: на всех треках изучают промпт-инжиниринг и применение ИИ для генерации кода, тестов и документации, дебаггинга и других задач;
- Отдельный трек по ИИ в разработке – проектирование LLM-систем, RAG-пайплайны, мультиагентные сети и внедрение AI-компонентов в продакшен;
- Практика на реальных задачах партнеров программы и сервисов Яндекса. Соберете 10+ кейсов в портфолио и сможете работать над собственным проектом;
Обучение проводиться онлайн и в вечернее время – так можно совмещать учебу с работой. Также сохраняются студенческие льготы и возможность отсрочки от армии.
Выпускники получат диплом магистра ИТМО и диплом о профессиональной переподготовке от Яндекс Практикума.
Посмотреть программу и условия поступления
26 087
µJS — лёгкая библиотека AJAX-навигации
µJS ускоряет сайт без фреймворков: перехватывает клики по ссылкам и отправку форм, подгружает новую HTML-страницу в фоне и заменяет только изменившийся контент, без полного перезагрузки. Библиотека весит около 5KB gzipped, не требует сборки и работает с любым бэкендом — достаточно подключить один скрипт и вызвать
mu.init().
https://mujs.org/26 087
React Router v8: ленивые страницы и вложенные маршруты
В React Router v8 пакеты объединены:
react-router-dom больше нет, а ключевые API импортируются напрямую из react-router. Используйте lazy + Suspense для code-splitting по страницам, Routes/Route для матчинга ветки с ранжированием, HashRouter для удобной статики и wildcard-роут * для нормального 404.
https://reactdevelopment.substack.com/p/react-router-v8-in-action-lazy-loading26 087
Анимируем CSS border-image: градиентная рамка, которая рисуется при наведении
Свойство
border-image позволяет использовать картинку или градиент как рамку вместо обычных линий. Можно также анимировать border-image-slice и управлять повторением через border-image-repeat: round.
https://css-tricks.com/animating-css-border-image/26 087
3 хорошие привычки начинающего фронтендера
Начните думать о пользователе: увеличивайте кликабельные области. Правильно подбирайте
type и inputmode для форм, чтобы браузер показывал ожидаемую виртуальную клавиатуру. Относитесь к alt осознанно: для декоративных изображений оставляйте alt="", чтобы скринридеры не озвучивали лишний шум.
https://habr.com/ru/companies/ruvds/articles/1066724/26 087
🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер
13 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Даниилу
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе.
26 087
Монолит больше не приговор: строим быстрые и гибкие микрофронтенды на ES-модулях
Монолитное фронтенд-приложение можно разрезать на микрофронты, собирая их как нативные ES-модули: меньше конфликтов зависимостей, быстрее загрузка и естественный lazy loading через
import(). Для интеграции нужен чёткий контракт между хостом и микрофронтом (и единый механизм монтирования в Shadow DOM с обработкой ошибок/состояний.
https://habr.com/ru/companies/sberbank/articles/106749626 087
5 CSS-свойств, которые прокачают дизайн текста
Показывайте фон внутри букв через
background-clip: text, управляйте вертикальным выравниванием инлайновых элементов через vertical-align, добавляйте выразительность letter-spacing и еще несколько свойств и кейсов их применения — по ссылке.
https://master.dev/blog/typographic-css-tricks/26 087
Фронтенд не умер — просто AI уже копает за нас лопатой
AI уже берёт на себя рутину: помогает делать черновики, тесты и фикстуры, ускоряет миграции и онбординг, а также может расследовать инциденты и собирать десятки связанных PR.
Главный риск не в плохом коде, а в скорости: растут объём ревью, число переделок и вероятность уверенно закрепить неверное решение, поэтому нужны планы, этапная проверка и ответственность инженера за результат.
https://habr.com/ru/companies/avito/articles/1066228/
26 087
Переходы View Transitions: важно не сделать интерфейс некликабельным
Если не настроить View Transitions, псевдоэлемент
::view-transition может перекрыть весь вьюпорт на время анимации и блокировать клики по интерактивным элементам. Решение — отключить участие :root в снапшоте и убрать перехват событий у ::view-transition. Подробнее — в статье
https://master.dev/blog/view-transitions-careful-not-to-make-stuff-unclickable/26 087
Конец адаптивных изображений.
Атрибут
sizes для <img> раньше был самым сложным: его синтаксис приходилось постоянно держать в актуальном состоянии вместе с CSS.
Идея в том, чтобы перейти к Client Hints: браузер подсказывает серверу нужный размер, сервер присылает подходящее изображение, а разметка сводится к простому <img src="" alt=""> (плюс не забыть про lazy loading).
https://master.dev/blog/ending-responsive-images/26 087
Опенсорсная Весёлая Ферма: поднимаем preview‑окружения без боли.
Пример построения системы сборок. Preview‑окружения для каждого пул‑реквеста перестают быть ручной магией: код из ветки собирается, запускается изолированный инстанс и ему выдаётся уникальный URL, а проксирование трафика берёт на себя nginx/Ingress.
https://habr.com/ru/companies/yandex/articles/1064394/
26 087
🔴 Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг
6 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Алексею
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе.
26 087
🔴 Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг
6 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Алексею
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе.
26 087
Обфускация JavaScript в эпоху ИИ: всё ещё имеет смысл?
Обфускация не делает фронтенд секретным: браузерный код всё равно можно извлечь, но становится заметно сложнее читать, копировать и безопасно модифицировать. ИИ ускоряет понимание и может собирать правдоподобную чистую версию. Используйте обфускацию только как часть защиты, а реальные ключи, авторизацию и валидацию критичных правил держите на сервере.
https://www.jstools.space/blog/javascript-obfuscation-ai/
26 087
Как верстали 15 лет назад
Вырезки из книги по верстке 2004 года: забавные техники, которые были актуальны в то время.
https://habr.com/ru/companies/ruvds/articles/1060630/
