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

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

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

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

إظهار المزيد
5 730
المشتركون
-224 ساعات
-157 أيام
-9030 أيام
جذب المشتركين
أغسطس '26
أغسطس '26
+12
في 0 قنوات
يوليو '26
+10
في 0 قنوات
Get PRO
يونيو '26
+9
في 0 قنوات
Get PRO
مايو '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 قنوات
التاريخ
نمو المشتركين
الإشارات
القنوات
30 أغسطس+1
29 أغسطس+1
28 أغسطس0
27 أغسطس0
26 أغسطس+2
25 أغسطس+1
24 أغسطس0
23 أغسطس+2
22 أغسطس0
21 أغسطس0
20 أغسطس0
19 أغسطس+1
18 أغسطس0
17 أغسطس+1
16 أغسطس0
15 أغسطس0
14 أغسطس0
13 أغسطس+1
12 أغسطس0
11 أغسطس0
10 أغسطس0
09 أغسطس0
08 أغسطس+1
07 أغسطس0
06 أغسطس0
05 أغسطس0
04 أغسطس0
03 أغسطس0
02 أغسطس0
01 أغسطس+1
منشورات القناة
❗️Курс Изучение Python: мощное объектно-ориентированное программирование ❓О курсе: Получите всестороннее и глубокое представл
❗️Курс Изучение Python: мощное объектно-ориентированное программирование ❓О курсе: Получите всестороннее и глубокое представление об основах языка Python с помощью этой книги, ориентированной на практическое освоение материала. Обновленное шестое издание, созданное на основе популярного учебного курса Марка Лутца, поможет вам быстро научиться писать эффективный и качественный код на Python. Это идеальный выбор для старта — независимо от того, делаете ли вы первые шаги в программировании или уже являетесь профессиональным разработчиком, владеющим другими языками. 🔥СКАЧАТЬ Заметки Фронтендера & Max

