Фронтендер от бога
Kanalga Telegram’da o‘tish
Божественные дайджесты по фронтенду и немного юмора. По всем вопросам: @godinmedia
Ko'proq ko'rsatish
Tarmoq:3 379
Obunachilar
Ma'lumot yo'q24 soatlar
-77 kun
-2430 kun
Ma'lumotlar yuklanmoqda
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Oktabr '26Okt '26
Oktabr '26
+4
0 kanalda
Sentabr '26
+8
0 kanalda
Get PRO
Avgust '26
+9
0 kanalda
Get PRO
Iyul '26
+6
0 kanalda
Get PRO
Iyun '26
+4
0 kanalda
Get PRO
May '26
+6
0 kanalda
Get PRO
Aprel '26
+2
0 kanalda
Get PRO
Mart '26
+3
0 kanalda
Get PRO
Fevral '26
+1
0 kanalda
Get PRO
Yanvar '26
+4
0 kanalda
Get PRO
Dekabr '25
+21
0 kanalda
Get PRO
Noyabr '25
+7
0 kanalda
Get PRO
Oktabr '250
0 kanalda
Get PRO
Sentabr '25
+2
0 kanalda
Get PRO
Avgust '25
+3
0 kanalda
Get PRO
Iyul '25
+2
0 kanalda
Get PRO
Iyun '25
+2
0 kanalda
Get PRO
May '25
+7
0 kanalda
Get PRO
Aprel '25
+6
0 kanalda
Get PRO
Mart '25
+192
0 kanalda
Get PRO
Fevral '25
+190
0 kanalda
Get PRO
Yanvar '25
+36
0 kanalda
Get PRO
Dekabr '24
+101
0 kanalda
Get PRO
Noyabr '24
+593
0 kanalda
Get PRO
Oktabr '24
+610
0 kanalda
Get PRO
Sentabr '24
+475
0 kanalda
Get PRO
Avgust '24
+589
0 kanalda
Get PRO
Iyul '24
+642
0 kanalda
Get PRO
Iyun '24
+55
0 kanalda
Get PRO
May '24
+16
0 kanalda
Get PRO
Aprel '24
+14
0 kanalda
Get PRO
Mart '24
+30
0 kanalda
Get PRO
Fevral '24
+78
1 kanalda
Get PRO
Yanvar '24
+43
0 kanalda
Get PRO
Dekabr '23
+39
0 kanalda
Get PRO
Noyabr '23
+9
0 kanalda
Get PRO
Oktabr '23
+17
0 kanalda
Get PRO
Sentabr '23
+73
0 kanalda
Get PRO
Avgust '23
+164
0 kanalda
Get PRO
Iyul '23
+487
0 kanalda
Get PRO
Iyun '23
+412
0 kanalda
Get PRO
May '23
+12
0 kanalda
Get PRO
Aprel '23
+7
0 kanalda
Get PRO
Mart '23
+5
0 kanalda
Get PRO
Fevral '23
+12
0 kanalda
Get PRO
Yanvar '23
+15
0 kanalda
Get PRO
Dekabr '22
+82
0 kanalda
Get PRO
Noyabr '22
+10
0 kanalda
Get PRO
Oktabr '22
+8
0 kanalda
Get PRO
Sentabr '22
+10
0 kanalda
Get PRO
Avgust '22
+13
0 kanalda
Get PRO
Iyul '22
+111
0 kanalda
Get PRO
Iyun '22
+13
0 kanalda
Get PRO
May '22
+106
0 kanalda
Get PRO
Aprel '22
+127
0 kanalda
Get PRO
Mart '22
+9
0 kanalda
Get PRO
Fevral '22
+10
0 kanalda
Get PRO
Yanvar '22
+15
0 kanalda
Get PRO
Dekabr '21
+72
0 kanalda
Get PRO
Noyabr '21
+347
0 kanalda
Get PRO
Oktabr '21
+836
0 kanalda
Get PRO
Sentabr '21
+350
0 kanalda
Get PRO
Avgust '21
+83
0 kanalda
Get PRO
Iyul '21
+140
0 kanalda
Get PRO
Iyun '21
+339
0 kanalda
Get PRO
May '21
+1 365
0 kanalda
Get PRO
Aprel '21
+439
0 kanalda
Get PRO
Mart '21
+4 710
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 21 Oktabr | 0 | |||
| 20 Oktabr | 0 | |||
| 19 Oktabr | 0 | |||
| 18 Oktabr | +1 | |||
| 17 Oktabr | 0 | |||
| 16 Oktabr | 0 | |||
| 15 Oktabr | 0 | |||
| 14 Oktabr | 0 | |||
| 13 Oktabr | 0 | |||
| 12 Oktabr | +1 | |||
| 11 Oktabr | +1 | |||
| 10 Oktabr | 0 | |||
| 09 Oktabr | 0 | |||
| 08 Oktabr | 0 | |||
| 07 Oktabr | 0 | |||
| 06 Oktabr | 0 | |||
| 05 Oktabr | 0 | |||
| 04 Oktabr | 0 | |||
| 03 Oktabr | 0 | |||
| 02 Oktabr | +1 | |||
| 01 Oktabr | 0 |
Kanal postlari
ShadowRealm API: изоляция исполнения кода в JavaScript
#почитать
Джаваскриптеры давно мечтают о безопасной изоляции кода, чтобы можно было выполнить сторонний скрипт или библиотеку в своём песочном замке, без риска повредить глобальные объекты или залезть друг другу в прототипы. Сейчас для этого есть костыли, либо создавать скрытый <iframe> (у которого свой глобальный контекст), либо городить сложные рентаймы. В Node.js есть модуль vm и контексты, но и они далеки от идеала. Но на горизонте замаячило штатное решение от TC39, ShadowRealm API. От названия веет чем-то мистическим, но по сути это просто способ создать новый глобальный JavaScript-контекст в рамках текущего потока, и исполнить в нём код изолированно от основного.
⏱Читать статью
| 2 |  This is JavaScript: методы объектов и контекст «this»
#почитать
Ранее я рассказывал о callback-функциях, деструктуризации, операторах и многом другом. Если вы уже успели познакомиться с основами JavaScript, то наверняка вам знакомы такие понятия, как объекты и функции.
В этой статье мы двинемся дальше и соберем эти знания воедино. Я расскажу вам о методах объектов и загадочном слове this. Разберемся, для чего они нужны, как сделать объекты по-настоящему живыми и как избежать частых ошибок.
⏱Читать статью | 363 |
| 3 |  Фронтенд обгоняет бек или как мы написали 200_000 строк кода на моках
#почитать
Я работаю старшим фронтенд-разработчиком в it-отделе одного из крупнейших федеральных застройщиков. Специфика разработки в такой непрофильной компании — сроки спускаемые сверху и вообще не имеющие корреляции с реальными ресурсами и возможностями команды. Именно поэтому мы работаем очень быстро, постоянно пытаясь получить (максимум результата)*3 за (минимум времени)/4.
⏱Читать статью | 513 |
| 4 |  Как правильно обновлять зависимости в проекте
#почитать
Казалось бы что может быть проще и банальнее, чем обновить зависимости во фронтенд-проекте? Но зачастую даже опытные мидлы делают это не правильно и ставят себе палки в колеса. Давайте разберемся почему так происходит и как этого избежать.
⏱Читать статью | 546 |
| 5 |  Цепочка ошибок в JavaScript: удобная отладка кода с помощью Error.cause
#почитать
Обработка ошибок в JavaScript всегда была немного хаотичной. Получить ошибку легко, но отследить ее первоисточник бывает очень сложно. Именно здесь и приходит на помощь свойство cause.
⏱Читать статью | 546 |
| 6 |  Ответ фронтендера на «Не занимайтесь преждевременной оптимизацией»
#почитать
Я хочу показать, почему распространённая фраза "не занимайтесь преждевременной оптимизацией" почти всегда используется неправильно, особенно в современных фронтенд-проектах. Я посмотрю на исторический контекст, разберу, что именно Кнут называл оптимизацией, и почему многие вещи, которые считаются "преждевременной оптимизацией", на деле — нормальная инженерная дисциплина.
⏱Читать статью | 647 |
| 7 |  🌐 Как задеплоить React-приложение на GitHub Pages
#посмотреть
В финальном уроке соберём всё воедино и выложим наше приложение в интернет. Обсудим, что такое деплой для фронтенда и чем отличается dev-сервер от production-сборки. Вернём хранение задач в localStorage, чтобы приложение работало без бэкенда. Настроим переключение API под разные окружения. Соберём production-бандл и проверим его через vite preview. Доработаем маршрутизацию, чтобы ссылки работали корректно после выкладки. Подготовим vite.config.js к продакшену и настроим base под GitHub Pages. Добавим копию 404.html, чтобы SPA-роутинг не ломался. Установим и настроим пакет gh-pages, пропишем удобные npm-скрипты и задеплоим проект. В итоге получаем полноценное React-приложение в продакшене, готовое для портфолио.
⏱Смотреть на YouTube ⏱️30 минут | 599 |
| 8 |  +5🤖 AI для фронтенд-разработчика: собираем инструменты на Podlodka Frontend Crew
AI-инструменты уже используют все, но порой в обсуждении с LLM возникает ощущение, что голова полна ответов, но их всё ещё недостаточно, чтобы разрешить вполне себе прикладные вопросы.
Эксперты Podlodka Frontend Crew собрали онлайн-конференцию «Фронтенд с AI», чтобы вместе с практиками из индустрии увидеть, как работает AI в разных аспектах фронтенд-разработки, а главное — сразу начать использовать новые подходы в реальной жизни.
💬 Какие темы ждут участников сезона с 5 по 9 октября:
🔴 AI Coding и подготовка репозитория к работе с AI
🔴 Spec Kit для разработки интерфейсов
🔴 Агентная разработка в закрытом контуре
🔴 WebMCP как дополнительный harness
🔴 AI-дизайн и его место в процессе разработки.
Полная программа — уже на сайте! Формат: пять дней живых Zoom-сессий по утрам и вечерам, закрытое Telegram-комьюнити и много общения со спикерами.
Если хочется не просто читать про AI-тренды, а получить концентрированную порцию знаний именно про AI для фронтенда, присоединяйтесь к сезону.
Вы поймёте, как встроить новые инструменты и подходы в свою работу и найдёте множество единомышленников.
👉 Билеты на сезон | 515 |
| 9 |  Грани полиморфизма React: полиморфные декораторы
#почитать
Мы поговорили уже про as для типобезопасного полиморфизма, asChild для композиции и FACC для вариативного дизайна. Но что, если я скажу, что есть способ комбинировать логику ещё элегантнее и не смешивать ее с отрисовкой? Сегодня разбираем полиморфные декораторы - HOC'и на стероидах.
⏱Читать статью | 538 |
| 10 |  🔴AI кодинг интервью с разработчиком из международного FinTech в четверг в 19:00
ДА! Вайбкодинг реально начали проверять на интервью, поэтому мы нашли собеседующего, который проводит AI-секцию в международном финтехе, чтобы вы увидели что на ней спрашивают и как к ней подготовиться
Как это будет:
📂 Александр Дмитриев, разработчик из известного международного финтеха, ex-VK, ex-Ozon проведет вайбкодинг секцию разработчику-добровольцу
📂 Александр будет задавать реальные вопросы с секций, которые проводил сам и комментировать ответы
📂 В конце можно будет задать любой вопрос Александру
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для разработчиков, которые хотят сменить работу, повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 494 |
| 11 |  Как работают современные браузеры
#почитать
В этой серии статей мы подробно рассмотрим, как устроены современные браузеры, сделав акцент на архитектуре и внутреннем устройстве Chromium, но также отметим ключевые отличия в других браузерах. Мы рассмотрим весь цикл: от сетевого стека и конвейера парсинга до рендеринга с помощью Blink, выполнения JS с помощью движка V8, загрузки модулей, многопроцессной архитектуры, песочниц безопасности и инструментов разработчика. Главная цель — дать понятное и доступное объяснение того, что происходит в браузере "под капотом".
⏱Читать статью | 485 |
| 12 |  Создаем UI-Kit на React: пошаговое руководство по настройке
#почитать
Подготовили материал, в котором подробно разберем процесс настройки UI‑Kit на React — от установки зависимостей до сборки готового пакета. Ниже в статье вы прочитаете о полном цикле разработки: сборке, тестировании, линтинге и документации.
⏱Читать статью | 577 |
| 13 |  Разберём фронтенд слой за слоем 🥐
30 сентября встречаемся на VK Frontend Meetup SPB. Разберёмся в том, что видит пользователь, а дальше перейдём к архитектуре, инструментам и процессам, которые помогают масштабировать разработку.
В программе 3 доклада:
🔵Как в MAX разработали собственную архитектуру для стабильных анимированных стикеров
🔵Как в Одноклассниках учат AI работать с реальной дизайн-системой и существующими компонентами
🔵Как в Почте Mail запускают 300 промо в год
После докладов — фуршет и неформальное общение. Можно будет задать вопросы спикерам, обсудить выступления и поспорить о том, какой слой фронтенда самый сложный.
🗓 30 сентября, 19:00
📍Санкт-Петербург, офис VK у Красного моста
Встреча пройдёт только офлайн, записей докладов не будет.
Регистрация — по ссылке | 507 |
| 14 |  React vs Vue: Что выбрать в 2026?
#почитать
Этот выбор напоминает мне подбор гардероба для важного мероприятия: ошибешься — и проект ждут дополнительные проблемы, угадаешь — и ты на вершине успеха! Чтобы не попасть в просак с выбором, давайте детально разберем ключевые различия между React и Vue и определим, на что стоит обратить внимание.
⏱Читать статью | 467 |
| 15 |  Не спешите выкидывать Webpack: разбор альтернатив и реальных сценариев миграции
#почитать
Вокруг сборщиков последние годы кипят страсти: большинство боготворит Vite, кто-то экспериментирует с esbuild, а энтузиасты активно продвигают инструменты на базе Rust — прежде всего Rspack и SWC. На фоне этого Webpack нередко называют пережитком, который якобы тормозит развитие команд.
Но жизнь реальных продуктов куда сложнее, чем пишут в соцсетях. Иногда Webpack остается единственным зрелым вариантом. А иногда — мешает и действительно требует замены. В этой статье я попробую разобраться, откуда вообще взялись сборщики и что именно происходит внутри Webpack, насколько современные альтернативы действительно готовы его заменить, почему в Рунити мы осознанно продолжаем использовать Webpack в основных продуктах и в каких случаях смена сборщика действительно имеет смысл, а в каких может обернуться лишней тратой времени и сил без ощутимой выгоды.
⏱Читать статью | 535 |
| 16 |  Анимированный UI: как улучшить взаимодействие с пользователем
#почитать
Анимация пользовательского интерфейса прошла долгий путь за последнее десятилетие, они превратились в универсальный цифровой язык, который люди узнают и понимают. Эти микровзаимодействия позволяют дизайнерам общаться с пользователями посредством движения и анимации, предоставляя им рекомендации, контекст и создавая захватывающий пользовательский опыт.
В продакшене анимация всегда балансирует между выразительностью и производительностью. Чем сложнее сцена, тем выше нагрузка на процессор, особенно на мобильных устройствах. Поэтому важно оптимизировать: использовать GPU-дружественные свойства (transform, opacity), избегать тяжёлых reflow, а для сложных эффектов — применять библиотеку, которая работает с отложенным рендерингом, например Framer Motion или GSAP. Это не только повышает плавность, но и снижает энергопотребление, что прямо влияет на опыт пользователя.
⏱Читать статью | 588 |
| 17 |  Как функциональное программирование изменило фронтенд и почему отрасль возвращается к платформе
#почитать
Недавно я наткнулась на статью «How Functional Programming Shaped Modern Frontend» и неожиданно поймала себя на мысли: мы уже настолько привыкли к функциональному программированию (ФП) в JavaScript, что забыли, как всё начиналось и почему многие идеи казались почти спасением. Чтобы лучше понять эволюцию, я решила посмотреть, что писали разработчики о ФП во фронтенде 10 лет назад, примерно в 2013-2016 годах.
Контраст получился довольно яркий: от искреннего восторга до постепенного прозрения.
Я решила поделиться своим анализом, основанным на современных наблюдениях и на тех статьях прошлого, где ФП воспринималось как путь к «правильному» фронтенду.
⏱Читать статью | 558 |
| 18 |  JavaScript Distributed Assets — это просто
#почитать
Идея вот в чем: берем стандартные JavaScript модули (ESM) и делаем их прямыми эндпоинтами для генерации любых текстовых веб-ассетов, таких как HTML-файлы, CSS, SVG или даже JSON или Markdown, используя простое соглашение о именовании исходных файлов и дефолтный экспорт результата в виде строки (JavaScript Template Literal). Проще некуда и чем-то похоже на PHP, верно? Но, что это нам дает?
Давайте разберемся, почему JSDA (JavaScript Distributed Assets) - это то, что может сделать веб-разработку "грейт эгейн", после тысячи поворотов "не туда".
⏱Читать статью | 596 |
| 19 |  Даём возможность пользователям сайта самим менять размер блоков, потянув указателем мыши за край или угол
#почитать
В статье представлено всё необходимое, чтобы осуществить вынесенное в заголовок (плюс поддержка сенсорного ввода), а так же готовое open source решение, которое можно просто подключить и пользоваться.
⏱Читать статью | 564 |
| 20 |  🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер
3 сентября(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Даниилу
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 590 |
