ar
Feedback
Заметки Фронтендера

Заметки Фронтендера

الذهاب إلى القناة على Telegram

Сборник курсов по frontend и web-дизайн Ссылка: @Portal_v_IT Сотрудничество, авторские права: @oleginc, @tatiana_inc Канал на бирже: https://telega.in/c/frontend_tg

إظهار المزيد
5 929
المشتركون
+124 ساعات
-167 أيام
-8830 أيام
جذب المشتركين
يونيو '26
يونيو '26
+3
في 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 قنوات
التاريخ
نمو المشتركين
الإشارات
القنوات
13 يونيو0
12 يونيو+2
11 يونيو0
10 يونيو0
09 يونيو+1
08 يونيو0
07 يونيو0
06 يونيو0
05 يونيو0
04 يونيو0
03 يونيو0
02 يونيو0
01 يونيو0
منشورات القناة
❗️HTML/CSS-фичи, которые ты пропустил Открываешь туториалы по HTML и CSS, и кажется, что всё уже изучено? А ведь за простыми
❗️HTML/CSS-фичи, которые ты пропустил Открываешь туториалы по HTML и CSS, и кажется, что всё уже изучено? А ведь за простыми тегами и классами скрываются настоящие жемчужины, которые работали ещё восемь лет назад и даже больше!
Что найдешь: поддержка SVG через data-URI в CSS, псевдоклассы для валидации форм, забытые атрибуты наподобие download, hidden-инпуты с типами и даже фичи, которые работали, когда автор только начинал во фронтенде — всё это до сих пор полезно в современной разработке.
Классный вариант для тех, кто хочет глубже понять веб-стандарты и использовать возможности, которые многие просто не замечают 🔥Ссылка на статью Заметки Фронтендера & Max

