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 081 підписників, посідаючи 4 985 місце в категорії Технології та додатки та 24 911 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 26 081 підписників.
За останніми даними від 27 серпня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -169, а за останні 24 години на -4, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 10.15%. Протягом перших 24 годин після публікації контент зазвичай збирає 5.75% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 2 648 переглядів. Протягом першої доби публікація в середньому набирає 1 500 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 9.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як 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”
Завдяки високій частоті оновлень (останні дані отримано 28 серпня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
26 081
Підписники
-424 години
-437 днів
-16930 день
Архів дописів
26 081
Релиз React 19.2 с ключевыми обновлениями для оптимизации производительности
Еще одна обзорная статья о новшествах: Activity API, позволяющий скрывать UI, сохраняя состояние и размонтируя эффекты, и хук
useEffectEvent, который упрощает управление логикой эффектов.
https://blog.logrocket.com/react-19-2-is-here/26 081
Фронтенд, покодим на 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 октября.
26 081
Веб-Стандарты — Выпуск 496
Chrome 141, гриды, Node.js, if() и цвета в CSS, Prettier, агенты в Playwright, вайб-инжиниринг
https://web-standards.ru/podcast/496/
26 081
Прекратите писать REST API вручную
Разработка API вручную с повторяющимися определениями и ручной валидацией это трудоемкий процесс, подверженный ошибкам. Переход к схема-ориентированному подходу с единым контрактом позволяет автоматизировать валидацию, типизацию и документацию, делая создание API быстрее и надежнее.
https://blog.logrocket.com/stop-writing-rest-apis-from-scratch/
26 081
Игры для PS2 теперь можно писать на JavaScript!
Обнаружен интересный движок AthenaEnv, который использует модифицированный QuickJS для запуска JavaScript-кода на консоли. Он предоставляет мощный API для разработки 2D-игр, включая рендеринг, обработку ввода и управление ресурсами, делая процесс создания игр для PS2 более доступным.
https://jslegenddev.substack.com/p/you-can-now-make-ps2-games-in-javascript
26 081
Repost from Habr For Dev
#html #css
Коллекция полезных HTML и CSS фич, которые редко используются
Привет, Хабр!Я люблю помогать фронтендерам больше узнать о HTML и CSS. Общаясь, я составил список HTML и CSS фич, которые полезные, но почему-то о них мало кто знает. В этой статье я пришёл поделиться ими.Давайте посмотрим, что я вам подготовил.
⭐️⭐️◽️◽️◽️
📖 Читать
26 081
Как оптимизировать Viewport для мобильных устройств для более быстрого взаимодействия
Неправильно настроенный метатег viewport может вызвать задержку отклика мобильных браузеров до 300 миллисекунд после каждого касания, делая интерфейс медленным и ухудшая пользовательский опыт. Анна Монус рассказывает, как можно определить что viewport не оптимизирован и как это исправить.
https://www.debugbear.com/blog/optimize-viewport-for-mobile?utm_campaign=Issue-622
26 081
Что вы должны знать о современных возможностях CSS (2025 Edition)
Много нововведений значительно упрощающих работу с анимациями, макетами и интерактивными элементами: анимация до
auto, кастомные функции, продвинутые popover и select, а также улучшенный контроль типографики и форм.
https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-2025-edition/26 081
Туториал по React 19
Создаем проект AI Code Explainer: Express на бэкенде, настраиваем REST эндпоинты которые общаются с LLM, а на фронте React 19 + Tailwind.
https://www.youtube.com/watch?v=W4M-g9wsEC4
26 081
Группируем данные с помощью методов Object.groupBy() и Map.groupBy().
Избавляемся от классического и объемного метода с использованием reduce.
https://allthingssmitty.com/2025/10/06/grouping-arrays-in-modern-javascript-object-groupby-and-map-groupby/
26 081
+1
Не фича, а баг — пора фиксить. Это мы про страхи.
На связи команда международной IT-компании Garage Eight. Мы считаем, что настоящие прорывы случаются там, где нам страшно.
В этот раз ребята из нашей команды устроили себе челлендж — бросить вызов своим страхам: высоты, крови и публичных выступлений! Но им нужна ваша поддержка.
Голосуйте, кто из героев должен встретиться со своей фобией и преодолеть её!
➡ Поддержите наш челлендж на сайте
26 081
Превращаем 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
26 081
Создание адаптивных SVG с помощью <symbol>, <use> и медиа-запросов CSS
Энди Кларк объясняет, как создавать "адаптивные SVG", которые корректно отображаются на различных устройствах. Он использует элементы <symbol> и <use>, а также медиа-запросы CSS для адаптации графики к размеру экрана (например изменение формата изображенияс 16:9 на 3:4 ).
https://smashingmagazine.com/2025/10/smashing-animations-part-5-building-adaptive-svgs/
26 081
Для чего можно использовать if в CSS?
If заменяет сложные обходные пути на явную встроенную логику, делая стилизацию компонентов более самодостаточной и удобной для поддержки. Сравнение if с media queries и container queries.
https://blog.logrocket.com/css-if-function-conditional-styling-2025/
26 081
День открытых дверей онлайн-программы «Frontend-разработчик»
Центр непрерывного образования ФКН НИУ ВШЭ открывает набор на обучение фронтенд-разработке. Слушатели познакомятся с HTML, CSS, JavaScript, TypeScript, React.js. Программа включает создание адаптивных пользовательских интерфейсов, работу с одностраничными приложениями (SPA) и реализацию итоговых проектов.
Узнать подробнее о онлайн-курсе по фронтенду вы сможете на Дне открытых дверей:
🟣как устроена веб-разработка
🟣кто такие фронтенд-разработчики и чем они занимаются
🟣что умеет делать фронтендер и почему карьера в разработке является интересной и перспективной
🟣какие знания вы приобретете на курсе и какие навыки сформируете в процессе обучения
🟣как получить максимальную пользу от занятий на курсе
Спикеры:
🎙Андрей Сухов, старший эксперт по технологиям в Сбере и преподаватель онлайн-курса «Frontend-разработчик» Центра непрерывного образования ФКН.
🎙Таисия Ахматова, менеджер по работе со слушателями и организации учебного процесса Центра непрерывного образования ФКН.
Когда: 8 октября в 18:30.
Регистрация 📍
Реклама. НИУ "ВШЭ". ИНН 7714030726. erid:2SDnjcshz8o
26 081
Исследуем малоизвестные CSS медиазапросы
Помимо базовых
@media(min-width), существует множество мощных дескрипторов, таких как hover, forced-colors или prefers-reduced-motion, позволяющих тонко настраивать интерфейс под возможности устройств и предпочтения пользователей. Их использование помогает создавать более гибкие веб-решения и улучшать UX.
https://frontendmasters.com/blog/learn-media-queries/26 081
Создаем fullstack приложение для стриминга на Golang + React + MongoDB
Подробный (и долгий) туториал по созданию приложения для стриминга фильмов с AI-рекомендациями: настройка роутинга с react-router-dom, реализация аутентификации и встраивание видео с помощью react-player. Плюс бэкенд на Go, работа с MongoDB и деплой готового React-приложения на Vercel
https://www.youtube.com/watch?v=jBf7of9JTV8
26 081
TravelsJS: быстрая framework-agnostic библиотека для функционала undo/redo
Библиотека использует JSON Patch для эффективного хранения изменений состояния и позволяет легко создавать функции "путешествия во времени" для любых JavaScript-приложений.
https://github.com/mutativejs/travels
26 081
Как использовать TanStack DB для разработки реактивных offline-ready приложений на React
Туториал по созданию таск менеджера с оптимистичными обновлениями, поддержкой оффлайн режима и другими полезными фичами на основе минимального бойлерплейта.
https://blog.logrocket.com/tanstack-db-ux/
26 081
Учебники и туториалы — это хорошо. Но реальный фронтенд часто работает иначе.
В канале Frontend VK Hub инженеры из VK делятся практическим опытом: что взлетает, какие нестандартные вызовы случаются и что помогает делать интерфейсы лучше. Подписывайтесь.
