For Web — фронтенд, дизайн, программирование
Відкрити в Telegram
Новости и полезности для фронтендеров. Поддержать, чтобы в канале не было рекламы: https://patreon.com/forweb https://boosty.to/forweb
Показати більше📈 Аналітичний огляд Telegram-каналу For Web — фронтенд, дизайн, программирование
Канал For Web — фронтенд, дизайн, программирование (@forwebdev) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 14 347 підписників, посідаючи 7 985 місце в категорії Технології та додатки та 48 866 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 14 347 підписників.
За останніми даними від 09 листопада, 2025, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -129, а за останні 24 години на 0, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 0%. Протягом перших 24 годин після публікації контент зазвичай збирає N/A% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 0 переглядів. Протягом першої доби публікація в середньому набирає 0 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 0.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb”
Завдяки високій частоті оновлень (останні дані отримано 10 листопада, 2025), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
14 347
Підписники
Немає даних24 години
-217 днів
-12930 днів
Архів дописів
Как работает JS: обзор принципов работы движков рендеринга веб-страниц и советы по оптимизации их производительности, перевод на Хабре → https://habr.ru/p/351802/
Результаты розыгрыша билета на конференцию DUMP, которая пройдёт 13 апреля в Екатеринбурге — https://youtu.be/ubS005X5dAE
Поздравляем Александра Ожигина!
А для всех читателей по промокоду FORWEBDUMPHOORAY скидка 5%. Программа и регистрация: https://goo.gl/2Sxhmp
Сборка приложений на основе машинного обучения
Обычно большой JS-бандл делят на части по страницам или компонентам приложения. А можно ли делать это не по наитию разработчика, а основываясь на данных о часто посещаемых страницах и типичных переходах пользователей?
Минко Гечев провёл большое исследование и представил начальную реализацию инструментов, автоматически определяющих лучшую стратегию кодсплиттинга и предзагрузки файлов на основе истории посещений сайта → http://blog.mgechev.com/2018/03/18/machine-learning-data-driven-bundling-webpack-javascript-markov-chain-angular-react/
Figma’s Platform
У графического редактора Figma появился открытый API для разработки дизайн-инструментов. Его уже используют в крупных компаниях: например, в Uber с его помощью решают проблему распространения актуальных дизайн-макетов, а в GitHub интерфейсные иконки берутся напрямую из макета.
Официальный анонс с подробностями → https://blog.figma.com/ee681bf861e7
Александр Сурма рассказал, как нативно привязывать одноразовые обработчики событий с помощью параметра once — https://youtu.be/pwLkdksiClE
Как тебе такое, Джон Резиг?
Эффективная работа с легаси-кодом
Саша Беспоясов опубликовал конспект в трёх частях по книге Майкла Физерса.
Часть 1: введение, причины изменения кода, швы и инструменты автоматизированного рефакторинга → https://bespoyasov.ru/blog/working-effectively-with-legacy-code/
Часть 2: изменение кода при нехватке времени, добавление фич, TDD и зависимости → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part2/
Часть 3: изменение непонятного кода, гигантские классы и методы → https://bespoyasov.ru/blog/working-effectively-with-legacy-code-part3/
Приведение типов в JS: магия или простые правила?
Александр Майоров коротко и понятно рассказал о трёх видах приведения типов (строковое, численное и логическое) и правилах их применения → https://medium.com/p/9d6f1845ea96
The Front-End Checklist
Объёмный чеклист и рекомендации для проверки всех аспектов фронтенда сайта, от разметки и доступности до производительности.
Теперь и в виде удобного сайта с возможностью печати → https://frontendchecklist.io/
CSS в эпоху Реакта
Тереза Ма рассказала, как в Yelp с переходом на Реакт избавились от каскадности и глобальных стилей, сохранив консистентность → https://engineeringblog.yelp.com/2018/03/css-in-the-age-of-react.html
Как в Unsplash постепенно перешли на TypeScript, Оливер Эш о мотивации и процессе перехода → https://medium.com/p/7a34caa24ef1
[Вакансия, Москва]
Медиазона (https://zona.media) ищет Junior JavaScript-разработчика со знанием react/redux.
Медиазона — СМИ о проблемах в судах, тюрьмах, полиции и несправедливости вообще.
На проекте используются PostgreSQL, React, Redux, NodeJS, Tarantool, Redis. Местами flow. Есть CI Jenkins. Docker, ansible до кучи.
Кто нам нужен?
Нужен новый член команды, который готов быстро обучаться (если вдруг не знает чего). Прежде всего нужна адекватность и умение программировать. Хорошие руки. Всегда рады юным и не очень гениям, если вы вдруг разделяете проблематику нашего СМИ — тоже очень круто.
Чем придется заниматься?
Есть задачи по редактору текста, фандрайзингу, спецпроектам, возможно немного разработки игр. Как всегда где-то впереди маячит редизайн страниц, плюс есть технический долг. Нужно будет писать как фронтенд, так и бэкенд.
Полная занятость, офис на м. Китай-город. Зарплата от 40 до 100 тысяч.
Пишите:
https://t.me/klond90
newbiecraft@gmail.com
Как применить Puppeteer
Эрик Бидельман собрал готовые примеры использования Puppeteer: сбор статистики по неиспользуемому коду на каждой странице, проверка кеширования страниц сервис-воркером, определение используемых браузерных фич, несовместимых с поисковым ботом Google → https://github.com/GoogleChromeLabs/puppeteer-examples
