Фронтендер от бога
رفتن به کانال در Telegram
Божественные дайджесты по фронтенду и немного юмора. По всем вопросам: @godinmedia
نمایش بیشتر3 479
مشترکین
-124 ساعت
-107 روز
-3630 روز
در حال بارگیری داده...
کانالهای مشابه
ابر برچسبها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
ژوئن '26
ژوئن '26
+4
در 0 کانالها
مه '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 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 30 ژوئن | 0 | |||
| 29 ژوئن | 0 | |||
| 28 ژوئن | 0 | |||
| 27 ژوئن | +1 | |||
| 26 ژوئن | 0 | |||
| 25 ژوئن | 0 | |||
| 24 ژوئن | 0 | |||
| 23 ژوئن | 0 | |||
| 22 ژوئن | 0 | |||
| 21 ژوئن | +1 | |||
| 20 ژوئن | 0 | |||
| 19 ژوئن | +1 | |||
| 18 ژوئن | 0 | |||
| 17 ژوئن | 0 | |||
| 16 ژوئن | 0 | |||
| 15 ژوئن | 0 | |||
| 14 ژوئن | 0 | |||
| 13 ژوئن | 0 | |||
| 12 ژوئن | 0 | |||
| 11 ژوئن | +1 | |||
| 10 ژوئن | 0 | |||
| 09 ژوئن | 0 | |||
| 08 ژوئن | 0 | |||
| 07 ژوئن | 0 | |||
| 06 ژوئن | 0 | |||
| 05 ژوئن | 0 | |||
| 04 ژوئن | 0 | |||
| 03 ژوئن | 0 | |||
| 02 ژوئن | 0 | |||
| 01 ژوئن | 0 |
پستهای کانال
Насколько быстро браузеры могут обрабатывать данные в Base64?
#почитать
Недавно в браузерах появились удобные и безопасные функции для обработки Base64: Uint8Array.toBase64() и Uint8Array.fromBase64(). Хоть у них и есть множество параметров, смысл их сводится к кодированию и декодированию.
При кодировании они берут 24 бита из входных данных и разделяют их на четыре сегмента по 6 бит, и каждое 6-битное значение (в интервале от 0 до 63) соотносится с конкретным символом из алфавита Base64: первые 26 символов — это буквы A-Z в верхнем регистре, следующие 26 — a-z в нижнем, затем идут цифры 0-9 и, наконец, символы «+» и «/» в качестве 62-го и 63-го символов. Если длина входных данных не кратна трём байтам, то в качестве заполнителя используется знак «=».
⏱Читать статью
| 2 | Zod: строгая валидация и удобная типизация. Опыт перехода
#почитать
К Zod мы пришли не сразу. Долгое время типы и валидация у нас жили в разных слоях приложения: TypeScript определял структуру данных во время разработки, а отдельные функции или библиотеки (вроде Yup) проверяли входящие значения в рантайме.
Это классическая проблема: дублирование логики и рассинхрон. Типы в interface поменялись, а валидация осталась прежней (или наоборот). Мы пробовали Yup, но он казался громоздким в связке с TS: типы приходилось выводить вручную или мириться с тем, что схемы выглядят непрозрачно. В какой-то момент стало непонятно: зачем тащить отдельную библиотеку, если проще написать if (typeof x === 'string')?
С переходом на Zod всё стало значительно проще: одна схема одновременно является и валидатором, и источником типа данных.
⏱Читать статью | 428 |
| 3 | JavaScript: практическое руководство по Blob, File API и оптимизации памяти
#почитать
В современных фронтенд-приложениях работа с файлами встречается постоянно: загрузка изображений, экспорт CSV, превью и интерактивные редакторы. Но когда файлы увеличиваются в размере или их количество растет, начинаются проблемы: интерфейс подвисает, расход памяти увеличивается, а браузер иногда просто падает.
В этом руководстве мы разберем шесть практических приемов работы с Blob, которые помогают обрабатывать файлы эффективно и безопасно.
⏱Читать статью | 357 |
| 4 | Практика по исправлению рекурсивных импортов во фронтенд приложении
#почитать
Рекурсивные импорты рассмотрим на примере React/Redux приложении.
Исходный код приложения опубликован тут, можете склонировать и попробовать самостоятельно исправить ошибки. Так сказать закрепить теорию на практике.
⏱Читать статью | 493 |
| 5 | 🔴 Эфир начнётся уже через 2 часа. Переходи в бот за ссылкой: @shortcut_front_bot | 203 |
| 6 | Подходы к state management в React
#почитать
У React-разработчика две беды:
1. Целевые данные изменились, а ререндера нет.
2. Целевые данные не изменились, а ререндер есть.
Есть много вариантов подружить данные с интерфейсом, в рамках данной статьи я пройдусь по самым популярным из них. Выясним, как они устроены и для чего каждый из них подойдет лучше, обсудим конкретные реализации разных паттернов.
⏱Читать статью | 666 |
| 7 | 🔍Тестовое собеседование с руководителем Frontend-разработки в этот четверг
18 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Виталию
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 545 |
| 8 | Кодирование и декодирование Base64 с atob и btoa
#почитать
Функции btoa() и atob() — это встроенные средства JavaScript для кодирования и декодирования строк в формате Base64.
⏱Читать статью | 429 |
| 9 | Файловые потоки: Vinyl и vinyl-fs в основе Gulp
#почитать
Сила современного Gulp — не в сборке фронтенда, а в автоматизации через потоки файлов. В основе — объект Vinyl и движок vinyl-fs. Эта статья — разбор этих технологий, сценарии применения и замена устаревшего passthrough на актуальные паттерны.
⏱Читать статью | 443 |
| 10 | React изменился, хуки тоже должны измениться
#почитать
В 2026 году React продолжает эволюционировать. Узнайте, как перейти от злоупотребления useEffect к современным паттернам хуков, которые делают код чище, уменьшают ошибки и готовят ваше приложение к будущему.
⏱Читать статью | 1 |
| 11 | Javascript: прощай, Date, здравствуй, Temporal
#почитать
Время выставляет нас всех дураками, и JavaScript в этом не исключение. Честно говоря, меня это особо не задевало: по большей мере меня радуют маленькие странности JavaScript.
Мне нравится, когда можно увидеть обратную сторону; какой бы формальной и железобетонной ни казалась спецификация ES-262, мы всё равно замечаем (если знать, куда смотреть) в ней все хорошие и плохие решения, принятые сотнями людей, разрабатывавших язык. У JavaScript есть характер. Да, он не всегда делает всё в точности так, как можно ожидать, но на мой взгляд, JavaScript обладает настоящим очарованием, которое можно оценить, если глубоко его изучить.
Впрочем, существует одна часть языка, которая мне кажется совершенно нелогичной: это конструктор Date.
⏱Читать статью | 542 |
| 12 | Функции-конструкторы и оператор new в JavaScript
#почитать
Покажу, как создавать множество однотипных объектов, не копируя код раз за разом. Мы разберемся с функциями-конструкторами и оператором new — тем самым фундаментом, на котором строятся современные классы в JavaScript.
⏱Читать статью | 626 |
| 13 | Полный гайд по объекту Date в JavaScript
#почитать
Объект Date позволяет создавать, сравнивать и форматировать дату и время. Используется для отображения текущего времени, вычисления интервалов и работы с таймзонами в веб-приложениях.
⏱Читать статью | 752 |
| 14 | Мои любимые паттерны для full-stack и frontend-проектов
#почитать
Проверенные в бою паттерны для проектов на React + TypeScript: фабрики ключей запросов, server actions, права доступа через CASL и многое другое.
⏱Читать статью | 628 |
| 15 | Синтаксический сахар или технический деготь: классы в JavaScript
#почитать
Сегодня мы сделаем следующий шаг к современному JavaScript. Я покажу вам классы — более чистый и понятный способ делать ровно то же самое. Хоть классы и называют «синтаксическим сахаром», но это не отменяет популярность и удобство их использования.
⏱Читать статью | 787 |
| 16 | Экипировка Бонда: полезные инструменты DevTools
#почитать
Для любого специалиста в веб-разработке DevTools — это незаменимый инструмент диагностики. Однако его истинная мощь часто остаётся «в тени»: многие используют лишь базовый функционал, упуская из виду целый арсенал возможностей для тонкой настройки и глубокого анализа.
В этой статье я хочу сосредоточиться на практических приёмах, которые ежедневно использую сам.
⏱Читать статью | 784 |
| 17 | Что такое null-коалесцентный оператор ?? в JavaScript
#почитать
Операторы ?? и ??= стали доступны в Baseline в статусе «Widely Available» с 16 марта 2023 года. Они упрощают работу с переменными, которые могут быть null или undefined, позволяя задавать значения по умолчанию или обновлять переменные только в этих случаях. Это делает код чище и понятнее, особенно при работе с потенциально отсутствующими данными.
⏱Читать статью | 661 |
| 18 | Приглашаем на Frontend Mix — бесплатный митап ЮMoney для всех, кто интересуется фронтенд-разработкой 🤩
🕓 28 мая, четверг, 19:00 (мск) — приходите на митап в Санкт-Петербурге или подключайтесь онлайн.
Спикеры из ЮMoney поделятся, как работают над задачами и улучшают процессы в команде.
Вот о чём будут рассказывать:
🟣 Как спят вкладки в браузере. На живом примере разберём, как браузер усыпляет вкладки, почему из-за этого ломается real-time и какие приёмы дебага и resync помогают находить и чинить их в продакшене.
🟣 Как построить Spec-Driven платформу для генерации писем. Используя OpenAPI как единый источник правды, покажем, как описывать контракты электронных писем через спецификацию и автоматически генерировать консистентный HTML.
🟣 Подключение модуля шумоподавления в рабочее место оператора. Рассмотрим инструменты React, WebSockets, WebRTC, а также архитектуру и логику работы модуля шумоподавления.
🟣 Круглый стол — AI во фронтенде: вызовы и реальность. Обсудим влияние нейросетей на фронтенд с трёх позиций: рынка, разработки и образования.
Чтобы попасть на митап, нужна регистрация. Все подробности — на сайте Frontend Mix 👈 | 353 |
| 19 | Как мы искали безупречные данные в мире JavaScript
#почитать
Если вы когда-нибудь писали фронтенд на TypeScript и получали в проде Cannot read property 'x' of undefined, — добро пожаловать в клуб!
TypeScript спасает нас от сотен ошибок… но только пока код не запущен. Как только он скомпилировался, типы исчезают, и в рантайме вы снова остаетесь один на один с невалидными данными.
И вот тут начинается: меняется API, формы шлют что угодно, аналитика ломает отчёты, а тесты молчат.
В Островке мы попробовали библиотеку Valibot — легковесный runtime-валидатор, который умеет проверять данные на границах контекстов и при этом остаётся дружелюбным к TypeScript.
⏱Читать статью | 691 |
| 20 | 🌐 Мы неправильно используем useEffect
#посмотреть
В данном ролике поговорим с вами о useEffectи посмотрим доклад, который раскроет более подробно тему состояний.
⏱Смотреть на YouTube ⏱️40 минут | 627 |
اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
