en
Feedback
FrontEndDev

FrontEndDev

Open in 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

Show more

📈 Analytical overview of Telegram channel FrontEndDev

Channel FrontEndDev (@front_end_dev) in the Russian language segment is an active participant. Currently, the community unites 26 466 subscribers, ranking 5 157 in the Technologies & Applications category and 25 119 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 26 466 subscribers.

According to the latest data from 11 June, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -155 over the last 30 days and by -8 over the last 24 hours, overall reach remains high.

  • Verification status: Not verified
  • Engagement rate (ER): The average audience engagement rate is 10.57%. Within the first 24 hours after publication, content typically collects 6.51% reactions from the total number of subscribers.
  • Post reach: On average, each post receives 2 798 views. Within the first day, a publication typically gains 1 723 views.
  • Reactions and interaction: The audience actively supports content: the average number of reactions per post is 13.
  • Thematic interests: Content is focused on key topics such as css, api, интерфейс, html, frontend.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
🚀 Статьи, новости, туториалы по 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

Thanks to the high frequency of updates (latest data received on 12 June, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

26 466
Subscribers
-824 hours
-337 days
-15530 days
Posts Archive
Фронтенд, покодим на Yandex Cup? Открыта регистрация на Yandex Cup — чемпионат Яндекса для разработчиков с призовым фондом 12
Фронтенд, покодим на Yandex Cup? Открыта регистрация на Yandex Cup — чемпионат Яндекса для разработчиков с призовым фондом 12 млн рублей и финалом в Стамбуле! Участники смогут соревноваться за призы и выход в финал, а ещё — пройти собеседование в Яндекс по упрощённой схеме. В направлении Фронтенд 5 призовых мест: 1 место — 500 000 ₽ 2 место — 400 000 ₽ 3 место — 300 000 ₽ 4 место — 200 000 ₽ 5 место — 100 000 ₽ Этапы Yandex Cup: 20–29 октября пройдёт пробный тур для знакомства с платформой и задачами. 2 ноября состоится квалификация, где будут определены 180 финалистов. Финал и церемония награждения пройдут офлайн 5–7 декабря в Стамбуле. Регистрируйтесь до 29 октября.

Веб-Стандарты — Выпуск 496 Chrome 141, гриды, Node.js, if() и цвета в CSS, Prettier, агенты в Playwright, вайб-инжиниринг htt
Веб-Стандарты — Выпуск 496 Chrome 141, гриды, Node.js, if() и цвета в CSS, Prettier, агенты в Playwright, вайб-инжиниринг https://web-standards.ru/podcast/496/

Прекратите писать REST API вручную Разработка API вручную с повторяющимися определениями и ручной валидацией это трудоемкий п
Прекратите писать REST API вручную Разработка API вручную с повторяющимися определениями и ручной валидацией это трудоемкий процесс, подверженный ошибкам. Переход к схема-ориентированному подходу с единым контрактом позволяет автоматизировать валидацию, типизацию и документацию, делая создание API быстрее и надежнее. https://blog.logrocket.com/stop-writing-rest-apis-from-scratch/

Игры для PS2 теперь можно писать на JavaScript! Обнаружен интересный движок AthenaEnv, который использует модифицированный Qu
Игры для PS2 теперь можно писать на JavaScript! Обнаружен интересный движок AthenaEnv, который использует модифицированный QuickJS для запуска JavaScript-кода на консоли. Он предоставляет мощный API для разработки 2D-игр, включая рендеринг, обработку ввода и управление ресурсами, делая процесс создания игр для PS2 более доступным. https://jslegenddev.substack.com/p/you-can-now-make-ps2-games-in-javascript

Repost from Habr For Dev
#html #css Коллекция полезных HTML и CSS фич, которые редко используются Привет, Хабр!Я люблю помогать фронтендерам больше уз
#html #css Коллекция полезных HTML и CSS фич, которые редко используются Привет, Хабр!Я люблю помогать фронтендерам больше узнать о HTML и CSS. Общаясь, я составил список HTML и CSS фич, которые полезные, но почему-то о них мало кто знает. В этой статье я пришёл поделиться ими.Давайте посмотрим, что я вам подготовил. ⭐️⭐️◽️◽️◽️ 📖 Читать

Как оптимизировать Viewport для мобильных устройств для более быстрого взаимодействия Неправильно настроенный метатег viewpor
Как оптимизировать Viewport для мобильных устройств для более быстрого взаимодействия Неправильно настроенный метатег viewport может вызвать задержку отклика мобильных браузеров до 300 миллисекунд после каждого касания, делая интерфейс медленным и ухудшая пользовательский опыт. Анна Монус рассказывает, как можно определить что viewport не оптимизирован и как это исправить. https://www.debugbear.com/blog/optimize-viewport-for-mobile?utm_campaign=Issue-622

Что вы должны знать о современных возможностях CSS (2025 Edition) Много нововведений значительно упрощающих работу с анимация
Что вы должны знать о современных возможностях CSS (2025 Edition) Много нововведений значительно упрощающих работу с анимациями, макетами и интерактивными элементами: анимация до auto, кастомные функции, продвинутые popover и select, а также улучшенный контроль типографики и форм. https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-2025-edition/

Туториал по React 19 Создаем проект AI Code Explainer: Express на бэкенде, настраиваем REST эндпоинты которые общаются с LLM,
Туториал по React 19 Создаем проект AI Code Explainer: Express на бэкенде, настраиваем REST эндпоинты которые общаются с LLM, а на фронте React 19 + Tailwind. https://www.youtube.com/watch?v=W4M-g9wsEC4

Группируем данные с помощью методов Object.groupBy() и Map.groupBy(). Избавляемся от классического и объемного метода с испол
Группируем данные с помощью методов Object.groupBy() и Map.groupBy(). Избавляемся от классического и объемного метода с использованием reduce. https://allthingssmitty.com/2025/10/06/grouping-arrays-in-modern-javascript-object-groupby-and-map-groupby/

Не фича, а баг — пора фиксить. Это мы про страхи. На связи команда международной IT-компании Garage Eight. Мы считаем, что на
+1
Не фича, а баг — пора фиксить. Это мы про страхи. На связи команда международной IT-компании Garage Eight. Мы считаем, что настоящие прорывы случаются там, где нам страшно. В этот раз ребята из нашей команды устроили себе челлендж — бросить вызов своим страхам: высоты, крови и публичных выступлений! Но им нужна ваша поддержка. Голосуйте, кто из героев должен встретиться со своей фобией и преодолеть её! ➡ Поддержите наш челлендж на сайте

Превращаем Node.js REST API в сервер в MCP Простой туториал, который показывает как обернуть существующий Node.js REST API се
Превращаем Node.js REST API в сервер в MCP Простой туториал, который показывает как обернуть существующий Node.js REST API сервер в MCP-сервер (Model Context Protocol), чтобы сделать его понятным и удобным для AI-агентов. https://feeds.dzone.com/link/23564/17181528/transform-nodejs-rest-api-to-mcp-server

Создание адаптивных SVG с помощью , и медиа-запросов CSS Энди Кларк объясняет, как создавать "адаптивные SVG", которые коррек
Создание адаптивных SVG с помощью <symbol>, <use> и медиа-запросов CSS Энди Кларк объясняет, как создавать "адаптивные SVG", которые корректно отображаются на различных устройствах. Он использует элементы <symbol> и <use>, а также медиа-запросы CSS для адаптации графики к размеру экрана (например изменение формата изображенияс 16:9 на 3:4 ). https://smashingmagazine.com/2025/10/smashing-animations-part-5-building-adaptive-svgs/

Для чего можно использовать if в CSS? If заменяет сложные обходные пути на явную встроенную логику, делая стилизацию компонен
Для чего можно использовать if в CSS? If заменяет сложные обходные пути на явную встроенную логику, делая стилизацию компонентов более самодостаточной и удобной для поддержки. Сравнение if с media queries и container queries. https://blog.logrocket.com/css-if-function-conditional-styling-2025/

День открытых дверей онлайн-программы «Frontend-разработчик» Центр непрерывного образования ФКН НИУ ВШЭ открывает набор на об
День открытых дверей онлайн-программы «Frontend-разработчик» Центр непрерывного образования ФКН НИУ ВШЭ открывает набор на обучение фронтенд-разработке. Слушатели познакомятся с HTML, CSS, JavaScript, TypeScript, React.js. Программа включает создание адаптивных пользовательских интерфейсов, работу с одностраничными приложениями (SPA) и реализацию итоговых проектов. Узнать подробнее о онлайн-курсе по фронтенду вы сможете на Дне открытых дверей: 🟣как устроена веб-разработка 🟣кто такие фронтенд-разработчики и чем они занимаются 🟣что умеет делать фронтендер и почему карьера в разработке является интересной и перспективной 🟣какие знания вы приобретете на курсе и какие навыки сформируете в процессе обучения 🟣как получить максимальную пользу от занятий на курсе Спикеры: 🎙Андрей Сухов, старший эксперт по технологиям в Сбере и преподаватель онлайн-курса «Frontend-разработчик» Центра непрерывного образования ФКН. 🎙Таисия Ахматова, менеджер по работе со слушателями и организации учебного процесса Центра непрерывного образования ФКН. Когда: 8 октября в 18:30. Регистрация 📍 Реклама. НИУ "ВШЭ". ИНН 7714030726. erid:2SDnjcshz8o

Исследуем малоизвестные CSS медиазапросы Помимо базовых @media(min-width), существует множество мощных дескрипторов, таких ка
Исследуем малоизвестные CSS медиазапросы Помимо базовых @media(min-width), существует множество мощных дескрипторов, таких как hover, forced-colors или prefers-reduced-motion, позволяющих тонко настраивать интерфейс под возможности устройств и предпочтения пользователей. Их использование помогает создавать более гибкие веб-решения и улучшать UX. https://frontendmasters.com/blog/learn-media-queries/

Создаем fullstack приложение для стриминга на Golang + React + MongoDB Подробный (и долгий) туториал по созданию приложения д
Создаем fullstack приложение для стриминга на Golang + React + MongoDB Подробный (и долгий) туториал по созданию приложения для стриминга фильмов с AI-рекомендациями: настройка роутинга с react-router-dom, реализация аутентификации и встраивание видео с помощью react-player. Плюс бэкенд на Go, работа с MongoDB и деплой готового React-приложения на Vercel https://www.youtube.com/watch?v=jBf7of9JTV8

TravelsJS: быстрая framework-agnostic библиотека для функционала undo/redo Библиотека использует JSON Patch для эффективного
TravelsJS: быстрая framework-agnostic библиотека для функционала undo/redo Библиотека использует JSON Patch для эффективного хранения изменений состояния и позволяет легко создавать функции "путешествия во времени" для любых JavaScript-приложений. https://github.com/mutativejs/travels

Как использовать TanStack DB для разработки реактивных offline-ready приложений на React Туториал по созданию таск менеджера
Как использовать TanStack DB для разработки реактивных offline-ready приложений на React Туториал по созданию таск менеджера с оптимистичными обновлениями, поддержкой оффлайн режима и другими полезными фичами на основе минимального бойлерплейта. https://blog.logrocket.com/tanstack-db-ux/

Учебники и туториалы — это хорошо. Но реальный фронтенд часто работает иначе. В канале Frontend VK Hub инженеры из VK делятся практическим опытом: что взлетает, какие нестандартные вызовы случаются и что помогает делать интерфейсы лучше. Подписывайтесь.

Where It’s at:// — как работает протокол AT и at:// URI Дэн Абрамов подробно разбирает, как устроен протокол AT (Atmosphere)
Where It’s at:// — как работает протокол AT и at:// URI Дэн Абрамов подробно разбирает, как устроен протокол AT (Atmosphere) и как at:// URI соотносятся с реальными JSON-данными в сети. Он шаг за шагом объясняет, как разрешается такой URI к физическому JSON-объекту. https://overreacted.io/where-its-at/