Заметки Фронтендера
Відкрити в Telegram
Сборник курсов по frontend и web-дизайн Ссылка: @Portal_v_IT Сотрудничество, авторские права: @oleginc, @tatiana_inc Канал на бирже: https://telega.in/c/frontend_tg
Показати більше
Сітка:5 725
Підписники
-124 години
-157 днів
-8730 день
Триває завантаження даних...
Схожі канали
![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}
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
вересень '26
вересень '260
в 0 каналах
серпень '26
+14
в 0 каналах
Get PRO
липень '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 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 01 вересня | 0 |
Дописи каналу
❗️Курс Мощный Python: паттерны и стратегии современного Python
❓О курсе:
Освоив основы Python, как выйти на уровень топ-1% специалистов? Как сосредоточиться на темах, приносящих наибольшую пользу командам, занимающимся промышленной разработкой и анализом данных, и не отвлекаться на информацию, малоприменимую на практике? Эта книга отвечает на эти и многие другие вопросы.
🔥СКАЧАТЬ
Заметки Фронтендера & Max
| 2 |  ❗️Вайбкодинг: 4 лендинга с дорогими эффектами
Как быстро собрать лендинг с интерактивными 3D-эффектами, если не хочется разбираться с тонкостями WebGL и Three.js? Автор делится опытом создания четырёх продающих страниц с «дорогими» визуалами.
Два технических подхода: на "Точке сборки" — чистый WebGL без библиотек, на других проектах — переиспользуемый движок на Three.js. Эффекты включают интерактивную воду с освещением, 3D-логотип из тысяч частиц, живую башню из кубов и морфинг облака по скроллу.
Интересный пример для фронтендеров, которые хотят добавить "вау-эффект" своим проектам без найма целой команды разработчиков
🔥Ссылка на статью
Заметки Фронтендера & Max | 80 |
| 3 |  ❗️Основы HTML — главные теги и структура
Хочешь быстро освежить в памяти базовые HTML-теги и понять, как правильно строить структуру веб-страницы? Этот конспект собрал всё самое важное без лишней воды.
Что разберёшь: основные теги для заголовков, параграфов, списков и ссылок; структуру HTML-документа с DOCTYPE, head и body; параметры тегов и их назначение; основы взаимодействия HTML с CSS и JavaScript.
Отличный вариант для начинающих фронтендеров, которые хотят быстро освоить базовую разметку и уверенно стартовать в веб-разработке
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 104 |
| 4 |  ❗️Курс Salesforce Sales Cloud: Руководство по внедрению. Практическое пособие — от проектирования до развертывания — для повышения эффективности продаж
❓О курсе:
Salesforce Sales Cloud — это многофункциональная система, позволяющая решать широкий спектр бизнес-задач в сфере продаж, таких как повышение продуктивности, обеспечение прозрачности прогнозирования и поддержка процесса продаж. Однако раскрыть весь потенциал системы и получить от нее максимальную отдачу бывает непросто, особенно если вы только начинаете работать с этой технологией.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 110 |
| 5 |  ❗️Впуклые углы CSS без костылей
Кажется, что дизайнеры специально придумывают сложные интерфейсные паттерны? Впуклые углы — один из таких вызовов для фронтендеров.
Решение проблемы впуклых углов через библиотеку nebo.css: простой CSS-класс, который создаёт эффект вогнутого угла без сложных SVG, масок или псевдоэлементов. Работает через clip-path и поддерживает настройку радиуса и позиции угла.
Отличный инструмент для тех, кто устал возиться с костылями для реализации дизайнерских идей и хочет чистого кода
🔥Ссылка на статью
Заметки Фронтендера & Max | 116 |
| 6 |  ❗️Полный курс веб-разработки от Chrome
Чувствуешь, что не хватает системного подхода к фронтенду без разрозненных материалов? Команда Chrome выпустила именно то, чего не хватало — цельную систему обучения веб-разработке от основ до продвинутых тем.
Полный курс включает 5 ключевых направлений: CSS-модули от accessibility до z-index, производительность сайтов, доступность (a11y), PWA и разработка форм. Каждая тема разбирается с нуля до продвинутых практик, с примерами и реальными кейсами от инженеров Google.
Прекрасный ресурс для junior-разработчиков, которые хотят последовательно освоить фронтенд, и опытных специалистов, которым нужно обновить знания по современным стандартам веба
🔥Ссылка на статью
Заметки Фронтендера & Max | 134 |
| 7 |  ❗️Курс Изучение Python: мощное объектно-ориентированное программирование
❓О курсе:
Получите всестороннее и глубокое представление об основах языка Python с помощью этой книги, ориентированной на практическое освоение материала. Обновленное шестое издание, созданное на основе популярного учебного курса Марка Лутца, поможет вам быстро научиться писать эффективный и качественный код на Python. Это идеальный выбор для старта — независимо от того, делаете ли вы первые шаги в программировании или уже являетесь профессиональным разработчиком, владеющим другими языками.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 131 |
| 8 |  ❗️TypeScript-схема как единая истина для ORM
Хочешь избавиться от дублирования кода при работе с базой данных в TypeScript? Когда изменения в схеме требуют правок в трёх местах сразу — это быстро надоедает.
В статье показывают, как @cleverbrush/knex-schema и @cleverbrush/orm превращают одну TypeScript-схему в единый источник истины: из одного определения получаются типы строк, имена таблиц и колонок, типизированные запросы и связи между сущностями.
Стоит присмотреться всем TypeScript-разработчикам, которые устали поддерживать синхронизацию между ORM-моделями и схемой БД вручную
🔥Ссылка на статью
Заметки Фронтендера & Max | 130 |
| 9 |  ❗️Пишем собственный реактивный движок на JavaScript
Хочешь разобраться, как на самом деле работают современные фреймворки? Почему изменение переменной автоматически обновляет интерфейс и как библиотеки понимают, что именно нужно перерисовать?
В статье разбирается создание минимальной реактивной системы: реализация системы реактивных данных через Proxy, отслеживание зависимостей, механизм эффектов и примитивный виртуальный DOM. После такого эксперимента внутренности Vue и React становятся гораздо понятнее.
Отличный способ прокачать понимание внутреннего устройства современных фреймворков и перестать воспринимать их как магию
🔥Ссылка на статью
Заметки Фронтендера & Max | 125 |
| 10 |  ❗️Курс Think Python: Как мыслить как программист
❓О курсе:
Python — отличный выбор для начала пути в программировании. Это ясное и лаконичное руководство шаг за шагом знакомит вас с языком: от базовых концепций программирования до функций, структур данных и объектно-ориентированного проектирования. В этом обновленном третьем издании учтена растущая роль больших языковых моделей (LLM) в программировании; добавлены упражнения по составлению эффективных промптов для LLM, а также по тестированию и отладке кода.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 119 |
| 11 |  ❗️Squish — компрессия изображений в браузере
Сколько времени уходит на подготовку и сжатие картинок для нового проекта? Часто приходится скачивать отдельные программы или загружать файлы на неизвестные сервисы.
Ключевые преимущества: работа полностью локально через WebAssembly без отправки данных на сервер, поддержка современных кодеков MozJPEG и OxiPNG для оптимального соотношения качества и размера, пакетная обработка файлов. Идеально для веб-разработчиков, которым нужны быстрые итерации.
Полезный инструмент для фронтендеров, которым важно поддерживать хорошую производительность сайтов без лишних установок ПО — можно тестировать и подбирать оптимальный баланс между качеством и весом прямо в браузере
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 122 |
| 12 |  ❗️Полный курс фронтенда для начинающих
Запутался в HTML, CSS и JavaScript с самого старта?
Что разберешь: пошаговые объяснения от основ HTML до продвинутого CSS Grid и Flexbox, разбор JavaScript с нуля, десятки интерактивных примеров, адаптивная верстка и базовые принципы веб-разработки. Весь материал построен так, чтобы сложные концепции стали интуитивно понятными.
Хороший старт для тех, кто только начинает путь в веб-разработке и хочет получить структурированные знания
🔥Ссылка на статью
Заметки Фронтендера & Max | 117 |
| 13 |  ❗️Курс Временные ряды и PyTorch: современный инструментарий глубокого обучения для решения практических задач прогнозирования
❓О курсе:
Нейронные сети — мощный инструмент прогнозирования временных рядов, однако для их эффективного применения необходимы как практический опыт, так и четкое понимание архитектур, стратегий обучения и методов оценки результатов. В этой книге данные аспекты систематизированы и представлены в практическом ключе.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 119 |
| 14 |  ❗️Магия фикстур Playwright изнутри
Хочешь понять, как работает один из самых мощных инструментов для тестирования? Эта статья разбирает внутреннее устройство фикстур в Playwright — механизм, который делает тесты такими гибкими и удобными.
Автор показывает, как устроен API фикстур: от базовых концепций dependency injection до продвинутых возможностей вроде параллельного выполнения тестов, автоматической очистки ресурсов и переиспользования контекстов между тестами.
Отличный материал для тех, кто хочет не просто использовать Playwright, а понимать его архитектуру и писать более эффективные тесты
🔥Ссылка на статью
Заметки Фронтендера & Max | 135 |
| 15 |  📣Универсальный держатель
Цена: ~1300₽
Рейтинг: 5😀
Отзывы: 119 💬
🖱 Заказать
Универсальный регулируемый держатель для планшета или телефона, поможет удобно разместить устройство на кровати или столе, освобождая руки для просмотра видео, чтения, работы и учёбы.
#держатель #девайс
Больше товаров — Находки Программиста | 73 |
| 16 |  ❗️Недооцененные HTML и CSS фичи
Какими фичами современного фронтенда мы часто пренебрегаем, хотя они могут серьёзно упростить жизнь? В этой статье собрали полезные HTML и CSS возможности, которые ты, скорее всего, обходишь стороной.
Подробный разбор возможностей контейнерных запросов, системных цветовых схем, :has() селектора и других полезных вещей. Автор показывает конкретные примеры применения каждой фичи — от упрощения адаптивной вёрстки до автоматической поддержки тёмной темы без дополнительного кода.
Отличный материал для фронтенд-разработчиков, которые хотят держать руку на пульсе и использовать современные возможности по максимуму
🔥Ссылка на статью
Заметки Фронтендера & Max | 150 |
| 17 |  ❗️React-компоненты с иконками без слёз
Открываешь иконочный React-компонент — и видишь стену с координатами и viewBox-арифметикой. Что там нарисовано — непонятно, пока не скопируешь разметку в отдельный .svg, браузерные DevTools или Figma. Каждый такой маневр выбивает из потока.
Компонент Iconify for React импортирует SVG-иконки напрямую из интернета, хранит их как строки и отображает без дополнительных файлов. Теперь можно вызывать иконки по имени, видеть их в DevTools и избежать ручного копирования разметки.
Попробуй на ближайшем проекте с SVG-иконками — сэкономишь кучу времени на отладке и станешь работать быстрее
🔥Ссылка на статью
Заметки Фронтендера & Max | 189 |
| 18 |  ❗️Курс ИИ на периферии: решение практических задач с помощью встроенного машинного обучения
❓О курсе:
Технология Edge AI преобразует способы взаимодействия компьютеров с реальным миром, позволяя устройствам интернета вещей (IoT) принимать решения на основе тех 99% данных с датчиков, которые ранее отбрасывались из-за ограничений по стоимости, пропускной способности или энергопотреблению. Благодаря таким методам, как встроенное машинное обучение (embedded machine learning), разработчики могут воплощать человеческую интуицию в алгоритмах и внедрять их на самых разных платформах — от микроконтроллеров с ультранизким энергопотреблением до устройств под управлением встроенных версий Linux.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 182 |
| 19 |  Фронтендеры, для вас: нашли библиотеку со 160+ БЕСПЛАТНЫМИ заготовками для сайтов.
ThreeUI — коллекция 3D-компонентов и лендингов на Three.js. Внутри есть шейдеры, анимации и готовые шаблоны, которые можно быстро адаптировать под свой проект, в том числе с помощью нейронок.
Вёрстка сегодня: ctrl+c → ctrl+v → готово.
Забираем тут.
📢Айтишная | 176 |
| 20 |  ❗️Курс Освоение конкурентности и параллелизма в Python: раскройте секреты мастерства
❓О курсе:
Погрузитесь в тонкости мира конкурентного программирования на Python благодаря профессионально структурированным главам, охватывающим ключевые концепции, примеры из реальной практики и продвинутые методы. Эта книга — от разъяснения принципов работы глобальной блокировки интерпретатора (GIL) до проектирования сложных конкурентных структур данных — предлагает исключительную ясность изложения и ценные практические знания. Материал каждой главы логически продолжает предыдущую, обеспечивая плавный процесс обучения и позволяя вам в совершенстве овладеть искусством написания надежного, масштабируемого конкурентного кода.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 169 |
