Заметки Фронтендера
Open in Telegram
Сборник курсов по frontend и web-дизайн Ссылка: @Portal_v_IT Сотрудничество, авторские права: @oleginc, @tatiana_inc Канал на бирже: https://telega.in/c/frontend_tg
Show more
Network:5 715
Subscribers
-124 hours
-237 days
-9230 days
Data loading in progress...
Similar Channels
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=96&q=75){kind=small}
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
September '26
September '26
+2
in 0 channels
August '26
+14
in 0 channels
Get PRO
July '26
+10
in 0 channels
Get PRO
June '26
+9
in 0 channels
Get PRO
May '26
+13
in 0 channels
Get PRO
April '26
+10
in 0 channels
Get PRO
March '26
+16
in 0 channels
Get PRO
February '26
+25
in 0 channels
Get PRO
January '26
+24
in 0 channels
Get PRO
December '25
+24
in 0 channels
Get PRO
November '25
+25
in 0 channels
Get PRO
October '25
+22
in 0 channels
Get PRO
September '25
+25
in 0 channels
Get PRO
August '25
+35
in 0 channels
Get PRO
July '25
+29
in 0 channels
Get PRO
June '25
+29
in 0 channels
Get PRO
May '25
+31
in 0 channels
Get PRO
April '25
+33
in 0 channels
Get PRO
March '25
+32
in 0 channels
Get PRO
February '25
+53
in 0 channels
Get PRO
January '25
+53
in 0 channels
Get PRO
December '24
+43
in 1 channels
Get PRO
November '24
+56
in 1 channels
Get PRO
October '24
+43
in 1 channels
Get PRO
September '24
+41
in 0 channels
Get PRO
August '24
+32
in 0 channels
Get PRO
July '24
+56
in 0 channels
Get PRO
June '24
+74
in 0 channels
Get PRO
May '24
+74
in 0 channels
Get PRO
April '24
+81
in 0 channels
Get PRO
March '24
+105
in 1 channels
Get PRO
February '24
+110
in 0 channels
Get PRO
January '24
+88
in 0 channels
Get PRO
December '23
+38
in 0 channels
Get PRO
November '23
+45
in 0 channels
Get PRO
October '23
+22
in 0 channels
Get PRO
September '23
+32
in 0 channels
Get PRO
August '23
+36
in 0 channels
Get PRO
July '23
+53
in 0 channels
Get PRO
June '23
+36
in 0 channels
Get PRO
May '23
+35
in 0 channels
Get PRO
April '23
+21
in 0 channels
Get PRO
March '23
+73
in 0 channels
Get PRO
February '23
+244
in 0 channels
Get PRO
January '23
+541
in 0 channels
Get PRO
December '22
+1 574
in 0 channels
Get PRO
November '22
+1 024
in 0 channels
Get PRO
October '22
+5 180
in 0 channels
Get PRO
September '22
+5 530
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 04 September | 0 | |||
| 03 September | +1 | |||
| 02 September | 0 | |||
| 01 September | +1 |
Channel Posts
❗️Проверь себя: сколько вопросов по HTML знаешь?
Хочешь узнать, насколько хорошо ты понимаете HTML на уровне деталей и спецификаций? Автор собрал подборку из 22 вопросов, которые показывают реальные пробелы в знаниях этого языка.
Что в статье: вопросы о том, когда закрывать теги, в чём разница между <div> и <span>, правила вложенности элементов, работа с атрибутами и различие между HTML и XHTML. Каждый ответ содержит объяснение с примерами и ссылками на спецификации.Интересный тест для веб-разработчиков, который поможет систематизировать знания основ вёрстки и вспомнить нюансы, которые часто упускают 🔥Ссылка на статью Заметки Фронтендера & Max
| 2 |  ❗️Подробный разбор Flexbox CSS для любого уровня
Flexbox давно изменил подход к вёрстке, но до сих пор остаются вопросы: как действительно эффективно использовать его возможности и избежать распространённых ошибок?
Разбираемся в принципах Flexbox: контейнеры и элементы, оси и их направления, выравнивание по основной и поперечной осям. Важные приёмы: как создавать адаптивные макеты, распределять свободное пространство с flex-grow/shrink, управлять переносом элементов с flex-wrap и использовать gap для отступов.
Отличная основа для тех, кто хочет перестать бороться с вёрсткой и начать создавать адаптивные интерфейсы с удовольствием
🔥Ссылка на статью
Заметки Фронтендера & Max | 82 |
| 3 |  ❗️WebM с перемоткой: отладка в формате детектива
Сталкивался с ситуацией, когда видео в браузере зависает после перемотки? В одном проекте бот записывал встречи из Яндекс Телемоста в WebM, но когда пользователь пытался промотать запись вперёд, плеер уходил в долгую загрузку без воспроизведения.
В чём проблема: видео нормально играло с начала, перемотка на пару минут работала, но если промотать сразу на 10-ю минуту — браузер подгружал данные, буфер заполнялся, но видео не начиналось. Команда проверила всё: MIME-типы, настройки Video.js, чанкование ответов по 50 МБ — ничего не помогало.
Интересный кейс для всех, кто работает с видео в вебе и хочет понимать, как на самом деле устроена отладка таких неочевидных багов
🔥Ссылка на статью
Заметки Фронтендера & Max | 125 |
| 4 |  ❗️Файловая структура для Vue 3
Нужно организовать проект на Vue 3, но стандартные папки components и views уже не подходят для масштабирования? Автор предлагает практический подход к построению архитектуры, который вырос из работы над реальными продакшен-приложениями.
Проблема классической структуры: компоненты смешиваются с бизнес-логикой, становится сложно находить код и понимать связи. Решение лежит в разделении по ролям: UI-компоненты, бизнес-логика, модули приложения и shared-логика, а также организация маршрутов и API.
Отличный вариант для тех, кто переходит от простых приложений к сложным проектам и хочет избежать архитектурного хаоса
🔥Ссылка на статью
Заметки Фронтендера & Max | 127 |
| 5 |  Китайская нейросеть, которая заменяет подписку на GPT — бесплатно и оффлайн
2026 год – новая эпоха для DeepSeek. Китайская нейросеть работает прямо на вашем устройстве, обгоняет западные модели и снимает все ограничения: без подписок, без интернета, без контроля.
Зерокодер обновил практикум и собрал все, что важно знать о локальных моделях и как с ними работать.
⚡️Что ждет вас на вебинаре?
– Покажем, как установить DeepSeek на компьютер и пользоваться нейросетью оффлайн, без подписки и передачи данных в облако;
– Объясним, чем отличаются версии DeepSeek и какие модели использовать для текста, кода, анализа данных, обучения и исследований;
– Проверим DeepSeek на реальных задачах: коде, документах, расшифровках созвонов и работе с собственными файлами;
– Покажем, как монетизировать навыки работы с локальными ИИ и как работать быстрее GPT бесплатно.
Регистрируйтесь прямо сейчас
Участники эфира получат чек-лист по выбору модели под задачу и подборку 20+ сценариев для ИИ-помощника на своем компьютере, который работает с вашими файлами.
Эфир подойдёт всем, кто хочет пользоваться ИИ без лимитов и зависимости от чужих серверов, монетизировать навыки и оставаться в тренде технологий 2026 года.
Бесплатный практикум – по ссылке. | 118 |
| 6 |  ❗️React Bits — анимированные компоненты для сайтов
Ищешь готовые анимированные компоненты для React, чтобы сайт выглядел живым и современным?
Коллекция полностью настраиваемых React-компонентов с анимацией: модальные окна, слайдеры, меню, интерактивные карточки и другие UI-элементы для создания запоминающихся интерфейсов. Все компоненты написаны с упором на производительность и доступность.
Подборка пригодится фронтенд-разработчикам, которые хотят быстро добавлять анимацию в проекты без лишних библиотек и настройки
🔥Ссылка на статью
Заметки Фронтендера & Max | 125 |
| 7 |  ❗️Генератор судоку на TypeScript с проверкой уникальности
Как создать настоящий генератор судоку, который не просто заполняет клетки, а гарантирует, что у головоломки будет только одно решение?
Основная проблема наивного генератора — проверять существование решения, но игнорировать его уникальность. В статье разбирается контрпример с сеткой, где четыре пропуска допускают два корректных решения (цифры 6 и 7 можно переставить). Автор реализовал три стратегии поиска, сравнил MRV и propagation на разных наборах задач, отдельно измерил получение первого решения и доказательство отсутствия второго.
Интересный разбор алгоритмических тонкостей для разработчиков, увлекающихся головоломками и оптимизацией алгоритмов поиска
🔥Ссылка на статью
Заметки Фронтендера & Max | 125 |
| 8 |  ❗️Курс Мощный Python: паттерны и стратегии современного Python
❓О курсе:
Освоив основы Python, как выйти на уровень топ-1% специалистов? Как сосредоточиться на темах, приносящих наибольшую пользу командам, занимающимся промышленной разработкой и анализом данных, и не отвлекаться на информацию, малоприменимую на практике? Эта книга отвечает на эти и многие другие вопросы.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 121 |
| 9 |  ❗️Вайбкодинг: 4 лендинга с дорогими эффектами
Как быстро собрать лендинг с интерактивными 3D-эффектами, если не хочется разбираться с тонкостями WebGL и Three.js? Автор делится опытом создания четырёх продающих страниц с «дорогими» визуалами.
Два технических подхода: на "Точке сборки" — чистый WebGL без библиотек, на других проектах — переиспользуемый движок на Three.js. Эффекты включают интерактивную воду с освещением, 3D-логотип из тысяч частиц, живую башню из кубов и морфинг облака по скроллу.
Интересный пример для фронтендеров, которые хотят добавить "вау-эффект" своим проектам без найма целой команды разработчиков
🔥Ссылка на статью
Заметки Фронтендера & Max | 145 |
| 10 |  ❗️Основы HTML — главные теги и структура
Хочешь быстро освежить в памяти базовые HTML-теги и понять, как правильно строить структуру веб-страницы? Этот конспект собрал всё самое важное без лишней воды.
Что разберёшь: основные теги для заголовков, параграфов, списков и ссылок; структуру HTML-документа с DOCTYPE, head и body; параметры тегов и их назначение; основы взаимодействия HTML с CSS и JavaScript.
Отличный вариант для начинающих фронтендеров, которые хотят быстро освоить базовую разметку и уверенно стартовать в веб-разработке
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 143 |
| 11 |  ❗️Курс Salesforce Sales Cloud: Руководство по внедрению. Практическое пособие — от проектирования до развертывания — для повышения эффективности продаж
❓О курсе:
Salesforce Sales Cloud — это многофункциональная система, позволяющая решать широкий спектр бизнес-задач в сфере продаж, таких как повышение продуктивности, обеспечение прозрачности прогнозирования и поддержка процесса продаж. Однако раскрыть весь потенциал системы и получить от нее максимальную отдачу бывает непросто, особенно если вы только начинаете работать с этой технологией.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 138 |
| 12 |  ❗️Впуклые углы CSS без костылей
Кажется, что дизайнеры специально придумывают сложные интерфейсные паттерны? Впуклые углы — один из таких вызовов для фронтендеров.
Решение проблемы впуклых углов через библиотеку nebo.css: простой CSS-класс, который создаёт эффект вогнутого угла без сложных SVG, масок или псевдоэлементов. Работает через clip-path и поддерживает настройку радиуса и позиции угла.
Отличный инструмент для тех, кто устал возиться с костылями для реализации дизайнерских идей и хочет чистого кода
🔥Ссылка на статью
Заметки Фронтендера & Max | 139 |
| 13 |  ❗️Полный курс веб-разработки от Chrome
Чувствуешь, что не хватает системного подхода к фронтенду без разрозненных материалов? Команда Chrome выпустила именно то, чего не хватало — цельную систему обучения веб-разработке от основ до продвинутых тем.
Полный курс включает 5 ключевых направлений: CSS-модули от accessibility до z-index, производительность сайтов, доступность (a11y), PWA и разработка форм. Каждая тема разбирается с нуля до продвинутых практик, с примерами и реальными кейсами от инженеров Google.
Прекрасный ресурс для junior-разработчиков, которые хотят последовательно освоить фронтенд, и опытных специалистов, которым нужно обновить знания по современным стандартам веба
🔥Ссылка на статью
Заметки Фронтендера & Max | 153 |
| 14 |  ❗️Курс Изучение Python: мощное объектно-ориентированное программирование
❓О курсе:
Получите всестороннее и глубокое представление об основах языка Python с помощью этой книги, ориентированной на практическое освоение материала. Обновленное шестое издание, созданное на основе популярного учебного курса Марка Лутца, поможет вам быстро научиться писать эффективный и качественный код на Python. Это идеальный выбор для старта — независимо от того, делаете ли вы первые шаги в программировании или уже являетесь профессиональным разработчиком, владеющим другими языками.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 146 |
| 15 |  ❗️TypeScript-схема как единая истина для ORM
Хочешь избавиться от дублирования кода при работе с базой данных в TypeScript? Когда изменения в схеме требуют правок в трёх местах сразу — это быстро надоедает.
В статье показывают, как @cleverbrush/knex-schema и @cleverbrush/orm превращают одну TypeScript-схему в единый источник истины: из одного определения получаются типы строк, имена таблиц и колонок, типизированные запросы и связи между сущностями.
Стоит присмотреться всем TypeScript-разработчикам, которые устали поддерживать синхронизацию между ORM-моделями и схемой БД вручную
🔥Ссылка на статью
Заметки Фронтендера & Max | 151 |
| 16 |  ❗️Пишем собственный реактивный движок на JavaScript
Хочешь разобраться, как на самом деле работают современные фреймворки? Почему изменение переменной автоматически обновляет интерфейс и как библиотеки понимают, что именно нужно перерисовать?
В статье разбирается создание минимальной реактивной системы: реализация системы реактивных данных через Proxy, отслеживание зависимостей, механизм эффектов и примитивный виртуальный DOM. После такого эксперимента внутренности Vue и React становятся гораздо понятнее.
Отличный способ прокачать понимание внутреннего устройства современных фреймворков и перестать воспринимать их как магию
🔥Ссылка на статью
Заметки Фронтендера & Max | 148 |
| 17 |  ❗️Курс Think Python: Как мыслить как программист
❓О курсе:
Python — отличный выбор для начала пути в программировании. Это ясное и лаконичное руководство шаг за шагом знакомит вас с языком: от базовых концепций программирования до функций, структур данных и объектно-ориентированного проектирования. В этом обновленном третьем издании учтена растущая роль больших языковых моделей (LLM) в программировании; добавлены упражнения по составлению эффективных промптов для LLM, а также по тестированию и отладке кода.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 138 |
| 18 |  ❗️Squish — компрессия изображений в браузере
Сколько времени уходит на подготовку и сжатие картинок для нового проекта? Часто приходится скачивать отдельные программы или загружать файлы на неизвестные сервисы.
Ключевые преимущества: работа полностью локально через WebAssembly без отправки данных на сервер, поддержка современных кодеков MozJPEG и OxiPNG для оптимального соотношения качества и размера, пакетная обработка файлов. Идеально для веб-разработчиков, которым нужны быстрые итерации.
Полезный инструмент для фронтендеров, которым важно поддерживать хорошую производительность сайтов без лишних установок ПО — можно тестировать и подбирать оптимальный баланс между качеством и весом прямо в браузере
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 139 |
| 19 |  ❗️Полный курс фронтенда для начинающих
Запутался в HTML, CSS и JavaScript с самого старта?
Что разберешь: пошаговые объяснения от основ HTML до продвинутого CSS Grid и Flexbox, разбор JavaScript с нуля, десятки интерактивных примеров, адаптивная верстка и базовые принципы веб-разработки. Весь материал построен так, чтобы сложные концепции стали интуитивно понятными.
Хороший старт для тех, кто только начинает путь в веб-разработке и хочет получить структурированные знания
🔥Ссылка на статью
Заметки Фронтендера & Max | 134 |
| 20 |  ❗️Курс Временные ряды и PyTorch: современный инструментарий глубокого обучения для решения практических задач прогнозирования
❓О курсе:
Нейронные сети — мощный инструмент прогнозирования временных рядов, однако для их эффективного применения необходимы как практический опыт, так и четкое понимание архитектур, стратегий обучения и методов оценки результатов. В этой книге данные аспекты систематизированы и представлены в практическом ключе.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 135 |
