FrontEndDev
Ir al canal en 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
Mostrar más
Red:📈 Análisis del canal de Telegram FrontEndDev
El canal FrontEndDev (@front_end_dev) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 25 555 suscriptores, ocupando la posición 5 221 en la categoría Tecnologías y Aplicaciones y el puesto 25 433 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 25 555 suscriptores.
Según los últimos datos del 28 octubre, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -293, y en las últimas 24 horas de -14, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 9.60%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 5.79% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 2 454 visualizaciones. En el primer día suele acumular 1 479 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 12.
- Intereses temáticos: El contenido se centra en temas clave como css, api, интерфейс, html, frontend.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“🚀 Статьи, новости, туториалы по 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”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 29 octubre, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
25 555
Suscriptores
-1424 horas
-787 días
-29330 días
Archivo de publicaciones
25 553
Превращаем 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
25 553
Создание адаптивных SVG с помощью <symbol>, <use> и медиа-запросов CSS
Энди Кларк объясняет, как создавать "адаптивные SVG", которые корректно отображаются на различных устройствах. Он использует элементы <symbol> и <use>, а также медиа-запросы CSS для адаптации графики к размеру экрана (например изменение формата изображенияс 16:9 на 3:4 ).
https://smashingmagazine.com/2025/10/smashing-animations-part-5-building-adaptive-svgs/
25 553
Для чего можно использовать if в CSS?
If заменяет сложные обходные пути на явную встроенную логику, делая стилизацию компонентов более самодостаточной и удобной для поддержки. Сравнение if с media queries и container queries.
https://blog.logrocket.com/css-if-function-conditional-styling-2025/
25 553
День открытых дверей онлайн-программы «Frontend-разработчик»
Центр непрерывного образования ФКН НИУ ВШЭ открывает набор на обучение фронтенд-разработке. Слушатели познакомятся с HTML, CSS, JavaScript, TypeScript, React.js. Программа включает создание адаптивных пользовательских интерфейсов, работу с одностраничными приложениями (SPA) и реализацию итоговых проектов.
Узнать подробнее о онлайн-курсе по фронтенду вы сможете на Дне открытых дверей:
🟣как устроена веб-разработка
🟣кто такие фронтенд-разработчики и чем они занимаются
🟣что умеет делать фронтендер и почему карьера в разработке является интересной и перспективной
🟣какие знания вы приобретете на курсе и какие навыки сформируете в процессе обучения
🟣как получить максимальную пользу от занятий на курсе
Спикеры:
🎙Андрей Сухов, старший эксперт по технологиям в Сбере и преподаватель онлайн-курса «Frontend-разработчик» Центра непрерывного образования ФКН.
🎙Таисия Ахматова, менеджер по работе со слушателями и организации учебного процесса Центра непрерывного образования ФКН.
Когда: 8 октября в 18:30.
Регистрация 📍
Реклама. НИУ "ВШЭ". ИНН 7714030726. erid:2SDnjcshz8o
25 553
Исследуем малоизвестные CSS медиазапросы
Помимо базовых
@media(min-width), существует множество мощных дескрипторов, таких как hover, forced-colors или prefers-reduced-motion, позволяющих тонко настраивать интерфейс под возможности устройств и предпочтения пользователей. Их использование помогает создавать более гибкие веб-решения и улучшать UX.
https://frontendmasters.com/blog/learn-media-queries/25 553
Создаем fullstack приложение для стриминга на Golang + React + MongoDB
Подробный (и долгий) туториал по созданию приложения для стриминга фильмов с AI-рекомендациями: настройка роутинга с react-router-dom, реализация аутентификации и встраивание видео с помощью react-player. Плюс бэкенд на Go, работа с MongoDB и деплой готового React-приложения на Vercel
https://www.youtube.com/watch?v=jBf7of9JTV8
25 553
TravelsJS: быстрая framework-agnostic библиотека для функционала undo/redo
Библиотека использует JSON Patch для эффективного хранения изменений состояния и позволяет легко создавать функции "путешествия во времени" для любых JavaScript-приложений.
https://github.com/mutativejs/travels
25 553
Как использовать TanStack DB для разработки реактивных offline-ready приложений на React
Туториал по созданию таск менеджера с оптимистичными обновлениями, поддержкой оффлайн режима и другими полезными фичами на основе минимального бойлерплейта.
https://blog.logrocket.com/tanstack-db-ux/
25 553
Учебники и туториалы — это хорошо. Но реальный фронтенд часто работает иначе.
В канале Frontend VK Hub инженеры из VK делятся практическим опытом: что взлетает, какие нестандартные вызовы случаются и что помогает делать интерфейсы лучше. Подписывайтесь.
25 553
Where It’s at:// — как работает протокол AT и at:// URI
Дэн Абрамов подробно разбирает, как устроен протокол AT (Atmosphere) и как at:// URI соотносятся с реальными JSON-данными в сети. Он шаг за шагом объясняет, как разрешается такой URI к физическому JSON-объекту.
https://overreacted.io/where-its-at/
25 553
Развлекаемся с кастомными курсорами
Райан Финни показывает 2 способа изменения дефолтного курсора.
https://www.letsbuildui.dev/articles/fun-with-custom-cursors/
25 553
Обновление Safari 26.0
75 новых функций и 171 улучшение, среди которых поддержка якорного позиционирования и анимаций, управляемых прокруткой. Продвинутая функция
progress(), улучшенная расстановка текста с text-wrap: pretty и упрощенное выравнивание элементов в абсолютном позиционировании.
https://css-tricks.com/touring-new-css-features-in-safari-26/25 553
Релиз React 19.2 — что нового?
Ключевые нововведения: компонент
<Activity /> для гибкого управления видимостью частей приложения, хук useEffectEvent для более чистой реализации эффектов. Частичный пререндеринг, новые треки производительности в DevTools и улучшения в SSR.
https://react.dev/blog/2025/10/01/react-19-225 553
Веб — Стандарты: Выпуск 494
Новые возможности Chrome 140, включая Scoped View Transitions, улучшения масштабирования текста, Temporal API, Chrome DevTools MCP.
https://web-standards.ru/podcast/494/
25 553
👩💻 Всем программистам посвящается!
Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
👩💻 Frontend — t.me/frontend_ready
📱 JavaScript — t.me/javascript_ready
👩💻 Backend — t.me/backend_ready
📱 GitHub & Git — t.me/github_ready
👩💻 Python — t.me/python_ready
🤔 InfoSec & Хакинг — t.me/hacking_ready
🖥 SQL & Базы Данных — t.me/sql_ready
🤖 Нейросети — t.me/neuro_ready
👩💻 C/C++ — https://t.me/cpp_ready
👩💻 C# & Unity — t.me/csharp_ready
👩💻 Java — t.me/java_ready
👩💻 Linux — t.me/linux_ready
🖼 DevOps — t.me/devops_ready
📖 IT Книги — t.me/books_ready
👩💻 Весь IT — t.me/it_ready
👩💻 Bash & Shell — t.me/bash_ready
🖥 Design — t.me/design_ready
📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
25 553
Ваши изображения (возможно) слишком большие
Часто мы загружаем на сайт изображения гораздо крупнее, чем необходимо для просмотра, что приводит к лишнему расходу трафика и долгой загрузке. Многие думают, что компонент
<Image/> из NextJS автоматически решит эту проблему, однако без правильного атрибута sizes изображения всё равно могут быть избыточными для меньших экранов. Как это исправить — в статье.
https://reasonunderpressure.com/blog/posts/your-images-are-probably-oversized25 553
Представлен Wasm 3.0 — новое поколение стандарта с масштабными обновлениями
Обновления 3 версии включает 64-битную адресную память, поддержку множественных областей памяти, встроенный сборщик мусора и расширенную систему типизированных ссылок. Новая версия также добавляет нативную обработку исключений и позволяет эффективно компилировать высокоуровневые языки.
https://webassembly.org/news/2025-09-17-wasm-3.0/
25 553
Друзья!
До Frontend Conf 2025 осталось меньше месяца, а до повышения цен — всего пара дней 🫨 Для тех, кто еще не решил, будет ли конфа интересной/полезной, на Хабре вышел обзор Главные тренды фронтенда в 2025 году: AI, архитектура, PWA и многое другое, где можно почитать более подробно про каждую секцию.
👉 Подробнее о самой конференции по ссылке
Напоминаю, что для подписчиков FrontEndDev действует промокод на скидку 5% fc25_front_end_dev 🔥
Всем добра! ✌️
25 553
Удобнее чем Ctrl + F: ссылки прямо на контент
Добавляем ссылки на текст с помощью специального синтаксиса URL-адреса, который браузер интерпретирует для прокрутки и выделения указанного контента. Теперь вы можете создавать ссылки на фрагменты текста, а в Chromium-браузерах даже есть встроенная функция для этого.
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
25 553
Новые возможности CSS типизированной арифметики
Начиная с Chrome 140 мы можем делать вычисления в CSS, смешивая различные типы данных. Звучит не так грандиозно, но это позволяет создавать сложные и данимаческие макеты и анимации без JS.
https://css-tricks.com/css-typed-arithmetic/
