Заметки Фронтендера
Открыть в Telegram
Сборник курсов по frontend и web-дизайн Ссылка: @Portal_v_IT Сотрудничество, авторские права: @oleginc, @tatiana_inc Канал на бирже: https://telega.in/c/frontend_tg
Больше
Сеть:5 863
Подписчики
-224 часа
-207 дней
-7230 день
Загрузка данных...
Похожие каналы
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.telemetr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=256&q=75)
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
июль '26
июль '26
+1
в 0 каналах
июнь '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 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 08 июля | 0 | |||
| 07 июля | 0 | |||
| 06 июля | 0 | |||
| 05 июля | 0 | |||
| 04 июля | 0 | |||
| 03 июля | 0 | |||
| 02 июля | 0 | |||
| 01 июля | +1 |
Посты канала
❗️Курс Ускоренный курс C++: быстрое введение
📖О курсе:
Разработанный для программистов среднего и продвинутого уровня, C++ Crash Course поможет вам разобраться с сутью C++17, самой современной версии стандарта ISO. Часть 1 охватывает ядро языка C++, где вы узнаете обо всем: от типов и функций до жизненного цикла объектов и выражений. Часть 2 знакомит вас со стандартной библиотекой C++ и библиотеками Boost, где вы узнаете обо всех доступных вам высококачественных полнофункциональных возможностях.
🔥СКАЧАТЬ
Заметки Фронтендера & Max
| 2 |  🧐 Лень считать ночной дожор?
Навел телефон — и он сам посчитал калории.
Без взвешиваний и таблиц. Просто фото еды → и через пару секунд видишь калории, белки, жиры и углеводы.
Качать ничего не нужно — всё прямо в Telegram
Попробуй, это правда похоже на магию 👇 | 62 |
| 3 |  Парадокс Монти Холла на JavaScript
Ты когда-нибудь сталкивался с задачами, которые интуиция не может решить правильно? Знаменитый парадокс Монти Холла — как раз такой случай, где наше восприятие реальности конфликтует с математической вероятностью.
Что такое парадокс: классическая задача с тремя дверями, где интуитивно кажется, что вероятность выигрыша 50/50, но математика доказывает — переключение двери увеличивает шанс победы с 33% до 67%. В статье — разбор теории, симуляция на JavaScript и наглядное объяснение почему это работает.
Отличная возможность разобраться с теорией вероятностей через практическую реализацию на JavaScript — идеально подходит для тренировки логического мышления и понимания фундаментальных математических концепций
🔥Ссылка на статью
Заметки Фронтендера & Max | 91 |
| 4 |  Эти CSS-техники пора забыть
До сих пор пишешь код по привычке десятилетней давности? Многие старые приёмы в CSS уже не нужны — их заменили новые фичи, которые делают код короче, понятнее и надёжнее.
О чём речь в статье: чем clearfix заменяется на display: flow-root, как вместо хаков для выравнивания использовать flex и grid, а псевдоклассы и современные единицы измерения упрощают адаптивность.
Пригодится тем, кто хочет писать современный и чистый CSS без лишних костылей
🔥Ссылка на статью
Заметки Фронтендера & Max | 110 |
| 5 |  ❗️Курс Классические задачи информатики на Python
📖О курсе:
В этой удивительной книге вы решите десятки задач по программированию, начиная от простых задач, таких как алгоритмы двоичного поиска, и заканчивая кластеризацией данных с использованием k-средних. Работая над примерами веб-разработки, машинного обучения и т. д., вы вспомните важные вещи, которые забыли, и откроете для себя классические решения, которые сэкономят вам часы времени.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 118 |
| 6 |  Реальная миграция с Angular 13 на 19
Команда Compo Soft прошла полный путь обновления B2B-платформы через несколько мажорных версий Angular. Как они заменяли зависимости, переписывали архитектуру и внедряли новые возможности без потери функциональности?
Полный разбор перехода с устаревшего Angular 13 на современный стек: миграция через основные версии, замена зависимостей, рефакторинг архитектуры под Standalone Components, интеграция Vite вместо Webpack и настройка non-destructive hydration для улучшения производительности.
Ценный опыт для команд, планирующих масштабную миграцию сложных проектов — показывает как избежать типичных ошибок и правильно организовать процесс обновления
🔥Ссылка на статью
Заметки Фронтендера & Max | 130 |
| 7 |  Коллекция плохих привычек HTML и CSS
Чувствуешь, что верстал лендинг несколько часов, а получилось сложно и запутанно? Так бывает, когда используешь устаревшие или просто неудачные подходы — особенно вредные привычки в HTML и CSS.
Автор собрал распространенные ошибки новичков: вложенные блоки без смысла, чрезмерное применение !important, устаревшие table-разметки и другие антипаттерны — с примерами кода, скриншотами и объяснениями, почему так лучше не делать.
Материал поможет разобраться с кодстайлом на старте карьеры фронтендера и сэкономить время на ревью
🔥Ссылка на статью
Заметки Фронтендера & Max | 125 |
| 8 |  ❗️Курс Антипаттерны React: создавайте эффективные и удобные в сопровождении приложения React с помощью разработки и рефакторинга на основе тестирования
📖О курсе:
Поднимите свои навыки разработки React на новый уровень, изучив распространенные антишаблоны с помощью экспертных идей и практических решений, чтобы усовершенствовать свои кодовые базы до сложных и масштабируемых творений. Благодаря этому простому руководству React Anti-Patterns служит дорожной картой для повышения эффективности и удобства сопровождения ваших проектов React.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 130 |
| 9 |  Ripple — синтез лучших фронтенд-фишек
Ищешь свежий взгляд на разработку интерфейсов? Ripple предлагает оригинальный подход, объединяя сильные стороны React, Solid и Svelte в одном TypeScript-фреймворке.
Ключевые особенности: реактивность как в Solid, компонентный подход React и компиляция шаблонов Svelte. Собственный синтаксис с .ripple расширением позволяет экспериментировать с новыми концепциями до их попадания в мейнстрим.
Отличный вариант для любознательных разработчиков, которые хотят заглянуть в будущее фронтенда и понять, куда движутся современные фреймворки
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 135 |
| 10 |  ⚡️В России запустили первую онлайн-магистратуру по искусственному интеллекту
Её создали Университет Иннополис и Зерокодер, обучивший работе с ИИ более 15 000 человек. Для рынка это большой прорыв – раньше такой программы просто не было.
Что даёт магистратура лично вам:
- Вы запускаете собственный ИИ-продукт за время учёбы – он же становится дипломной работой;
- Осваиваете ИИ, no-code и вайб-кодинг без программирования, техническая база не нужна;
- Получаете диплом магистра государственного образца и отсрочку от армии;
- Учитесь онлайн из любого города, без отрыва от работы;
- Попадаете в среду практиков: основатели, венчурные инвесторы, выпускник Y Combinator; практика – в Т-Банке, Яндексе, Сбере.
Программа платная. Но чтобы разобраться, подходит ли она вам, поступать прямо сейчас не нужно.
7 июля в 13:00 МСК пройдёт бесплатный День открытых дверей. На нём выпускники и студенты лично расскажут, как собрали свои продукты – среди них вирусный ИИ-сервис и B2B-платформа, которой уже пользуются 70 компаний. Приёмная комиссия ответит на ваши вопросы и разберёт детали поступления.
Никаких обязательств: приходите, узнайте и оцените возможности – для этого День открытых дверей и проводится.
Мест на потоке осталось всего 9, к августу их не останется вовсе. Поэтому анонсируем заранее – разберитесь 7 июля.
Регистрация бесплатная по ссылке. | 114 |
| 11 |  GSAP — плавные анимации для веба
Хочешь создавать профессиональные анимации без головной боли с производительностью?
GSAP решает ключевую проблему CSS-анимаций — непредсказуемость производительности и ограниченность возможностей.
Библиотека обеспечивает плавность 60fps даже на сложных сценах, поддерживает любые свойства объектов JavaScript, включая SVG и canvas, и предлагает мощные инструменты вроде временных шкал для сложных последовательностей и плагинов для анимаций на скролле.
Отличное решение для фронтендеров, которые хотят вывести анимации на профессиональный уровень без компромиссов с производительностью
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 118 |
| 12 |  ❗️Курс Kafka Streams в действии, второе издание: Приложения, управляемые событиями, и микросервисы
📖О курсе:
Второе издание Kafka Streams в действии научит вас создавать приложения потоковой передачи событий на потрясающей платформе Apache Kafka. Это тщательно переработанное новое издание теперь охватывает более широкий спектр потоковых архитектур и включает интеграцию данных с Kafka Connect. По ходу дела вы изучите реальные примеры, которые знакомят с компонентами и брокерами, управлением схемой и другими важными вещами.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 132 |
| 13 |  ⚡️ Айтишник из «VISION» скупил курсы айти школ и выложил гигабайты материалов к себе
Каждый найдет что-то по душе:
1202 ГБ — Python
1811 ГБ — Frontend
1100 ГБ — C / C++ / C#
804 ГБ — Java
411 ГБ — SQL & БД
309 ГБ — DevOps
998 ГБ — ИБ & Хакинг
773 ГБ — Kotlin / Swift
189 ГБ — PHP
201 ГБ — GoLang
170 ГБ — Rust
167 ГБ — QA / Тестирование
310 ГБ — 1C + Лицензии
495 ГБ — Машинное обучение
704 ГБ — Аналитика Данных
991 ГБ — Дизайн
Материалы в закрепе, постоянно пополняются👆🏻 | 120 |
| 14 |  Архитектура очереди сообщений в React Native
Как реализовать надёжную обработку исходящих сообщений в мобильном приложении, если сетевое соединение может прерываться в любой момент?
Решение: глобальная очередь исходящих сообщений, которая работает на стеке React Native + Expo SDK 54. Внутри — синхронный доступ к AsyncStorage, обработка XMLHttpRequest, поддержка TypeScript. Архитектура включает механизм retry для неудачных запросов и гарантированную доставку даже при перезапуске приложения.
Отличный паттерн для сложных мобильных приложений, которым критически важна надёжная передача данных в условиях нестабильного интернета
🔥Ссылка на статью
Заметки Фронтендера & Max | 123 |
| 15 |  Браузерный IRC-клиент без JavaScript
Когда все привыкли к динамическим веб-приложениям на JavaScript, иногда хочется вспомнить, как работали сайты раньше — без фреймворков и тонны клиентского кода.
Создание полноценного IRC-клиента в браузере без использования JavaScript — технический челлендж, который демонстрирует возможности чистого HTML и CSS. В статье подробно разбираются подходы к обработке сообщений в реальном времени, авторизации и интерфейсным взаимодействиям через WebSocket-подключения.
Любопытный эксперимент для всех, кто хочет глубже понять основы веб-разработки и возможности современных браузеров без JavaScript
🔥Ссылка на статью
Заметки Фронтендера & Max | 115 |
| 16 |  ❗️Курс Linkerd: Запуск и работа: руководство по вводу в эксплуатацию Kubernetes-Native Service Mesh
📖О курсе:
Проекты могут быть крошечными, но навыки CSS, которые вы приобретете, огромны! Tiny CSS Projects научит вас создавать красивые веб-сайты и приложения, проведя вас через дюжину забавных задач по программированию. Вы приобретете важные навыки на практической практике, работая над собственным кодом и принимая настоящие творческие решения в отношении проектов, которые вы создаете. Вы быстро освоите основы, а затем перейдете к захватывающим функциям макета CSS, включая сетку и флексбокс, анимацию, переходы и медиа-запросы.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 119 |
| 17 |  7 полезных методов объектов в JavaScript
Часто ли приходится изобретать велосипеды при работе с объектами в JavaScript? В этой статье собрали методы, которые действительно упрощают ежедневные задачи.
Самые нужные методы для работы с объектами: Object.keys для получения ключей, Object.values для значений, Object.entries для пар ключ-значение, Object.assign для копирования, Object.freeze для иммутабельности, Object.seal для частичной защиты и Object.hasOwn для проверки свойств. К каждому — примеры и пояснения применения на практике.
Пригодится тем, кто хочет писать чище код и экономить время на рутинных операциях с объектами
🔥Ссылка на статью
Заметки Фронтендера & Max | 128 |
| 18 |  Как ускорить фронтенд-разработку в 10 раз
Разработка тормозит, и каждый новый фич-фикс отнимает всё больше времени? Проблема наверняка знакома: долгие компиляции, линтеры с ложными срабатываниями и сложность сопровождения быстрорастущей кодовой базы.
Решение по замене старых инструментов на современный стек: TSGO (TypeScript GraphQL операций) для генерации типов, Oxlint вместо ESLint для скорости, Rsbuild как альтернатива Webpack, React Compiler для оптимизации производительности и автоматический CodeGen для работы с API. Кейс из реального проекта: уменьшили время компиляции с 5 минут до 23 секунд, линтинг ускорили в 100 раз.
Стоит присмотреться к этому подходу всем, кто работает со сложными фронтенд-проектами и хочет выйти за пределы производительности стандартных инструментов
🔥Ссылка на статью
Заметки Фронтендера & Max | 137 |
| 19 | 5 секретов JavaScript для чистого кода
Легко подхватить дурные привычки в JS, а потом неделями чинить баги в продакшене. Но есть классические ловушки, которые стоит знать заранее.
Чем Promise.allSettled полезнее Promise.all (если один промис упал), почему ?? безопаснее || для nullish проверок, когда спрятать this внутри стрелочной функции, как Map может заменить сложные switch-блоки, и что делать, чтобы не терять память на массивах.
Особенно полезно тем, кто не хочет разбираться с legacy-багами, которые можно было предотвратить на старте проекта
🔥Ссылка на статью
Заметки Фронтендера & Max | 151 |
| 20 |  Приёмы современного CSS вместо старых хитростей
Вспомни, сколько раз приходилось писать transform: translate(-50%, -50%) для центрирования или городить вложенные селекторы для проверки наличия элементов?
Центрирование через grid и place-items вместо transform хаков, проверка отношений через :has() вместо громоздких комбинаторов, шрифт system-ui вместо ручного стека из Helvetica, Arial, sans-serif, универсальное inset вместо top/left/right/bottom и логические свойства для адаптивного отступа — пять конкретных приемов, которые делают код чище, короче и понятнее с первого взгляда.
Бесценный сборник для тех, кто хочет наконец-то избавить свои стили от legacy-костылей и начать писать современный, лаконичный код
🔥Ссылка на статью
Заметки Фронтендера & Max | 164 |
