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
إظهار المزيد
الشبكة:📈 نظرة تحليلية على قناة تيليجرام FrontEndDev
تُعد قناة FrontEndDev (@front_end_dev) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 26 088 مشتركاً، محتلاً المرتبة 4 980 في فئة التكنولوجيات والتطبيقات والمرتبة 24 886 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 26 088 مشتركاً.
بحسب آخر البيانات بتاريخ 26 أغسطس, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -174، وفي آخر 24 ساعة بمقدار -12، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 10.48%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 5.79% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 2 734 مشاهدة. وخلال اليوم الأول يجمع عادةً 1 510 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 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”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 27 أغسطس, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
26 088
المشتركون
-1224 ساعات
-457 أيام
-17430 أيام
أرشيف المشاركات
26 087
Лучшие состояния загрузки — это когда их нет.
Вместо спиннеров и скелетонов прокачивайте стратегию preloading: заранее подгружайте данные и готовьте переходы между маршрутами, чтобы страница ощущалась как загруженная сразу. Route transitions не убирают загрузку полностью, но помогают перенести её на уровень приложения, делая UX стабильнее и предсказуемее в SPA.
https://master.dev/blog/the-best-loading-states-are-no-loading-states/
26 087
🔍Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг
23 июля(уже завтра!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Алексею
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе.
26 087
Анимация In-N-Out с sibling-index()
Фишка в CSS-функции
sibling-index(): при добавлении/удалении элементов индекс пересчитывается, а значит меняются значения translate, и включённый transition автоматически превращает перестроение DOM в плавную анимацию. Отлично подходит для аватаров, списков и сеток.
https://master.dev/blog/in-n-out-animation-using-sibling-index/26 087
Masonry с анимацией в CSS
display: grid уже умеет раскладку в стиле masonry через grid-lanes. Чтобы получить плавную перестановку без JS-логики, анимируют не сами карточки, а их внутренний слой: он привязывается якорями и двигается за счёт inset: anchor(inside) с transition.
https://master.dev/blog/masonry-with-animation-in-css/26 087
«Вы не знаете CSS»: вопросы о CSS с ответами, версия 2026 года
Проверка знаний CSS в формате вопросов: разбор специфичности с
:has(), логики :focus-within, работы rem, inline-grid и нюансов применения margin при разных display и многое другое.
https://habr.com/ru/companies/ruvds/articles/1057086/26 087
Когда имеет смысл блокировать главный поток
Кратко о том, когда правило “не тормози main thread” можно нарушать. Разбираем пример screenshot-расширения с сериализацией Base64.
https://smashingmagazine.com/2026/07/when-makes-sense-block-main-thread/
26 087
Ваше приложение может быть просто сайтом
Пример перевода приложения в формат веб страницы: когда установка — бесполезный шаг для пользователя. Через перехват сетевого трафика выясняем схема запросов к API и структура данных, после чего можно собрать компактную защищённую паролем веб-страницу без лишних функций
https://habr.com/ru/companies/ruvds/articles/1060106/
26 087
Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании?
На фото ребята из моего комьюнити, где уже больше 220 frontend-разработчиков. Все они успешно устроились в крутые компании и получили офферы от 300 тыс рублей 🫂
👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке.
В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде.И у тебя тоже получится 😎 У меня есть канал, где я: 👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения 👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти 👉 На примерах показываю, как проходить собеседования, включая техничку 👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров И регулярно выкладываю полезное: ▪️ Задачи, на которых валятся кандидаты ▪️ Подборка из 100+ каналов с вакансиями для разработчиков ▪️ 100 вопросов, которые помогут тебе на собеседовании ▪️ Чек-лист для проверки своего резюме Подписывайся: https://t.me/+-Y-h7mIuMJ9hNzBi Реклама, erid: 2W5zFJmyDYm ИП Галактионов Тихон Витальевич, ИНН 771618975809
26 087
Тамагочи TAMA-90: тамагочи из 90-х, собранный на JavaScript своими руками
Браузерный симулятор тамагочи по классической схеме яйцо → детёныш → взрослый → старый. Питомец рисуется прямо на canvas без спрайтов: эмоции и контуры получаются математикой и трюком с
globalCompositeOperation. Проект разбит на небольшие модули без сборщиков (HTML/CSS + набор скриптов), чтобы легко менять логику мини-игры или UI и не ловить расползание багов.
https://habr.com/ru/companies/ruvds/articles/1057138/26 087
FixCSS: исправляем исторические ошибки в CSS
В CSS Working Group есть список старых проектных промахов, из‑за которых до сих пор приходится вручную обходить поведение вроде
box-sizing: border-box в стартовых стилях. FixCSS предлагает починить эти нюансы библиотекой, чтобы не тащить постоянные костыли в код, но с понятным компромиссом по runtime‑стоимости. Если хотите прокачать понимание того, как CSS реально эволюционировал и почему многие практики закрепились, это отличный повод разобраться глубже.
https://master.dev/blog/fixcss/26 087
backdrop-filter: blur() — как он работает и как его правильно использовать
backdrop-filter размывает не сам элемент, а то, что находится за ним, причём эффект считается на уровне compositing layers, поэтому DOM-логика вроде overflow: hidden может не сработать.
https://habr.com/ru/articles/1057226/26 087
16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде.
AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.
🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse.
⏳ Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться!
26 087
Frontend CTF, или Как связаны Мона Лиза и искусственный интеллект
История про ежегодный браузерный CTF, где флаги спрятаны в интерфейсе, коде и даже в видео/логах, а для прохождения нужны знания фронтенда, сетей и веб-стандартов. Разбираемся, как устроены уровни и задания: генерация идей, подготовка подсказок, автоматический деплой в изолированную среду и встраивание в сюжет, плюс что происходит при попытках «положить» сервер.
https://habr.com/ru/companies/yandex/articles/1051050/
26 087
TypeScript 7.0 — самое радикальное обновление за 10 лет
TypeScript 7 ускоряет сборку и работу в IDE за счёт нативного порта, многопоточности и оптимизаций: полная сборка проекта до 8–12 раз быстрее, а цикл в --watch становится заметно короче. На реальных крупных open-source кодовых базах ускорение достигает почти 12×, а потребление памяти снижается на 6–26%.
https://habr.com/ru/companies/haulmont/articles/1057526
26 087
ariaNotify(): как заставить скринридер проговорить текст
Новый метод
ariaNotify() из WAI-ARIA 1.3 позволяет программно запускать озвучивание: передайте строку и (при необходимости) конфигурацию, например document.ariaNotify("Hello, World.").
https://master.dev/blog/the-siren-song-of-arianotify/26 087
Как проектировать интерфейсы для уязвимых пользователей: почему ментальным health-приложениям нельзя гнаться за любыми UI-трендами
Трендовые решения часто повышают когнитивную нагрузку и делают навигацию непредсказуемой — в итоге человек в стрессе просто не находит нужную помощь и быстро уходит. Важно проверять каждый модный паттерн по пяти критериям: нагрузка, эмоциональное соответствие, надежность навигации, доступность и корректность механик вовлечения без давления/стыда.
https://smashingmagazine.com/2026/07/designing-distressed-users-mental-health-apps-ui/
26 087
Как мы во фронтенд-команде ПСБ прокачали релизный цикл npm-пакетов.
Внутренние библиотеки и микрофронты собрали в пакетный процесс с SemVer, обязательным migration guide для breaking changes и публикацией через CI, чтобы исключить разъезд окружений и человеческий фактор. Более подробно - в статье.
https://habr.com/ru/companies/psb/articles/1055888/
26 087
Как внедрять ИИ в разработку и маркетинг , чтобы он приносил прибыль
Навайбкодить приложение - дело часа. Но что дальше? Продукт готов - пользователей 0
Все потому что маркетинг как был, так и остался узким местом в развитии продукта:
— трафик льётся, окупаемость падает — площадок больше, чем рук: Reels, TikTok, Shorts, Telegram — везде нужен контент — продакшн контента стоит как отдел — все говорят про ИИ, но как это реально приносит деньги — непонятноПрибыль появляется, когда ИИ становится системой: ресерч → продукт → креативы → реклама → контент → конверсия → удержание 👋 Меня зовут Давид, я 8 лет в маркетинге приложений и за последний год вырастил 3 приложения с 0 до $300к MRR Я пересобрал свой опыт в собственный AI-стек и на вебинаре покажу как выглядит инфраструктура, которая приносит прибыль и действительно экономит время и деньги 🗓 14 июля 🕗 20:00 МСК 📌 Регистрация по ссылке (тык) 👉 Что в программе: 1. Поиск идей и точек роста — ресерч ниш, конкурентов и болей аудитории через ИИ → список точек роста существующего бизнеса, ниши для новых продуктов и понимание как в них строить маркетинг 2. AI-продакшн и закупка — генерация баннеров и видео + автоматизация кампаний в Meta, Google, Яндексе → сотни креативов в день без дизайнера 3. Виральный контент-продакшн для соц.сетей — контент-планы, анализ конкурентов, AI-аватары, монтаж, авто-карусели → ежедневный постинг в одиночку 4. Персонализация — AI-сегментация, офферы и воронки под каждый сегмент → выше конверсия из тех же лидов 🎁 Зарегистрированным - бесплатные уроки по Claude До встречи на вебинаре!
26 087
Как сделать интерактивный элемент невидимым, но доступным
Используйте
hidden="until-found" для скрытия контента с сохранением доступности (поиск по странице и навигация по фрагментам работают, элемент остаётся фокусируемым), а затем компенсируйте отсутствие ховера/видимости через contain-intrinsic-size: auto none, чтобы не было layout shift.
https://master.dev/blog/how-to-make-an-interactive-element-invisible-but-accessible/26 087
Стили в CSS с учетом границ
Функция
view() позволяет привязывать прогресс анимации к видимости элемента в ближайшем scroll-контейнере: цвет/размер/поворот меняются, когда объект приближается к краям или уходит за них. На практике так раскрашивают элементы в сетке по горизонтальному положению, меняют тон при перетаскивании и подсвечивают ползунки по мере движения.
https://master.dev/blog/boundary-aware-styling-in-css/