FrontEndDev
Kanalga Telegram’da o‘tish
🚀 Статьи, новости, туториалы по 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
Ko'proq ko'rsatish
Tarmoq:📈 Telegram kanali FrontEndDev analitikasi
FrontEndDev (@front_end_dev) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 26 082 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 4 985-o'rinni va Rossiya mintaqasida 24 911-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 26 082 obunachiga ega bo‘ldi.
27 Avgust, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -169 ga, so‘nggi 24 soatda esa -4 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 10.15% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 5.75% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 2 648 marta ko‘riladi; birinchi sutkada odatda 1 500 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 9 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent css, api, интерфейс, html, frontend kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“🚀 Статьи, новости, туториалы по 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”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 28 Avgust, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
26 082
Obunachilar
-424 soatlar
-437 kunlar
-16930 kunlar
Postlar arxiv
26 080
Capacitor OTA - обновления без ревью магазинов: архитектура, стратегии и GitHub Releases
В Capacitor обновляйте только JavaScript бандл через OTA, чтобы правки не требовали пересборки и ожидания в Google Play и App Store. Разбираем, как собрать dist в ZIP, скачать его через capacitor-updater, безопасно откатываться при сбое и выстроить FSD архитектуру с двумя стратегиями обновления.
https://habr.com/ru/articles/1013754/
26 080
Цифровая доступность без визуальных интерфейсов
Как тестировать и улучшать веб интерфейсы для людей, которые работают со скринридерами: от навигации по ссылкам и структуре контента до типичных проблем, которые ломают сценарии в реальном использовании.
https://habr.com/ru/companies/ispsystem/articles/1013824/
26 080
Два якоря и одна стрелка: позиционирование в CSS
Собираем интерактивную геометрию на чистом CSS: закрепляем один элемент сразу за двумя якорями, вычисляем расстояния и меняем форму стрелки при сближении. Отличный пример, как современные anchor positioning и функции min/inset позволяют делать сложные UI без JS.
https://frontendmasters.com/blog/two-circles-one-arrow-and-anchor-positioning/
26 080
Превратите ваш сайт в MCP сервер для управления агентами
Webpage MCP позволяет агентам в MCP-клиентах управлять уже открытым Chrome браузером: навигация, скриншоты, клики, чтение контента, анализ сети и запуск JavaScript. Проект работает полностью локально через Native Messaging и stdio, добавляя к этому кросс вкладки, сохранение workflow и удобный UX прямо в браузере.
https://github.com/mcpland/webpage-mcp
26 080
Как перенести консольную утилиту в Rust и запустить в браузере через WASM
Консольную логику переписывают на Rust, собирают в WebAssembly и подключают из JS, а терминальный интерфейс делают обычным HTML/CSS без фреймворков. Демо удобно публиковать через GitLab Pages с линейной сборкой в CI и встраиванием wasm в base64 для работы даже при file://.
https://habr.com/ru/articles/1014026/
26 080
Temporal: как JavaScript за 9 лет починил работу с датами и временем
Temporal приходит на смену проблемному Date: неизменяемые типы, поддержка часовых поясов и календарей, а также высокая точность до наносекунд. Путь стандарта показывает, как TC39 доводит сложную задачу до Stage 4 и реального внедрения.
https://bloomberg.github.io/js-blog/post/temporal/
26 080
Страница новостей на 49 МБ: как адтех и тяжёлый фронтенд превращают чтение в ожидание
49 МБ данных, сотни запросов и десятки конкурентных ставок в браузере блокируют главный поток и превращают чтение в ожидание. Разберём, как программная реклама и трекинг раздувают payload и что можно сделать, чтобы ускорить рендер и снизить нагрузку на CPU.
https://frontendfoc.us/link/182402/web
26 080
Утечки памяти во фронтенде: что нашли в 500 репозиториях и как это быстро исправить
Статический анализ 500 публичных React, Vue и Angular репозиториев показал, что 86% проектов содержат паттерны без cleanup, а бенчмарки дают около 8 KB удерживаемой памяти на цикл навигации при пропущенной очистке. Фокус для ревью: useEffect без cleanup, subscribe без unsubscribe и addEventListener без removeEventListener, плюс соответствующие проверки для Vue и Angular.
https://frontendfoc.us/link/182359/web
26 080
Руководство для новичков по ручному тестированию доступности с клавиатурой
Проверьте доступность интерфейса для пользователей скринридеров с помощью пяти базовых команд Tab, Shift+Tab, Enter, Space и стрелок, чтобы быстро найти проблемы навигации и взаимодействия.
https://www.sitepoint.com/accessibility-testing-with-keyboard-navigation/
26 080
Модульная система Sass с use и forward: как уйти от устаревшего import
Переход на use решает глобальное загрязнение, конфликты имён и дублирование кода, давая изолированные пространства имён для переменных, миксинов и функций. Разбираемся с подключением модулей, встроенными sass::math и организацией SCSS, чтобы код оставался масштабируемым и удобным для IDE.
https://habr.com/ru/articles/1013818
26 080
Делегирование фокуса в Shadow DOM с delegatesFocus
delegatesFocus: true убирает ручную логику focus() в обёртках, автоматически прокидывает фокус на первый фокусируемый элемент и корректно включает :focus и :focus-within для стилизации без классов. Это закрывает проблемы с мёртвым фокусом при кликах по padding и декоративным зонам, особенно в простых компонентах вроде button input select.
https://frontendmasters.com/blog/shadow-dom-focus-delegation-getting-delegatesfocus-right/
26 080
Одна CSS-свойство, которое мгновенно улучшает вид цифр
font-variant-numeric: tabular-nums делает все цифры одинаковой ширины, убирая «прыжки» и перекосы в таймерах, счетчиках и дашбордах. Идеально для таблиц и анимированных чисел: меньше layout shift — приятнее UX.
https://frontendfoc.us/link/181899/web26 080
Как frontend-разработчику получить оффер в Big Tech?
Платят как джуну, а спрашивают как с лида 🙄 Зарплата не растёт, задачи скучные.
Пробуешь откликаться, но на резюме клюют только ноунейм компании, а на собесах валят на алгоритмах? При этом вокруг кто-то постоянно получает офферы в Яндекс или VK...
Стабильность с маленькой зп, или дестрой рынка и выход на максимальную? Синяя или красная таблетка, Нео?! 👾
Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Big Tech и сопровождаю на испытательном сроке.В своем канале: 👉Разбираю самые популярные и каверзные вопросы на собесах 👉Рассказываю как пройти фильтр HR 👉Борюсь с убеждениями, которые мешают развиваться 👉Делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров Регулярно публикую полезные материалы: ▪️60 вопросов, которые точно помогут тебе на собеседовании ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️10 задротских вопросов про JavaScript, после которых ты усомнишься, что вообще знаешь JS. Часть 1 ▪️Чек лист проверки своего резюме Подписывайся, нас уже 4500 🤓: ссылка Реклама, erid: 2W5zFFyGMxd ИП Галактионов Тихон Витальевич, ИНН 771618975809
26 080
Вышел Vite 8: Rolldown как единый бандлер
Vite 8 переводит сборку на Rolldown, один Rust бандлер вместо связки esbuild и Rollup, что ускоряет сборки в 10–30 раз и сохраняет совместимость с плагинами. Появляются новые возможности вроде bundle mode, гибкого chunk splitting, persistent caching на уровне модулей и поддержки Module Federation.
https://vite.dev/blog/announcing-vite8
26 080
Тестируйте доступность в реальном времени прямо во время написания кода
На ходу подсвечиваются нарушения WCAG и выпадают предупреждения в IDE/CLI с AI-подсказкам для исправлений
https://www.browserstack.com/accessibility-testing/accessibility-devtools
26 080
NoJS 3 — рассвет Flappy Bird
Клон Flappy Bird без JavaScript: только HTML и CSS. Разбираем, как организовать игровую логику (движение, препятствия, столкновения) средствами современного CSS
https://blog.scottlogic.com/2026/03/09/noJS-3-flappy-bird.html
26 080
ESLint v10.0.3: патч-апдейт для точнее проверок кода
Вышла ESLint v10.0.3 — релиз, который исправляет баги предыдущей версии и обновляет зависимость minimatch до ^10.2.4, чтобы ESLint корректно распознавал файлы. Также добавлены точечные фиксы в сообщениях правил и обновлена документация/гайд по миграции.
https://javascriptweekly.com/link/181821/web
26 080
OAuth 2.0 во фронтенде
OAuth 2.0 на клиенте — это не только логин, но и безопасная работа с токенами: разбираем типичные «дыры», правильные flow для веб-приложений и практики, которые снижают риск утечек и подмены.
https://frontendfoc.us/link/181944/web
26 080
Асинхронные переходы между страницами в Vanilla JS — настоящий crossfade без фреймворков
Собераем лёгкий SPA-router на History API с анимацией переключения страниц: текущая и следующая страницы одновременно живут в DOM, клонируются и плавно «перетекают» друг в друга. Без Barba и без React/Vue — ванильный JavaScript + аккуратная архитектура.
https://frontendfoc.us/link/181897/web
26 080
Flex vs Grid: объяснение разницы на практике
Flex и Grid решают разные задачи: Flex — про раскладку в одном направлении, Grid — про контроль и строк, и колонок. Разберём типовые кейсы (например, карточки в ряд) и покажем, как выбирать нужный инструмент, а не верстать “по привычке”.
https://habr.com/ru/companies/timeweb/articles/1004986