2
❗️TypeScript-схема как единая истина для ORM Хочешь избавиться от дублирования кода при работе с базой данных в TypeScript? К
❗️TypeScript-схема как единая истина для ORM Хочешь избавиться от дублирования кода при работе с базой данных в TypeScript? Когда изменения в схеме требуют правок в трёх местах сразу — это быстро надоедает. В статье показывают, как @cleverbrush/knex-schema и @cleverbrush/orm превращают одну TypeScript-схему в единый источник истины: из одного определения получаются типы строк, имена таблиц и колонок, типизированные запросы и связи между сущностями. Стоит присмотреться всем TypeScript-разработчикам, которые устали поддерживать синхронизацию между ORM-моделями и схемой БД вручную 🔥Ссылка на статью Заметки Фронтендера & Max
55
3
❗️Пишем собственный реактивный движок на JavaScript Хочешь разобраться, как на самом деле работают современные фреймворки? По
❗️Пишем собственный реактивный движок на JavaScript Хочешь разобраться, как на самом деле работают современные фреймворки? Почему изменение переменной автоматически обновляет интерфейс и как библиотеки понимают, что именно нужно перерисовать? В статье разбирается создание минимальной реактивной системы: реализация системы реактивных данных через Proxy, отслеживание зависимостей, механизм эффектов и примитивный виртуальный DOM. После такого эксперимента внутренности Vue и React становятся гораздо понятнее. Отличный способ прокачать понимание внутреннего устройства современных фреймворков и перестать воспринимать их как магию 🔥Ссылка на статью Заметки Фронтендера & Max
75
4
❗️Курс Think Python: Как мыслить как программист ❓О курсе: Python — отличный выбор для начала пути в программировании. Это яс
❗️Курс Think Python: Как мыслить как программист ❓О курсе: Python — отличный выбор для начала пути в программировании. Это ясное и лаконичное руководство шаг за шагом знакомит вас с языком: от базовых концепций программирования до функций, структур данных и объектно-ориентированного проектирования. В этом обновленном третьем издании учтена растущая роль больших языковых моделей (LLM) в программировании; добавлены упражнения по составлению эффективных промптов для LLM, а также по тестированию и отладке кода. 🔥СКАЧАТЬ Заметки Фронтендера & Max
91
5
❗️Squish — компрессия изображений в браузере Сколько времени уходит на подготовку и сжатие картинок для нового проекта? Часто
❗️Squish — компрессия изображений в браузере Сколько времени уходит на подготовку и сжатие картинок для нового проекта? Часто приходится скачивать отдельные программы или загружать файлы на неизвестные сервисы. Ключевые преимущества: работа полностью локально через WebAssembly без отправки данных на сервер, поддержка современных кодеков MozJPEG и OxiPNG для оптимального соотношения качества и размера, пакетная обработка файлов. Идеально для веб-разработчиков, которым нужны быстрые итерации. Полезный инструмент для фронтендеров, которым важно поддерживать хорошую производительность сайтов без лишних установок ПО — можно тестировать и подбирать оптимальный баланс между качеством и весом прямо в браузере 🔥Ссылка на репозиторий Заметки Фронтендера & Max
89
6
❗️Полный курс фронтенда для начинающих Запутался в HTML, CSS и JavaScript с самого старта? Что разберешь: пошаговые объяснени
❗️Полный курс фронтенда для начинающих Запутался в HTML, CSS и JavaScript с самого старта? Что разберешь: пошаговые объяснения от основ HTML до продвинутого CSS Grid и Flexbox, разбор JavaScript с нуля, десятки интерактивных примеров, адаптивная верстка и базовые принципы веб-разработки. Весь материал построен так, чтобы сложные концепции стали интуитивно понятными. Хороший старт для тех, кто только начинает путь в веб-разработке и хочет получить структурированные знания 🔥Ссылка на статью Заметки Фронтендера & Max
86
7
❗️Курс Временные ряды и PyTorch: современный инструментарий глубокого обучения для решения практических задач прогнозирования
❗️Курс Временные ряды и PyTorch: современный инструментарий глубокого обучения для решения практических задач прогнозирования ❓О курсе: Нейронные сети — мощный инструмент прогнозирования временных рядов, однако для их эффективного применения необходимы как практический опыт, так и четкое понимание архитектур, стратегий обучения и методов оценки результатов. В этой книге данные аспекты систематизированы и представлены в практическом ключе. 🔥СКАЧАТЬ Заметки Фронтендера & Max
96
8
❗️Магия фикстур Playwright изнутри Хочешь понять, как работает один из самых мощных инструментов для тестирования? Эта статья
❗️Магия фикстур Playwright изнутри Хочешь понять, как работает один из самых мощных инструментов для тестирования? Эта статья разбирает внутреннее устройство фикстур в Playwright — механизм, который делает тесты такими гибкими и удобными. Автор показывает, как устроен API фикстур: от базовых концепций dependency injection до продвинутых возможностей вроде параллельного выполнения тестов, автоматической очистки ресурсов и переиспользования контекстов между тестами. Отличный материал для тех, кто хочет не просто использовать Playwright, а понимать его архитектуру и писать более эффективные тесты 🔥Ссылка на статью Заметки Фронтендера & Max
110
9
📣Универсальный держатель Цена: ~1300₽ Рейтинг: 5😀 Отзывы: 119 💬 🖱 Заказать Универсальный регулируемый держатель для планш
📣Универсальный держатель Цена: ~1300₽ Рейтинг: 5😀 Отзывы: 119 💬 🖱 Заказать Универсальный регулируемый держатель для планшета или телефона, поможет удобно разместить устройство на кровати или столе, освобождая руки для просмотра видео, чтения, работы и учёбы. #держатель #девайс Больше товаров — Находки Программиста
73
10
❗️Недооцененные HTML и CSS фичи Какими фичами современного фронтенда мы часто пренебрегаем, хотя они могут серьёзно упростить
❗️Недооцененные HTML и CSS фичи Какими фичами современного фронтенда мы часто пренебрегаем, хотя они могут серьёзно упростить жизнь? В этой статье собрали полезные HTML и CSS возможности, которые ты, скорее всего, обходишь стороной. Подробный разбор возможностей контейнерных запросов, системных цветовых схем, :has() селектора и других полезных вещей. Автор показывает конкретные примеры применения каждой фичи — от упрощения адаптивной вёрстки до автоматической поддержки тёмной темы без дополнительного кода. Отличный материал для фронтенд-разработчиков, которые хотят держать руку на пульсе и использовать современные возможности по максимуму 🔥Ссылка на статью Заметки Фронтендера & Max
123
11
❗️React-компоненты с иконками без слёз Открываешь иконочный React-компонент — и видишь стену с координатами и viewBox-арифмет
❗️React-компоненты с иконками без слёз Открываешь иконочный React-компонент — и видишь стену с координатами и viewBox-арифметикой. Что там нарисовано — непонятно, пока не скопируешь разметку в отдельный .svg, браузерные DevTools или Figma. Каждый такой маневр выбивает из потока. Компонент Iconify for React импортирует SVG-иконки напрямую из интернета, хранит их как строки и отображает без дополнительных файлов. Теперь можно вызывать иконки по имени, видеть их в DevTools и избежать ручного копирования разметки. Попробуй на ближайшем проекте с SVG-иконками — сэкономишь кучу времени на отладке и станешь работать быстрее 🔥Ссылка на статью Заметки Фронтендера & Max
172
12
❗️Курс ИИ на периферии: решение практических задач с помощью встроенного машинного обучения ❓О курсе: Технология Edge AI прео
❗️Курс ИИ на периферии: решение практических задач с помощью встроенного машинного обучения ❓О курсе: Технология Edge AI преобразует способы взаимодействия компьютеров с реальным миром, позволяя устройствам интернета вещей (IoT) принимать решения на основе тех 99% данных с датчиков, которые ранее отбрасывались из-за ограничений по стоимости, пропускной способности или энергопотреблению. Благодаря таким методам, как встроенное машинное обучение (embedded machine learning), разработчики могут воплощать человеческую интуицию в алгоритмах и внедрять их на самых разных платформах — от микроконтроллеров с ультранизким энергопотреблением до устройств под управлением встроенных версий Linux. 🔥СКАЧАТЬ Заметки Фронтендера & Max
169
13
Фронтендеры, для вас: нашли библиотеку со 160+ БЕСПЛАТНЫМИ заготовками для сайтов. ThreeUI — коллекция 3D-компонентов и ленди
Фронтендеры, для вас: нашли библиотеку со 160+ БЕСПЛАТНЫМИ заготовками для сайтов. ThreeUI — коллекция 3D-компонентов и лендингов на Three.js. Внутри есть шейдеры, анимации и готовые шаблоны, которые можно быстро адаптировать под свой проект, в том числе с помощью нейронок. Вёрстка сегодня: ctrl+c → ctrl+v → готово. Забираем тут. 📢Айтишная
155
14
❗️Курс Освоение конкурентности и параллелизма в Python: раскройте секреты мастерства ❓О курсе: Погрузитесь в тонкости мира ко
❗️Курс Освоение конкурентности и параллелизма в Python: раскройте секреты мастерства ❓О курсе: Погрузитесь в тонкости мира конкурентного программирования на Python благодаря профессионально структурированным главам, охватывающим ключевые концепции, примеры из реальной практики и продвинутые методы. Эта книга — от разъяснения принципов работы глобальной блокировки интерпретатора (GIL) до проектирования сложных конкурентных структур данных — предлагает исключительную ясность изложения и ценные практические знания. Материал каждой главы логически продолжает предыдущую, обеспечивая плавный процесс обучения и позволяя вам в совершенстве овладеть искусством написания надежного, масштабируемого конкурентного кода. 🔥СКАЧАТЬ Заметки Фронтендера & Max
147
15
❗️usermedia — новый HTML элемент для камеры и микрофона Устал от шаблонных pop-up окон с запросами доступа к камере? В Chrome
❗️usermedia — новый HTML элемент для камеры и микрофона Устал от шаблонных pop-up окон с запросами доступа к камере? В Chrome 151 появился декларативный подход, который меняет правила игры. Новый HTML-элемeyn <usermedia> предлагает иную модель работы с разрешениями: вместо JS-вызовов пользователь сам инициирует действия через декларативный элемент. Это решает проблему с отклонёнными разрешениями — теперь их можно легко восстановить. Статья объясняет, как он работает послеgeolocation> в наборе Capability Elements. Идеальный инструмент для фронтенд-разработчиков, которые хотят улучшить UX работы с медиа-устройствами и снизить количество шаблонного кода 🔥Ссылка на статью Заметки Фронтендера & Max
169
16
Saverbot — скачивай видео и аудио из любых соц.сетей Без рекламы, подписок и прочего.
105
17
❗️Как CSP тихо ломает интеграции без ошибок Добавили Content-Security-Policy на сайт и убедились, что ничего не отвалилось? А
❗️Как CSP тихо ломает интеграции без ошибок Добавили Content-Security-Policy на сайт и убедились, что ничего не отвалилось? А уверены, что всё работает как надо? Автор статьи столкнулся с тем, что CSP молча убила три интеграции без единой записи в логах сервера. Проблема: после настройки CSP с белым списком хостов три интеграции перестали работать, но в консоли браузера не было явных ошибок, а серверные логи оставались пустыми. Решение — пятистрочный скрипт, который сканирует все fetch-запросы и находит те, которые блокирует политика безопасности. Ценный материал для фронтенд-разработчиков, которые работают с внешними API и хотят избежать скрытых багов при настройке политик безопасности 🔥Ссылка на статью Заметки Фронтендера & Max
188
18
❗️Курс Принципы проектирования RESTful API: практическое руководство по архитектуре веб-систем ❓О курсе: В то время как обшир
❗️Курс Принципы проектирования RESTful API: практическое руководство по архитектуре веб-систем ❓О курсе: В то время как обширная сеть взаимосвязанных устройств в интернете формирует будущее человеческого познания, RESTful API незаметно работают «за кулисами». REST (Representational State Transfer — передача репрезентативного состояния) определяет архитектурный стиль веба, позволяющий создавать распределенные, слабосвязанные системы, которые обеспечивают функционирование и расширение этой сети. 🔥СКАЧАТЬ Заметки Фронтендера & Max
179
19
Самый прогерский канал, где за 10 минут ты научишься: / Пр0бuв по фото и номеру в ТГ // Как взломать вебку подруги /// Мануал
Самый прогерский канал, где за 10 минут ты научишься: / Пр0бuв по фото и номеру в ТГ // Как взломать вебку подруги /// Мануал по OSINT разведке Ссылка действительна 23 ч. 59 мин. 👇 https://t.me/+24BWSqt64gkyODQy
127
20
❗️Offline-first PWA: реалистичные сложности на примере трекера Разрабатываешь PWA и устал от статей, которые обещают "полное
❗️Offline-first PWA: реалистичные сложности на примере трекера Разрабатываешь PWA и устал от статей, которые обещают "полное покрытие темы", но умалчивают о реальных подводных камнях? Вот материал, где разработчик честно рассказывает про проблемы, с которыми действительно сталкиваешься на практике. Основные проблемы, которые решает PWA: требования Google с 2027 года к обязательной подписи приложений (особенно сложной для разработчиков из РФ), ограничения веб-страниц и реальная offline-работа. Разбирается на примере фитнес-трекера с практическими решениями. Отличное чтиво для фронтендеров и фулстекеров, которые хотят понять реальные сложности PWA-разработки, а не только теорию 🔥Ссылка на статью Заметки Фронтендера & Max
181