Фронтендер от бога
Відкрити в Telegram
Божественные дайджесты по фронтенду и немного юмора. По всем вопросам: @godinmedia
Показати більше
3 362
Підписники
-224 години
-67 днів
-2430 днів
Завантажуємо дані
Схожі канали
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
листопад '26лист '26
листопад '26
+1
в 0 каналах
жовтень '26
+4
в 0 каналах
Get PRO
вересень '26
+8
в 0 каналах
Get PRO
серпень '26
+9
в 0 каналах
Get PRO
липень '26
+6
в 0 каналах
Get PRO
червень '26
+4
в 0 каналах
Get PRO
травень '26
+6
в 0 каналах
Get PRO
квітень '26
+2
в 0 каналах
Get PRO
березень '26
+3
в 0 каналах
Get PRO
лютий '26
+1
в 0 каналах
Get PRO
січень '26
+4
в 0 каналах
Get PRO
грудень '25
+21
в 0 каналах
Get PRO
листопад '25
+7
в 0 каналах
Get PRO
жовтень '250
в 0 каналах
Get PRO
вересень '25
+2
в 0 каналах
Get PRO
серпень '25
+3
в 0 каналах
Get PRO
липень '25
+2
в 0 каналах
Get PRO
червень '25
+2
в 0 каналах
Get PRO
травень '25
+7
в 0 каналах
Get PRO
квітень '25
+6
в 0 каналах
Get PRO
березень '25
+192
в 0 каналах
Get PRO
лютий '25
+190
в 0 каналах
Get PRO
січень '25
+36
в 0 каналах
Get PRO
грудень '24
+101
в 0 каналах
Get PRO
листопад '24
+593
в 0 каналах
Get PRO
жовтень '24
+610
в 0 каналах
Get PRO
вересень '24
+475
в 0 каналах
Get PRO
серпень '24
+589
в 0 каналах
Get PRO
липень '24
+642
в 0 каналах
Get PRO
червень '24
+55
в 0 каналах
Get PRO
травень '24
+16
в 0 каналах
Get PRO
квітень '24
+14
в 0 каналах
Get PRO
березень '24
+30
в 0 каналах
Get PRO
лютий '24
+78
в 1 каналах
Get PRO
січень '24
+43
в 0 каналах
Get PRO
грудень '23
+39
в 0 каналах
Get PRO
листопад '23
+9
в 0 каналах
Get PRO
жовтень '23
+17
в 0 каналах
Get PRO
вересень '23
+73
в 0 каналах
Get PRO
серпень '23
+164
в 0 каналах
Get PRO
липень '23
+487
в 0 каналах
Get PRO
червень '23
+412
в 0 каналах
Get PRO
травень '23
+12
в 0 каналах
Get PRO
квітень '23
+7
в 0 каналах
Get PRO
березень '23
+5
в 0 каналах
Get PRO
лютий '23
+12
в 0 каналах
Get PRO
січень '23
+15
в 0 каналах
Get PRO
грудень '22
+82
в 0 каналах
Get PRO
листопад '22
+10
в 0 каналах
Get PRO
жовтень '22
+8
в 0 каналах
Get PRO
вересень '22
+10
в 0 каналах
Get PRO
серпень '22
+13
в 0 каналах
Get PRO
липень '22
+111
в 0 каналах
Get PRO
червень '22
+13
в 0 каналах
Get PRO
травень '22
+106
в 0 каналах
Get PRO
квітень '22
+127
в 0 каналах
Get PRO
березень '22
+9
в 0 каналах
Get PRO
лютий '22
+10
в 0 каналах
Get PRO
січень '22
+15
в 0 каналах
Get PRO
грудень '21
+72
в 0 каналах
Get PRO
листопад '21
+347
в 0 каналах
Get PRO
жовтень '21
+836
в 0 каналах
Get PRO
вересень '21
+350
в 0 каналах
Get PRO
серпень '21
+83
в 0 каналах
Get PRO
липень '21
+140
в 0 каналах
Get PRO
червень '21
+339
в 0 каналах
Get PRO
травень '21
+1 365
в 0 каналах
Get PRO
квітень '21
+439
в 0 каналах
Get PRO
березень '21
+4 710
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 13 листопада | 0 | |||
| 12 листопада | 0 | |||
| 11 листопада | 0 | |||
| 10 листопада | 0 | |||
| 09 листопада | 0 | |||
| 08 листопада | +1 | |||
| 07 листопада | 0 | |||
| 06 листопада | 0 | |||
| 05 листопада | 0 | |||
| 04 листопада | 0 | |||
| 03 листопада | 0 | |||
| 02 листопада | 0 | |||
| 01 листопада | 0 |
Дописи каналу
setHTML(), Trusted Types и Sanitizer API
#почитать
Ранняя версия Sanitizer API была реализована в Chrome, но позже была удалена. Поэтому не стоит ориентироваться на старые материалы — спецификация API со временем значительно изменилась.
На данный момент Sanitizer API поддерживается в Firefox Nightly в соответствии с актуальной спецификацией. В Chrome Canary он также доступен, но только при включении специального флага. В Safari реализация пока не ведется, однако команда разработчиков Safari выразила поддержку этой инициативе.
⏱Читать статью
| 2 |  Передачи данных в воркеры JavaScript
#почитать
Передача данных между воркерами в JavaScript, не так проста и имеет массу особенностей завязанных на реализации потоков в языке. Хотите узнать о том какие ограничения накладывает архитектура многопоточки JS и как эти ограничения безопасно обойти?
⏱Читать статью | 335 |
| 3 |  Что происходит внутри Angular и React при решении одних и тех же задач
#почитать
React — популярная библиотека JavaScript, которая заслуженно пользуется популярностью у фронтендеров. А вот Angular часто называют избыточно усложненным и даже отчасти устаревшим. Мне довелось поработать на реальных проектах и с тем, и с другим, каждый раз проходя путь от «да как на этом вообще можно работать» до «человечество не придумало ничего лучше».
⏱Читать статью | 428 |
| 4 |  Руководство по архитектуре браузерных песочниц: как работает изоляция JavaScript-кода
#почитать
Последние несколько месяцев я работаю над пет-проектом — интерактивной образовательной платформой для изучения Web Audio API и принципов обработки и синтеза цифрового звука. На платформе пользователи смогут решать задачи, программируя на JavaScript прямо в браузере. Эти программы выполняются в изолированной среде — песочнице, где пользовательский код не может повлиять на работу самой платформы.
Когда я начал реализовывать песочницу для своего проекта, я быстро понял, что это куда сложнее, чем кажется на первый взгляд. Я перепробовал разные подходы и убедился, что тема изоляции кода в браузере далека от очевидной, а большинство материалов в сети рассматривают её лишь поверхностно. Из моих исследований и экспериментов выросла эта статья — подробный разбор того, как устроены песочницы в браузере и какие архитектурные принципы и нюансы безопасности лежат в их основе.
⏱Читать статью | 531 |
| 5 |  Как я писал свой первый веб‑чат на React + FastAPI и всё сломал
#почитать
История о том, как я перешёл от просмотра вакансий к реальному проекту. Сделал простой веб-чат на React + TypeScript и FastAPI, задеплоил на Vercel и Render, и столкнулся со всеми классическими проблемами начинающего разработчика: Git-хаос, CORS-ошибки, забытые коммиты и node_modules в репозитории.
В статье - честный рассказ про мой первый пет-проект: выбор стека, структуру проекта, работу с REST API, настройку деплоя и документацию. Без приукрашиваний, с реальными граблями и ощущением победы, когда всё наконец заработало.
⏱Читать статью | 462 |
| 6 |  Компилируем TypeScript в натив: хардкор и мясо
#почитать
Есть большой проект, с кодовой базой в два миллиона строк на C++. Ядро на плюсах, поверх него работают несколько UI: десктопный интерфейс, веб и мобильное приложение. В какой-то момент проект упирается сразу в две проблемы. Первая — лицензионные ограничения: новые версии Qt, на которых мог бы жить десктопный интерфейс, становятся недоступны по санкционным причинам. Вторая — скорость разработки: UI давно хотелось писать быстрее.
Возникает логичный вопрос: что, если взять лучшие, максимально автоматизированные инструменты из веба и перенести их в мир нативных приложений без браузера и лишних прослоек? Ключевая цель — обеспечить возможность вызова C++-код из TypeScript с возвратом результата без промежуточных интерпретаторов.
⏱Читать статью | 532 |
| 7 |  Сервисворкер: когда Workbox уже слишком тяжёлый
#почитать
Сервис‑воркеры сегодня — не экзотика, а рабочий инструмент: offline‑режим, агрессивное кэширование, «живые» обновления и всё такое. Под это уже давно есть отличный, проверенный Workbox, и я сам с ним работал.
Но по мере того, как я таскал SW из проекта в проект, у меня всё чаще возникало ощущение, что мне нужен инструмент с другим профилем: поменьше магии и слоёв абстракции, попроще вход в код и в «как тут всё устроено», конструктор из маленьких плагинов, которые легко прочитать глазами и отладить.
⏱Читать статью | 590 |
| 8 |  ShadowRealm API: изоляция исполнения кода в JavaScript
#почитать
Джаваскриптеры давно мечтают о безопасной изоляции кода, чтобы можно было выполнить сторонний скрипт или библиотеку в своём песочном замке, без риска повредить глобальные объекты или залезть друг другу в прототипы. Сейчас для этого есть костыли, либо создавать скрытый <iframe> (у которого свой глобальный контекст), либо городить сложные рентаймы. В Node.js есть модуль vm и контексты, но и они далеки от идеала. Но на горизонте замаячило штатное решение от TC39, ShadowRealm API. От названия веет чем-то мистическим, но по сути это просто способ создать новый глобальный JavaScript-контекст в рамках текущего потока, и исполнить в нём код изолированно от основного.
⏱Читать статью | 620 |
| 9 |  This is JavaScript: методы объектов и контекст «this»
#почитать
Ранее я рассказывал о callback-функциях, деструктуризации, операторах и многом другом. Если вы уже успели познакомиться с основами JavaScript, то наверняка вам знакомы такие понятия, как объекты и функции.
В этой статье мы двинемся дальше и соберем эти знания воедино. Я расскажу вам о методах объектов и загадочном слове this. Разберемся, для чего они нужны, как сделать объекты по-настоящему живыми и как избежать частых ошибок.
⏱Читать статью | 615 |
| 10 |  Фронтенд обгоняет бек или как мы написали 200_000 строк кода на моках
#почитать
Я работаю старшим фронтенд-разработчиком в it-отделе одного из крупнейших федеральных застройщиков. Специфика разработки в такой непрофильной компании — сроки спускаемые сверху и вообще не имеющие корреляции с реальными ресурсами и возможностями команды. Именно поэтому мы работаем очень быстро, постоянно пытаясь получить (максимум результата)*3 за (минимум времени)/4.
⏱Читать статью | 646 |
| 11 |  Как правильно обновлять зависимости в проекте
#почитать
Казалось бы что может быть проще и банальнее, чем обновить зависимости во фронтенд-проекте? Но зачастую даже опытные мидлы делают это не правильно и ставят себе палки в колеса. Давайте разберемся почему так происходит и как этого избежать.
⏱Читать статью | 642 |
| 12 |  Цепочка ошибок в JavaScript: удобная отладка кода с помощью Error.cause
#почитать
Обработка ошибок в JavaScript всегда была немного хаотичной. Получить ошибку легко, но отследить ее первоисточник бывает очень сложно. Именно здесь и приходит на помощь свойство cause.
⏱Читать статью | 606 |
| 13 |  Ответ фронтендера на «Не занимайтесь преждевременной оптимизацией»
#почитать
Я хочу показать, почему распространённая фраза "не занимайтесь преждевременной оптимизацией" почти всегда используется неправильно, особенно в современных фронтенд-проектах. Я посмотрю на исторический контекст, разберу, что именно Кнут называл оптимизацией, и почему многие вещи, которые считаются "преждевременной оптимизацией", на деле — нормальная инженерная дисциплина.
⏱Читать статью | 679 |
| 14 |  🌐 Как задеплоить 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 минут | 623 |
| 15 |  +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 для фронтенда, присоединяйтесь к сезону.
Вы поймёте, как встроить новые инструменты и подходы в свою работу и найдёте множество единомышленников.
👉 Билеты на сезон | 522 |
| 16 |  Грани полиморфизма React: полиморфные декораторы
#почитать
Мы поговорили уже про as для типобезопасного полиморфизма, asChild для композиции и FACC для вариативного дизайна. Но что, если я скажу, что есть способ комбинировать логику ещё элегантнее и не смешивать ее с отрисовкой? Сегодня разбираем полиморфные декораторы - HOC'и на стероидах.
⏱Читать статью | 539 |
| 17 |  🔴AI кодинг интервью с разработчиком из международного FinTech в четверг в 19:00
ДА! Вайбкодинг реально начали проверять на интервью, поэтому мы нашли собеседующего, который проводит AI-секцию в международном финтехе, чтобы вы увидели что на ней спрашивают и как к ней подготовиться
Как это будет:
📂 Александр Дмитриев, разработчик из известного международного финтеха, ex-VK, ex-Ozon проведет вайбкодинг секцию разработчику-добровольцу
📂 Александр будет задавать реальные вопросы с секций, которые проводил сам и комментировать ответы
📂 В конце можно будет задать любой вопрос Александру
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для разработчиков, которые хотят сменить работу, повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 494 |
| 18 |  Как работают современные браузеры
#почитать
В этой серии статей мы подробно рассмотрим, как устроены современные браузеры, сделав акцент на архитектуре и внутреннем устройстве Chromium, но также отметим ключевые отличия в других браузерах. Мы рассмотрим весь цикл: от сетевого стека и конвейера парсинга до рендеринга с помощью Blink, выполнения JS с помощью движка V8, загрузки модулей, многопроцессной архитектуры, песочниц безопасности и инструментов разработчика. Главная цель — дать понятное и доступное объяснение того, что происходит в браузере "под капотом".
⏱Читать статью | 487 |
| 19 |  Создаем UI-Kit на React: пошаговое руководство по настройке
#почитать
Подготовили материал, в котором подробно разберем процесс настройки UI‑Kit на React — от установки зависимостей до сборки готового пакета. Ниже в статье вы прочитаете о полном цикле разработки: сборке, тестировании, линтинге и документации.
⏱Читать статью | 577 |
| 20 |  Разберём фронтенд слой за слоем 🥐
30 сентября встречаемся на VK Frontend Meetup SPB. Разберёмся в том, что видит пользователь, а дальше перейдём к архитектуре, инструментам и процессам, которые помогают масштабировать разработку.
В программе 3 доклада:
🔵Как в MAX разработали собственную архитектуру для стабильных анимированных стикеров
🔵Как в Одноклассниках учат AI работать с реальной дизайн-системой и существующими компонентами
🔵Как в Почте Mail запускают 300 промо в год
После докладов — фуршет и неформальное общение. Можно будет задать вопросы спикерам, обсудить выступления и поспорить о том, какой слой фронтенда самый сложный.
🗓 30 сентября, 19:00
📍Санкт-Петербург, офис VK у Красного моста
Встреча пройдёт только офлайн, записей докладов не будет.
Регистрация — по ссылке | 507 |
