Заметки Фронтендера
前往频道在 Telegram
Сборник курсов по frontend и web-дизайн Ссылка: @Portal_v_IT Сотрудничество, авторские права: @oleginc, @tatiana_inc Канал на бирже: https://telega.in/c/frontend_tg
显示更多5 929
订阅者
-224 小时
-197 天
-9430 天
数据加载中...
相似频道
标签云
进出提及
---
---
---
---
---
---
吸引订阅者
六月 '26
六月 '26
+1
在0个频道中
五月 '26
+13
在0个频道中
Get PRO
四月 '26
+10
在0个频道中
Get PRO
三月 '26
+16
在0个频道中
Get PRO
二月 '26
+25
在0个频道中
Get PRO
一月 '26
+24
在0个频道中
Get PRO
十二月 '25
+24
在0个频道中
Get PRO
十一月 '25
+25
在0个频道中
Get PRO
十月 '25
+22
在0个频道中
Get PRO
九月 '25
+25
在0个频道中
Get PRO
八月 '25
+35
在0个频道中
Get PRO
七月 '25
+29
在0个频道中
Get PRO
六月 '25
+29
在0个频道中
Get PRO
五月 '25
+31
在0个频道中
Get PRO
四月 '25
+33
在0个频道中
Get PRO
三月 '25
+32
在0个频道中
Get PRO
二月 '25
+53
在0个频道中
Get PRO
一月 '25
+53
在0个频道中
Get PRO
十二月 '24
+43
在1个频道中
Get PRO
十一月 '24
+56
在1个频道中
Get PRO
十月 '24
+43
在1个频道中
Get PRO
九月 '24
+41
在0个频道中
Get PRO
八月 '24
+32
在0个频道中
Get PRO
七月 '24
+56
在0个频道中
Get PRO
六月 '24
+74
在0个频道中
Get PRO
五月 '24
+74
在0个频道中
Get PRO
四月 '24
+81
在0个频道中
Get PRO
三月 '24
+105
在1个频道中
Get PRO
二月 '24
+110
在0个频道中
Get PRO
一月 '24
+88
在0个频道中
Get PRO
十二月 '23
+38
在0个频道中
Get PRO
十一月 '23
+45
在0个频道中
Get PRO
十月 '23
+22
在0个频道中
Get PRO
九月 '23
+32
在0个频道中
Get PRO
八月 '23
+36
在0个频道中
Get PRO
七月 '23
+53
在0个频道中
Get PRO
六月 '23
+36
在0个频道中
Get PRO
五月 '23
+35
在0个频道中
Get PRO
四月 '23
+21
在0个频道中
Get PRO
三月 '23
+73
在0个频道中
Get PRO
二月 '23
+244
在0个频道中
Get PRO
一月 '23
+541
在0个频道中
Get PRO
十二月 '22
+1 574
在0个频道中
Get PRO
十一月 '22
+1 024
在0个频道中
Get PRO
十月 '22
+5 180
在0个频道中
Get PRO
九月 '22
+5 530
在0个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 12 六月 | 0 | |||
| 11 六月 | 0 | |||
| 10 六月 | 0 | |||
| 09 六月 | +1 | |||
| 08 六月 | 0 | |||
| 07 六月 | 0 | |||
| 06 六月 | 0 | |||
| 05 六月 | 0 | |||
| 04 六月 | 0 | |||
| 03 六月 | 0 | |||
| 02 六月 | 0 | |||
| 01 六月 | 0 |
频道帖子
❗️Современный DI в TypeScript без декораторов
Каждый, кто пишет на TypeScript хотя бы пару лет, отлично знаком со стандартным DI-сценарием: класс, декоратор @Injectable(), флаг emitDecoratorMetadata в конфиге и рантайм-магия фреймворка. Этот подход казался прорывным в 2015 году, но современный TypeScript ушел далеко вперед.
Проблема: NestJS и InversifyJS используют рефлексию и декораторы, что нарушает treeshaking и требует Babel-плагинов. Решение — подход с явными зависимостями через функции-конструкторы, который обеспечивает статическую type safety и полную поддержку Vite/vite.Стоит посмотреть всем, кто устал от магии рантайма и хочет писать чистый код с полной типизацией и без скрытых зависимостей 🔥Ссылка на статью Заметки Фронтендера & Max
| 2 | ❗️Новый оператор ?= для обработки ошибок в JavaScript
Устал от громоздких try-catch блоков, которые превращают чистый код в запутанное нагромождение? Разработчики JavaScript получают новый инструмент для элегантной обработки ошибок.
Оператор ?= позволяет обрабатывать ошибки прямо в цепочке методов, без try-catch. Что рассмотрено: синтаксис use?, синтаксис wait?, практические примеры с async/await, сравнение производительности с традиционными методами и реальные кейсы применения.
Идеальный инструмент для всех, кто работает с асинхронным JavaScript и хочет сделать код чище и читабельнее
🔥Ссылка на статью
Заметки Фронтендера & Max | 59 |
| 3 | ❗️Фронтенд-тесты: что, как и зачем
Берешься за новый фронтенд, но чувствуешь, что тесты нужны, а как их правильно внедрить — неясно? На этот случай собран гайд, который разбирает типы тестов, подходящие инструменты и принципы для внедрения в проект.
Разбираются уровни тестирования: модульные (Jest, Vitest), интеграционные (Cypress, Playwright), end-to-end и snapshot-тесты, а также метрики типа покрытия и отказоустойчивости. Показывают базовые примеры и объясняют, с чего начать.
Прекрасный старт для тех, кто хочет системно подойти к тестам и сделать код стабильнее, а отладку быстрее
🔥Ссылка на статью
Заметки Фронтендера & Max | 119 |
| 4 | ИИ больше не про хобби — он становится обязательным навыком, чтобы оставаться востребованным на рынке труда.
По оценкам экспертов, в ближайшее время до 80% вакансий будут требовать умения работать с нейросетями:
— генерировать визуал, видео, тексты для любых ниш;
— создавать реалистичный ИИ-контент;
— автоматизировать рутину.
Хорошие новости — освоить базовый минимум в создании контента с помощью ИИ можно всего за 3 дня. Вы сделаете ИИ своим рабочим инструментом и сократите рабочее время без потери качества.
Переходите по ссылке и получайте персональный доступ к урокам и бонусным материалам.
Реклама. Информация о рекламодателе по ссылкам в посте. | 147 |
| 5 | ❗️Охота за утечкой памяти в Vue/Nuxt: реальный кейс
Пытаешься починить утечку памяти на продакшене? В статье на Habr dev делится опытом 8-дневного расследования, где патч был найден в самом Vue, а потом откачен как регрессионный – теперь застряли на одной безопасной версии, и апдейты не безопасны.
Ключевая проблема: утечка в Nuxt 3.18 + Vue 3.5.x. После многочисленных проверок оказалось, что проблема была не в приложении, а в самом Vue — патч 3.5.20 исправлял её, но вызвал новые регрессии. Теперь единственная безопасная версия — 3.5.21, и даже patch/minor обновления требуют проверки heap-снапшотами.
Нужный кейс для фронтендеров на Vue, которые сталкиваются с необъяснимыми утечками и хотят понять реальный процесс дебага
🔥Ссылка на статью
Заметки Фронтендера & Max | 170 |
| 6 | ❗️Библиотека для рисования от руки на JavaScript
Как реализовать рисование от руки на сайте, чтобы оно работало на любых устройствах — пером на планшете, пальцем на сенсоре или мышью на компьютере? js-draw предлагает готовое решение без хлопот.
Ключевые возможности: поддержка мыши, сенсорных экранов и стилусов; настраиваемые кисти и цвета; режимы рисования и стирания; рендеринг на Canvas с сохранением истории действий; TypeScript-совместимость и минимум зависимостей.
Готовая библиотека для проектов, которым нужно рисование прямо в браузере без лишних танцев с API
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 155 |
| 7 | ❗️Почему MobX — лучшая альтернатива Redux?
Запутался в постоянных reducer'ах и action creator'ах в Redux? Есть инструмент, который делает состояние приложения таким же простым, как обычные JavaScript-объекты.
Ключевые преимущества MobX: реактивность на основе наблюдателей вместо диспетчеров, автоматическое управление зависимостями, минимальный бойлерплейт и высокая производительность. Как это работает: вы просто меняете объекты, а MobX автоматически вычисляет, что нужно обновить в интерфейсе.
Рекомендую попробовать MobX, если устал от громоздкой структуры Redux — особенно для проектов с быстро меняющимся состоянием и сложными формами
🔥Ссылка на статью
Заметки Фронтендера & Max | 187 |
| 8 | ❗️TypeScript-головоломки для практики
Прокачиваешь типизацию в TypeScript, но простые примеры уже не задают новый уровень? Эти головоломки разной сложности помогут глубоко погрузиться в систему типов.
База задач для практики с TypeScript — от простых типизаций до сложных утилитных типов. Что есть: задачи по сложности (Easy/Medium/Hard), онлайн-песочница для тестирования решений, примеры и объяснения типовых кейсов.
Классный ресурс для разработчиков, которые хотят не просто писать на TypeScript, а понимать его систему типов изнутри и создавать свои утилитарные типы
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 174 |
| 9 | ❗️Курс 50 концепций Java, которые должен знать каждый разработчик: идеальное руководство, с которого нужно начать работу каждому разработчику Java (50 концепций, которые должен знать каждый разработчик)
📖О курсе:
Эта Книга замечательна тем, что в ней есть не только фундаментальные понятия, но также промежуточные и продвинутые.
Вы изучите такие темы, как:
~ Проектирование шаблонов на Java.
~ Синхронизация потоков.
~ Перечисления.
~ Коллекции и методы
~ Создание API с помощью Spring Framework.
И многие другие концепции, которые помогут вам чувствовать себя более уверенно при использовании языка программирования Java.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 172 |
| 10 | ❗️TypeScript-головоломки для практики
Прокачиваешь типизацию в TypeScript, но простые примеры уже не задают новый уровень? Эти головоломки разной сложности помогут глубоко погрузиться в систему типов.
База задач для практики с TypeScript — от простых типизаций до сложных утилитных типов. Что есть: задачи по сложности (Easy/Medium/Hard), онлайн-песочница для тестирования решений, примеры и объяснения типовых кейсов.
Классный ресурс для разработчиков, которые хотят не просто писать на TypeScript, а понимать его систему типов изнутри и создавать свои утилитарные типы
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 1 |
| 11 | Инди-игра на чистом JS без опыта геймдева
Считаешь, что без опыта в геймдеве и сложной верстке создавать игры — это удел профи? Найденный опыт показывает, что и на коленке можно собрать рабочую HTML5-игру и даже запустить её в Яндекс Играх.
Ключевые шаги истории: простейшая SPA-архитектура на тегах iframe, костыли для продвижения в каталоге, реальные цифры трафика за первые недели и доходы от микротранзакций. Автор показывает, как выглядит путь от идеи до живого проекта без профессионального бэкграунда.
Интересный опыт для разработчиков, кто хотел бы попробовать силы в инди-геймдеве, не углубляясь в сложные движки и не тратя месяцы на изучение Unity или Unreal
🔥Ссылка на статью
Заметки Фронтендера & Max | 170 |
| 12 | ❗️30 элементов сайта на примере Materialize CSS
На этом бесплатном курсе мы будем изучать фреймворк Materialize CSS, созданный для упрощения работы верстальщика, быстроты разработки и исключения максимально возможного числа ошибок вёрстки.
Рассмотрим и доп. возможности: готовые темы, код фреймворка, его отдельные компоненты и многое другое.
🔥Ссылка на курс
Заметки Фронтендера & Max | 165 |
| 13 | ❗️Курс Django 5 для нетерпеливых — второе издание: изучите основные концепции Django для разработки веб-приложений на Python
📖О курсе:
Изучение Django может оказаться сложным и трудоемким занятием без правильного руководства. С сотнями руководств, множеством документации и неясными объяснениями легко упустить из виду самое важное. Эта книга выделяется тем, что научит вас целенаправленному подходу использовать Django всего за несколько дней.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 164 |
| 14 | 🔥 Открытый практикум по Claude Code без теории
Ты слышал, что Claude Code — один из лучших инструментов вайб-кодинга в мире. Зашёл попробовать — а там оплата картой, которая из России не проходит. Ограничения, виртуалки, чужие аккаунты, и фоновый страх, что завтра всё отвалится.
CEO университета Зерокодер, Кирилл Пшинник, проведет открытый практикум. Что вы узнаете:
— Доступ к Claude Code из России — как установить, оплатить и настроить. Без блокировок — рабочая схема 2026 года;
— 15 ИИ-агентов одновременно — прямая демонстрация: как выполняются задачи, как работает переключение, контекст проекта;
— Сайт с нуля за 15 минут — прямо на практикуме, от пустой папки до готовой страницы;
— Дашборд и обработка таблиц — аналитика на чистом коде, без сторонних сервисов.
И самое главное – расскажем как получить Claude Code бесплатно.
🎁 Бонус всем участникам: набор лучших навыков для Claude Code, чтобы вы сразу начали работать, без задержек и ограничений. | 160 |
| 15 | ❗️Курс Чистая архитектура на Python: практический подход к лучшему проектированию программного обеспечения
📖О курсе:
Чистая архитектура — это противоположность спагетти-коду, где всё переплетено и нет отдельных элементов, которые можно было бы легко отделить от остальных и заменить, не разрушив всю систему. Главная цель чистой архитектуры — чётко определить, «что находится, где и почему», и это должно быть вашей главной заботой при проектировании и внедрении программной системы, независимо от выбранной архитектуры или методологии разработки.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 169 |
| 16 | ❗️Three.js с нуля на практике: как за несколько часов создать аркадную 3D-игру
В этой статье познакомимся с основными понятиями в Three.js, научимся анимировать 3D-объекты и напишем логику игры, в которой нужно строить башню из блоков.
Данная статья будет первой в цикле о разработке простой игры.
🔥Ссылка на статью
Заметки Фронтендера & Max | 199 |
| 17 | ❗️Курс Освоение администрирования MySQL: высокая доступность, безопасность, производительность и эффективность
📖О курсе:
Эта книга — ваш универсальный источник информации по установке баз данных MySQL и управлению сервером для администраторов. Она охватывает установку, обновление, мониторинг, высокую доступность, аварийное восстановление, безопасность, производительность и устранение неполадок. Вы научитесь свободно работать с MySQL 8.2 — последней версией этой высокомасштабируемой и надежной реляционной системы управления базами данных.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 212 |
| 18 | ❗️Крупнейшая коллекция анимированных компонентов React
Нашли для вас самую большую, а главное, бесплатную библиотеку анимированных, интерактивных и полностью настраиваемых компонентов React.
🔥Ссылка на библиотеку
Заметки Фронтендера & Max | 211 |
| 19 | ❗️Курс Введение в программирование на Java: междисциплинарный подход
📖О курсе:
Навыки программирования незаменимы в современном мире не только для студентов, изучающих информатику, но и для всех, кто работает в любой научной или технической области. Книга Роберта Седжвика и Кевина Уэйна «Введение в программирование на Java, второе издание» — это доступное междисциплинарное исследование, которое делает акцент на важных и увлекательных практических задачах, а не на игрушечных задачах.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 222 |
| 20 | ❗️25 готовых программ на JavaScript
В статье собрано 25 готовых программ на JS, которые помогут улучшить навыки и продемонстрировать вам, как эффективно решать различные задачи.
Есть проги, созданные как с помощью Vanilla JS, так и с использованием популярных фреймворков.
Сначала идёт описание проектов, а после код, на случай, если вы хотите сделать проекты самостоятельно.
🔥Ссылка на статью
Заметки Фронтендера & Max | 202 |
现已上线!2025 年 Telegram 研究 — 年度关键洞察 