2
Нейросети уже заменяют целые контент-команды. Но пока этим пользуются не все. Пока одни тратят недели на дизайнеров, копирайтеров и съемки — другие делают продающий контент через нейросети за пару часов. А бизнес платит за это десятки тысяч, даже без опыта. Сегодня с ИИ за вечер можно сделать: — стильные рекламные визуалы — продающие тексты — персонажей и маскотов — контент для соцсетей и карточек товаров Освоить базовый навык можно за 3 для без сложных программ. На бесплатном мини-курсе вам покажут, как работать с ИИ так, чтобы получать качественный контент, который можно использовать для себя или продавать клиентам. 👉 Пока многие только смотрят ИИ-контент — вы можете начать его создавать. Переходите по ссылке и забирайте бесплатный доступ. Реклама. Информация о рекламодателе по ссылкам в посте.
54
3
❗️Современные альтернативы Electron для десктопа Ищешь более лёгкие решения для десктопных приложений на веб-технологиях? В э
❗️Современные альтернативы Electron для десктопа Ищешь более лёгкие решения для десктопных приложений на веб-технологиях? В этом R&D сравнили три современных фреймворка на одинаковом тестовом приложении с React + TypeScript + Vite. ElectroBun использует Bun как рантайм и системный WebView, потребляя всего 30 МБ ОЗУ. NeutralinoJS работает через встроенный браузер ОС и занимает около 50 МБ. Wails компилирует Go-бэкенд с WebView и показывает ~70 МБ памяти. Разница в архитектуре объясняет, почему одни решения легче других. Отличный выбор для тех, кто хочет создавать десктопные приложения без лишнего веса Electron и готов экспериментировать с новыми подходами 🔥Ссылка на статью Заметки Фронтендера & Max
67
4
❗️Курс Разработка драйверов устройств Linux — второе издание: все, что вам нужно для начала разработки драйверов устройств дл
❗️Курс Разработка драйверов устройств Linux — второе издание: все, что вам нужно для начала разработки драйверов устройств для ядра Linux и встроенного Linux 📖О курсе: Linux на сегодняшний день является наиболее часто используемым ядром во встраиваемых системах. Благодаря своим подсистемам ядро ​​Linux поддерживает практически все области применения в промышленном мире. Это обновленное второе издание книги «Разработка драйверов устройств для Linux» представляет собой подробное введение в мир ядра Linux и различные подсистемы, из которых оно состоит, и будет полезно разработчикам встраиваемых систем из любой дисциплины. 🔥СКАЧАТЬ Заметки Фронтендера & Max
90
5
❗️Современный DI в TypeScript без декораторов Каждый, кто пишет на TypeScript хотя бы пару лет, отлично знаком со стандартным
❗️Современный DI в TypeScript без декораторов Каждый, кто пишет на TypeScript хотя бы пару лет, отлично знаком со стандартным DI-сценарием: класс, декоратор @Injectable(), флаг emitDecoratorMetadata в конфиге и рантайм-магия фреймворка. Этот подход казался прорывным в 2015 году, но современный TypeScript ушел далеко вперед. Проблема: NestJS и InversifyJS используют рефлексию и декораторы, что нарушает treeshaking и требует Babel-плагинов. Решение — подход с явными зависимостями через функции-конструкторы, который обеспечивает статическую type safety и полную поддержку Vite/vite. Стоит посмотреть всем, кто устал от магии рантайма и хочет писать чистый код с полной типизацией и без скрытых зависимостей 🔥Ссылка на статью Заметки Фронтендера & Max
103
6
❗️Новый оператор ?= для обработки ошибок в JavaScript Устал от громоздких try-catch блоков, которые превращают чистый код в з
❗️Новый оператор ?= для обработки ошибок в JavaScript Устал от громоздких try-catch блоков, которые превращают чистый код в запутанное нагромождение? Разработчики JavaScript получают новый инструмент для элегантной обработки ошибок. Оператор ?= позволяет обрабатывать ошибки прямо в цепочке методов, без try-catch. Что рассмотрено: синтаксис use?, синтаксис wait?, практические примеры с async/await, сравнение производительности с традиционными методами и реальные кейсы применения. Идеальный инструмент для всех, кто работает с асинхронным JavaScript и хочет сделать код чище и читабельнее 🔥Ссылка на статью Заметки Фронтендера & Max
122
7
❗️Фронтенд-тесты: что, как и зачем Берешься за новый фронтенд, но чувствуешь, что тесты нужны, а как их правильно внедрить —
❗️Фронтенд-тесты: что, как и зачем Берешься за новый фронтенд, но чувствуешь, что тесты нужны, а как их правильно внедрить — неясно? На этот случай собран гайд, который разбирает типы тестов, подходящие инструменты и принципы для внедрения в проект. Разбираются уровни тестирования: модульные (Jest, Vitest), интеграционные (Cypress, Playwright), end-to-end и snapshot-тесты, а также метрики типа покрытия и отказоустойчивости. Показывают базовые примеры и объясняют, с чего начать. Прекрасный старт для тех, кто хочет системно подойти к тестам и сделать код стабильнее, а отладку быстрее 🔥Ссылка на статью Заметки Фронтендера & Max
144
8
ИИ больше не про хобби — он становится обязательным навыком, чтобы оставаться востребованным на рынке труда. По оценкам экспертов, в ближайшее время до 80% вакансий будут требовать умения работать с нейросетями: — генерировать визуал, видео, тексты для любых ниш; — создавать реалистичный ИИ-контент; — автоматизировать рутину. Хорошие новости — освоить базовый минимум в создании контента с помощью ИИ можно всего за 3 дня. Вы сделаете ИИ своим рабочим инструментом и сократите рабочее время без потери качества. Переходите по ссылке и получайте персональный доступ к урокам и бонусным материалам. Реклама. Информация о рекламодателе по ссылкам в посте.
156
9
❗️Охота за утечкой памяти в Vue/Nuxt: реальный кейс Пытаешься починить утечку памяти на продакшене? В статье на Habr dev дели
❗️Охота за утечкой памяти в 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
186
10
❗️Библиотека для рисования от руки на JavaScript Как реализовать рисование от руки на сайте, чтобы оно работало на любых устр
❗️Библиотека для рисования от руки на JavaScript Как реализовать рисование от руки на сайте, чтобы оно работало на любых устройствах — пером на планшете, пальцем на сенсоре или мышью на компьютере? js-draw предлагает готовое решение без хлопот. Ключевые возможности: поддержка мыши, сенсорных экранов и стилусов; настраиваемые кисти и цвета; режимы рисования и стирания; рендеринг на Canvas с сохранением истории действий; TypeScript-совместимость и минимум зависимостей. Готовая библиотека для проектов, которым нужно рисование прямо в браузере без лишних танцев с API 🔥Ссылка на репозиторий Заметки Фронтендера & Max
164
11
❗️Почему MobX — лучшая альтернатива Redux? Запутался в постоянных reducer'ах и action creator'ах в Redux? Есть инструмент, ко
❗️Почему MobX — лучшая альтернатива Redux? Запутался в постоянных reducer'ах и action creator'ах в Redux? Есть инструмент, который делает состояние приложения таким же простым, как обычные JavaScript-объекты. Ключевые преимущества MobX: реактивность на основе наблюдателей вместо диспетчеров, автоматическое управление зависимостями, минимальный бойлерплейт и высокая производительность. Как это работает: вы просто меняете объекты, а MobX автоматически вычисляет, что нужно обновить в интерфейсе. Рекомендую попробовать MobX, если устал от громоздкой структуры Redux — особенно для проектов с быстро меняющимся состоянием и сложными формами 🔥Ссылка на статью Заметки Фронтендера & Max
203
12
❗️TypeScript-головоломки для практики Прокачиваешь типизацию в TypeScript, но простые примеры уже не задают новый уровень? Эт
❗️TypeScript-головоломки для практики Прокачиваешь типизацию в TypeScript, но простые примеры уже не задают новый уровень? Эти головоломки разной сложности помогут глубоко погрузиться в систему типов. База задач для практики с TypeScript — от простых типизаций до сложных утилитных типов. Что есть: задачи по сложности (Easy/Medium/Hard), онлайн-песочница для тестирования решений, примеры и объяснения типовых кейсов. Классный ресурс для разработчиков, которые хотят не просто писать на TypeScript, а понимать его систему типов изнутри и создавать свои утилитарные типы 🔥Ссылка на репозиторий Заметки Фронтендера & Max
188
13
❗️Курс 50 концепций Java, которые должен знать каждый разработчик: идеальное руководство, с которого нужно начать работу кажд
❗️Курс 50 концепций Java, которые должен знать каждый разработчик: идеальное руководство, с которого нужно начать работу каждому разработчику Java (50 концепций, которые должен знать каждый разработчик) 📖О курсе: Эта Книга замечательна тем, что в ней есть не только фундаментальные понятия, но также промежуточные и продвинутые. Вы изучите такие темы, как: ~ Проектирование шаблонов на Java. ~ Синхронизация потоков. ~ Перечисления. ~ Коллекции и методы ~ Создание API с помощью Spring Framework. И многие другие концепции, которые помогут вам чувствовать себя более уверенно при использовании языка программирования Java. 🔥СКАЧАТЬ Заметки Фронтендера & Max
182
14
❗️TypeScript-головоломки для практики Прокачиваешь типизацию в TypeScript, но простые примеры уже не задают новый уровень? Эт
❗️TypeScript-головоломки для практики Прокачиваешь типизацию в TypeScript, но простые примеры уже не задают новый уровень? Эти головоломки разной сложности помогут глубоко погрузиться в систему типов. База задач для практики с TypeScript — от простых типизаций до сложных утилитных типов. Что есть: задачи по сложности (Easy/Medium/Hard), онлайн-песочница для тестирования решений, примеры и объяснения типовых кейсов. Классный ресурс для разработчиков, которые хотят не просто писать на TypeScript, а понимать его систему типов изнутри и создавать свои утилитарные типы 🔥Ссылка на репозиторий Заметки Фронтендера & Max
1
15
Инди-игра на чистом JS без опыта геймдева Считаешь, что без опыта в геймдеве и сложной верстке создавать игры — это удел проф
Инди-игра на чистом JS без опыта геймдева Считаешь, что без опыта в геймдеве и сложной верстке создавать игры — это удел профи? Найденный опыт показывает, что и на коленке можно собрать рабочую HTML5-игру и даже запустить её в Яндекс Играх. Ключевые шаги истории: простейшая SPA-архитектура на тегах iframe, костыли для продвижения в каталоге, реальные цифры трафика за первые недели и доходы от микротранзакций. Автор показывает, как выглядит путь от идеи до живого проекта без профессионального бэкграунда. Интересный опыт для разработчиков, кто хотел бы попробовать силы в инди-геймдеве, не углубляясь в сложные движки и не тратя месяцы на изучение Unity или Unreal 🔥Ссылка на статью Заметки Фронтендера & Max
177
16
❗️30 элементов сайта на примере Materialize CSS На этом бесплатном курсе мы будем изучать фреймворк Materialize CSS, созданны
❗️30 элементов сайта на примере Materialize CSS На этом бесплатном курсе мы будем изучать фреймворк Materialize CSS, созданный для упрощения работы верстальщика, быстроты разработки и исключения максимально возможного числа ошибок вёрстки. Рассмотрим и доп. возможности: готовые темы, код фреймворка, его отдельные компоненты и многое другое. 🔥Ссылка на курс Заметки Фронтендера & Max
168
17
❗️Курс Django 5 для нетерпеливых — второе издание: изучите основные концепции Django для разработки веб-приложений на Python
❗️Курс Django 5 для нетерпеливых — второе издание: изучите основные концепции Django для разработки веб-приложений на Python 📖О курсе: Изучение Django может оказаться сложным и трудоемким занятием без правильного руководства. С сотнями руководств, множеством документации и неясными объяснениями легко упустить из виду самое важное. Эта книга выделяется тем, что научит вас целенаправленному подходу использовать Django всего за несколько дней. 🔥СКАЧАТЬ Заметки Фронтендера & Max
170
18
🔥 Открытый практикум по Claude Code без теории Ты слышал, что Claude Code — один из лучших инструментов вайб-кодинга в мире.
🔥 Открытый практикум по Claude Code без теории Ты слышал, что Claude Code — один из лучших инструментов вайб-кодинга в мире. Зашёл попробовать — а там оплата картой, которая из России не проходит. Ограничения, виртуалки, чужие аккаунты, и фоновый страх, что завтра всё отвалится. CEO университета Зерокодер, Кирилл Пшинник, проведет открытый практикум. Что вы узнаете: — Доступ к Claude Code из России — как установить, оплатить и настроить. Без блокировок — рабочая схема 2026 года; — 15 ИИ-агентов одновременно — прямая демонстрация: как выполняются задачи, как работает переключение, контекст проекта; — Сайт с нуля за 15 минут — прямо на практикуме, от пустой папки до готовой страницы; — Дашборд и обработка таблиц — аналитика на чистом коде, без сторонних сервисов. И самое главное – расскажем как получить Claude Code бесплатно. 🎁 Бонус всем участникам: набор лучших навыков для Claude Code, чтобы вы сразу начали работать, без задержек и ограничений.
174
19
❗️Курс Чистая архитектура на Python: практический подход к лучшему проектированию программного обеспечения 📖О курсе: Чистая
❗️Курс Чистая архитектура на Python: практический подход к лучшему проектированию программного обеспечения 📖О курсе: Чистая архитектура — это противоположность спагетти-коду, где всё переплетено и нет отдельных элементов, которые можно было бы легко отделить от остальных и заменить, не разрушив всю систему. Главная цель чистой архитектуры — чётко определить, «что находится, где и почему», и это должно быть вашей главной заботой при проектировании и внедрении программной системы, независимо от выбранной архитектуры или методологии разработки. 🔥СКАЧАТЬ Заметки Фронтендера & Max
185
20
❗️Three.js с нуля на практике: как за несколько часов создать аркадную 3D-игру В этой статье познакомимся с основными понятия
❗️Three.js с нуля на практике: как за несколько часов создать аркадную 3D-игру В этой статье познакомимся с основными понятиями в Three.js, научимся анимировать 3D-объекты и напишем логику игры, в которой нужно строить башню из блоков. Данная статья будет первой в цикле о разработке простой игры. 🔥Ссылка на статью Заметки Фронтендера & Max
209