Заметки Фронтендера
الذهاب إلى القناة على 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 |
