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 дней
Архив постов
\n\n\nPolyfill.io проверяет по юзерагенту, какие фичи не поддерживает браузер, и отдаёт полифилы только для них.","datePublished":"2017-12-10T15:26:18Z","dateModified":"2017-12-10T15:26:18Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":8765}]}},{"@type":"ListItem","position":4,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3091","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3091","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3091","headline":"[Вакансия, Москва, Тинькофф-журнал] Привет! Меня зовут Арсений, я технический директор Тинькофф-журнала. Это…","articleBody":"[Вакансия, Москва, Тинькофф-журнал]\nПривет! Меня зовут Арсений, я технический директор Тинькофф-журнала. Это такое ежедневное издание про деньги, которое читает полтора миллиона человек.\n \nЯ ищу опытного разработчика, который будет проектировать, поддерживать и развивать фронтенд-архитектуру сайта.\n\nЧто нужно делать?\nРазработчик, которого я ищу, погружен в жизнь проекта, разбирается в задаче, работает в связке с арт-директором, держит в голове структуру стилей во всем журнале. Стили обновляются часто, поэтому все нужно постоянно рефакторить и улучшать. Ведущий фронтендер берет на себя этот процесс: тестирует код, борется за его чистоту, добивается, чтобы ни на каких девайсах нам не было стыдно за результат.\n\nСами статьи верстать не нужно, для этого есть другие ребята.\n\nМы онлайн-медиа, поэтому порядок в стилях для нас — это главное. Но у нас много и больших инфраструктурных задач. Пока вы читаете эту вакансию, мы запускаем авторизацию и комментарии. Дальше будет динамическая выдача статей на основе персонализированных рекомендаций. Потом своя мини-издательская платформа для авторов. Разработчик, которого я ищу, должен будет отвечать за фронтенд-архитектуру всех новых систем.\n\nТехнологии\nES6, (p)React, CSS (БЭМ) + PostCSS, Gulp + Webpack\n\nУсловия\nМы ищем сотрудника на полную занятость, поэтому у вас будет белая зарплата, ДМС, офис и бесплатный спортзал на м. «Водный стадион». Работа бок о бок с техдиром, артдиром и менеджером по продукту.\n\nРасскажите о себе и своем опыте: @arsgab или a.gabdullin@tinkoff.ru","datePublished":"2017-12-10T12:19:36Z","dateModified":"2017-12-10T12:19:36Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5824}]}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3090","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3090","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3090","headline":"For Web — фронтенд, дизайн, программирование","datePublished":"2017-12-10T12:19:36Z","dateModified":"2017-12-10T12:19:36Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5014}]}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3089","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3089","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3089","headline":"Сборник практических рекомендаций по отладке JavaScript-приложений, от предотвращения потенциальных ошибок до…","articleBody":"Сборник практических рекомендаций по отладке JavaScript-приложений, от предотвращения потенциальных ошибок до поиска источников существующих ошибок — https://github.com/glebec/debugging-js","datePublished":"2017-12-10T11:21:27Z","dateModified":"2017-12-10T11:21:27Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5056}]}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3088","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3088","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3088","headline":"Voxel Space, демонстрация и объяснение принципа работы крайне маленького алгоритма отрисовки трёхмерного ланд…","articleBody":"Voxel Space, демонстрация и объяснение принципа работы крайне маленького алгоритма отрисовки трёхмерного ландшафта — https://github.com/s-macke/VoxelSpace","datePublished":"2017-12-10T11:00:03Z","dateModified":"2017-12-10T11:00:03Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4887}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3087","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3087","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3087","headline":"sqip, инструмент командной строки для генерации изображений-заглушек на основе SVG по технике LQIP (low quali…","articleBody":"sqip, инструмент командной строки для генерации изображений-заглушек на основе SVG по технике LQIP (low quality image placeholders) — https://github.com/technopagan/sqip","datePublished":"2017-12-10T10:52:49Z","dateModified":"2017-12-10T10:52:49Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4957}]}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3086","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3086","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3086","headline":"Запись 16 докладов с Fronteers 2017: синдром самозванца, рабочий процесс, WASM, WebVR, веб-компоненты, доступ…","articleBody":"Запись 16 докладов с Fronteers 2017: синдром самозванца, рабочий процесс, WASM, WebVR, веб-компоненты, доступность и другие темы — https://vimeo.com/channels/fronteers17","datePublished":"2017-12-10T10:48:51Z","dateModified":"2017-12-10T10:48:51Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":4897}]}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3085","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3085","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3085","headline":"TLDR pages, человекопонятная альтернатива man-страницам для распространённых команд терминалов Linux/Windows…","articleBody":"TLDR pages, человекопонятная альтернатива man-страницам для распространённых команд терминалов Linux/Windows — http://tldr.sh/","datePublished":"2017-12-10T10:43:26Z","dateModified":"2017-12-10T10:43:26Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5120}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3084","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3084","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3084","headline":"Как использовать DOM Ranges не только для програмнного выделения текста на странице, но и для производительно…","articleBody":"Как использовать DOM Ranges не только для програмнного выделения текста на странице, но и для производительной манипуляции DOM — https://calendar.perfplanet.com/2017/mutating-web-content-using-dom-ranges/","datePublished":"2017-12-10T10:16:07Z","dateModified":"2017-12-10T10:16:07Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5076}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3083","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3083","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3083","headline":"For Web — фронтенд, дизайн, программирование","datePublished":"2017-12-10T10:16:06Z","dateModified":"2017-12-10T10:16:06Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":5106}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3082","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3082","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3082","headline":"От JSONP к CORS: руководство Ивана Гришаева по кроссдоменным запросам — http://grishaev.me/cors","articleBody":"От JSONP к CORS: руководство Ивана Гришаева по кроссдоменным запросам — http://grishaev.me/cors","datePublished":"2017-12-09T18:51:23Z","dateModified":"2017-12-09T18:51:23Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":6809}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3081","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3081","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3081","headline":"Как устроен turbo, быстрый и работающий в браузере NPM-клиент для онлайн-редактора StackBlitz — https://mediu…","articleBody":"Как устроен turbo, быстрый и работающий в браузере NPM-клиент для онлайн-редактора StackBlitz — https://medium.com/p/cc2c39715403","datePublished":"2017-12-09T16:52:14Z","dateModified":"2017-12-09T16:52:14Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":6131}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3080","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3080","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3080","headline":"Что происходит, когда вы заходите на ft.com? Сэм Паркинсон с обзором сетевой инфраструктуры Financial Times —…","articleBody":"Что происходит, когда вы заходите на ft.com? Сэм Паркинсон с обзором сетевой инфраструктуры Financial Times — https://medium.com/p/b2119a2f422d","datePublished":"2017-12-08T13:31:51Z","dateModified":"2017-12-08T13:31:51Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":7686}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3079","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3079","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3079","headline":"postcss-preset-env, аналог babel-preset-env для стилей, автоматически подключает нужные postcss-плагины на ос…","articleBody":"postcss-preset-env, аналог babel-preset-env для стилей, автоматически подключает нужные postcss-плагины на основе списка поддерживаемых браузеров — https://github.com/jonathantneal/postcss-preset-env","datePublished":"2017-12-08T10:47:39Z","dateModified":"2017-12-08T10:47:39Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":7146}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3078","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3078","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3078","headline":"Как прокачиваться джуниорам, Дин Хьюм делится советами и материалами для изучения — https://24ways.org/2017/l…","articleBody":"Как прокачиваться джуниорам, Дин Хьюм делится советами и материалами для изучения — https://24ways.org/2017/levelling-up-for-junior-developers/","datePublished":"2017-12-08T08:54:55Z","dateModified":"2017-12-08T08:54:55Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":7065}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3077","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3077","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3077","headline":"Как оптимизировать изображения с помощью Вебпака, Иван Акулов с практическими советами — https://iamakulov.co…","articleBody":"Как оптимизировать изображения с помощью Вебпака, Иван Акулов с практическими советами — https://iamakulov.com/notes/optimize-images-webpack/","datePublished":"2017-12-07T16:20:40Z","dateModified":"2017-12-07T16:20:40Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":7713}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3076","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3076","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3076","headline":"Ликбез по лицензированию ПО для тех, кто занимается опенсорсом — https://ben.balter.com/2017/11/28/everything…","articleBody":"Ликбез по лицензированию ПО для тех, кто занимается опенсорсом — https://ben.balter.com/2017/11/28/everything-an-open-source-maintainer-might-need-to-know-about-open-source-licensing/","datePublished":"2017-12-07T11:21:20Z","dateModified":"2017-12-07T11:21:20Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":8227}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3075","url":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3075","mainEntityOfPage":"https://telemetr.io/ru/channels/1049110127-forwebdev/posts/3075","headline":"Продвинутые паттерны разработки React-компонентов, ещё один новый курс Кента Додса, бесплатный до конца недел…","articleBody":"Продвинутые паттерны разработки React-компонентов, ещё один новый курс Кента Додса, бесплатный до конца недели — https://egghead.io/courses/advanced-react-component-patterns","datePublished":"2017-12-06T11:33:53Z","dateModified":"2017-12-06T11:33:53Z","author":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"publisher":{"@type":"Organization","name":"For Web — фронтенд, дизайн, программирование","url":"https://telemetr.io/ru/channels/1049110127-forwebdev","image":"https://img.telemetr.io/c/18ZXt5/5233189879926609163?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":10294}]}}]}
Как сделать CLI-инструменты более дружелюбными, Анна Дебенхем на примере собственного инструмента для сбора интересных ссылок — https://24ways.org/2017/teach-the-cli-to-talk-back/
Frontend Weekend №31, в гостях Дмитрий Чекин: о создании CSSSR и особенностях удаленной работы фултайм —
https://soundcloud.com/frontend-weekend/fw-31
Форматирование чисел в браузере
Если вам нужно отформатировать числа в браузере, не подключайте для этого сторонние библиотеки и не пишите велосипеды, а используйте нативный
Intl.NumberFormat. Простой пример:
const numberFormatter = new Intl.NumberFormat(); numberFormatter.format(12345.67); // -> 12 345,67По умолчанию
NumberFormat использует правила системной локали. При необходимости можно указать нужную локаль: new Intl.NumberFormat('en-US'). Вторым аргументом передаются опции вроде минимального/максимального количества знаков после запятой, подробнее в документации.
Intl поддерживается начиная с IE 11 и Safari 10, на мобильных поддержка хуже, поэтому нужно при открытии страницы проверять поддержку и при её отсутствии подгружать полифил.
Проще всего использовать сервис Polyfill.io от Financial Times:
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en"></script>Polyfill.io проверяет по юзерагенту, какие фичи не поддерживает браузер, и отдаёт полифилы только для них.
[Вакансия, Москва, Тинькофф-журнал]
Привет! Меня зовут Арсений, я технический директор Тинькофф-журнала. Это такое ежедневное издание про деньги, которое читает полтора миллиона человек.
Я ищу опытного разработчика, который будет проектировать, поддерживать и развивать фронтенд-архитектуру сайта.
Что нужно делать?
Разработчик, которого я ищу, погружен в жизнь проекта, разбирается в задаче, работает в связке с арт-директором, держит в голове структуру стилей во всем журнале. Стили обновляются часто, поэтому все нужно постоянно рефакторить и улучшать. Ведущий фронтендер берет на себя этот процесс: тестирует код, борется за его чистоту, добивается, чтобы ни на каких девайсах нам не было стыдно за результат.
Сами статьи верстать не нужно, для этого есть другие ребята.
Мы онлайн-медиа, поэтому порядок в стилях для нас — это главное. Но у нас много и больших инфраструктурных задач. Пока вы читаете эту вакансию, мы запускаем авторизацию и комментарии. Дальше будет динамическая выдача статей на основе персонализированных рекомендаций. Потом своя мини-издательская платформа для авторов. Разработчик, которого я ищу, должен будет отвечать за фронтенд-архитектуру всех новых систем.
Технологии
ES6, (p)React, CSS (БЭМ) + PostCSS, Gulp + Webpack
Условия
Мы ищем сотрудника на полную занятость, поэтому у вас будет белая зарплата, ДМС, офис и бесплатный спортзал на м. «Водный стадион». Работа бок о бок с техдиром, артдиром и менеджером по продукту.
Расскажите о себе и своем опыте: @arsgab или a.gabdullin@tinkoff.ru
Сборник практических рекомендаций по отладке JavaScript-приложений, от предотвращения потенциальных ошибок до поиска источников существующих ошибок — https://github.com/glebec/debugging-js
Voxel Space, демонстрация и объяснение принципа работы крайне маленького алгоритма отрисовки трёхмерного ландшафта — https://github.com/s-macke/VoxelSpace
sqip, инструмент командной строки для генерации изображений-заглушек на основе SVG по технике LQIP (low quality image placeholders) — https://github.com/technopagan/sqip
Запись 16 докладов с Fronteers 2017: синдром самозванца, рабочий процесс, WASM, WebVR, веб-компоненты, доступность и другие темы — https://vimeo.com/channels/fronteers17
TLDR pages, человекопонятная альтернатива man-страницам для распространённых команд терминалов Linux/Windows — http://tldr.sh/
Как использовать DOM Ranges не только для програмнного выделения текста на странице, но и для производительной манипуляции DOM — https://calendar.perfplanet.com/2017/mutating-web-content-using-dom-ranges/
От JSONP к CORS: руководство Ивана Гришаева по кроссдоменным запросам — http://grishaev.me/cors
Как устроен turbo, быстрый и работающий в браузере NPM-клиент для онлайн-редактора StackBlitz — https://medium.com/p/cc2c39715403
Что происходит, когда вы заходите на ft.com? Сэм Паркинсон с обзором сетевой инфраструктуры Financial Times — https://medium.com/p/b2119a2f422d
postcss-preset-env, аналог babel-preset-env для стилей, автоматически подключает нужные postcss-плагины на основе списка поддерживаемых браузеров — https://github.com/jonathantneal/postcss-preset-env
Как прокачиваться джуниорам, Дин Хьюм делится советами и материалами для изучения — https://24ways.org/2017/levelling-up-for-junior-developers/
Как оптимизировать изображения с помощью Вебпака, Иван Акулов с практическими советами — https://iamakulov.com/notes/optimize-images-webpack/
Ликбез по лицензированию ПО для тех, кто занимается опенсорсом — https://ben.balter.com/2017/11/28/everything-an-open-source-maintainer-might-need-to-know-about-open-source-licensing/
Продвинутые паттерны разработки React-компонентов, ещё один новый курс Кента Додса, бесплатный до конца недели — https://egghead.io/courses/advanced-react-component-patterns
