Заметки Фронтендера
前往频道在 Telegram
Сборник курсов по frontend и web-дизайн Ссылка: @Portal_v_IT Сотрудничество, авторские права: @oleginc, @tatiana_inc Канал на бирже: https://telega.in/c/frontend_tg
显示更多
网络:5 742
订阅者
-224 小时
-167 天
-9430 天
数据加载中...
相似频道
标签云
进出提及
---
---
---
---
---
---
吸引订阅者
八月 '26
八月 '26
+9
在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个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 26 八月 | +1 | |||
| 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 |
频道帖子
❗️React-компоненты с иконками без слёз
Открываешь иконочный React-компонент — и видишь стену с координатами и viewBox-арифметикой. Что там нарисовано — непонятно, пока не скопируешь разметку в отдельный .svg, браузерные DevTools или Figma. Каждый такой маневр выбивает из потока.
Компонент Iconify for React импортирует SVG-иконки напрямую из интернета, хранит их как строки и отображает без дополнительных файлов. Теперь можно вызывать иконки по имени, видеть их в DevTools и избежать ручного копирования разметки.Попробуй на ближайшем проекте с SVG-иконками — сэкономишь кучу времени на отладке и станешь работать быстрее 🔥Ссылка на статью Заметки Фронтендера & Max
| 2 |  ❗️Курс ИИ на периферии: решение практических задач с помощью встроенного машинного обучения
❓О курсе:
Технология Edge AI преобразует способы взаимодействия компьютеров с реальным миром, позволяя устройствам интернета вещей (IoT) принимать решения на основе тех 99% данных с датчиков, которые ранее отбрасывались из-за ограничений по стоимости, пропускной способности или энергопотреблению. Благодаря таким методам, как встроенное машинное обучение (embedded machine learning), разработчики могут воплощать человеческую интуицию в алгоритмах и внедрять их на самых разных платформах — от микроконтроллеров с ультранизким энергопотреблением до устройств под управлением встроенных версий Linux.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 121 |
| 3 |  Фронтендеры, для вас: нашли библиотеку со 160+ БЕСПЛАТНЫМИ заготовками для сайтов.
ThreeUI — коллекция 3D-компонентов и лендингов на Three.js. Внутри есть шейдеры, анимации и готовые шаблоны, которые можно быстро адаптировать под свой проект, в том числе с помощью нейронок.
Вёрстка сегодня: ctrl+c → ctrl+v → готово.
Забираем тут.
📢Айтишная | 121 |
| 4 |  ❗️Курс Освоение конкурентности и параллелизма в Python: раскройте секреты мастерства
❓О курсе:
Погрузитесь в тонкости мира конкурентного программирования на Python благодаря профессионально структурированным главам, охватывающим ключевые концепции, примеры из реальной практики и продвинутые методы. Эта книга — от разъяснения принципов работы глобальной блокировки интерпретатора (GIL) до проектирования сложных конкурентных структур данных — предлагает исключительную ясность изложения и ценные практические знания. Материал каждой главы логически продолжает предыдущую, обеспечивая плавный процесс обучения и позволяя вам в совершенстве овладеть искусством написания надежного, масштабируемого конкурентного кода.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 125 |
| 5 |  ❗️usermedia — новый HTML элемент для камеры и микрофона
Устал от шаблонных pop-up окон с запросами доступа к камере? В Chrome 151 появился декларативный подход, который меняет правила игры.
Новый HTML-элемeyn <usermedia> предлагает иную модель работы с разрешениями: вместо JS-вызовов пользователь сам инициирует действия через декларативный элемент. Это решает проблему с отклонёнными разрешениями — теперь их можно легко восстановить. Статья объясняет, как он работает послеgeolocation> в наборе Capability Elements.
Идеальный инструмент для фронтенд-разработчиков, которые хотят улучшить UX работы с медиа-устройствами и снизить количество шаблонного кода
🔥Ссылка на статью
Заметки Фронтендера & Max | 152 |
| 6 | Saverbot — скачивай видео и аудио из любых соц.сетей
Без рекламы, подписок и прочего. | 104 |
| 7 |  ❗️Как CSP тихо ломает интеграции без ошибок
Добавили Content-Security-Policy на сайт и убедились, что ничего не отвалилось? А уверены, что всё работает как надо? Автор статьи столкнулся с тем, что CSP молча убила три интеграции без единой записи в логах сервера.
Проблема: после настройки CSP с белым списком хостов три интеграции перестали работать, но в консоли браузера не было явных ошибок, а серверные логи оставались пустыми. Решение — пятистрочный скрипт, который сканирует все fetch-запросы и находит те, которые блокирует политика безопасности.
Ценный материал для фронтенд-разработчиков, которые работают с внешними API и хотят избежать скрытых багов при настройке политик безопасности
🔥Ссылка на статью
Заметки Фронтендера & Max | 152 |
| 8 |  ❗️Курс Принципы проектирования RESTful API: практическое руководство по архитектуре веб-систем
❓О курсе:
В то время как обширная сеть взаимосвязанных устройств в интернете формирует будущее человеческого познания, RESTful API незаметно работают «за кулисами». REST (Representational State Transfer — передача репрезентативного состояния) определяет архитектурный стиль веба, позволяющий создавать распределенные, слабосвязанные системы, которые обеспечивают функционирование и расширение этой сети.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 145 |
| 9 |  Самый прогерский канал, где за 10 минут ты научишься:
/ Пр0бuв по фото и номеру в ТГ
// Как взломать вебку подруги
/// Мануал по OSINT разведке
Ссылка действительна
23 ч. 59 мин. 👇
https://t.me/+24BWSqt64gkyODQy | 127 |
| 10 |  ❗️Offline-first PWA: реалистичные сложности на примере трекера
Разрабатываешь PWA и устал от статей, которые обещают "полное покрытие темы", но умалчивают о реальных подводных камнях? Вот материал, где разработчик честно рассказывает про проблемы, с которыми действительно сталкиваешься на практике.
Основные проблемы, которые решает PWA: требования Google с 2027 года к обязательной подписи приложений (особенно сложной для разработчиков из РФ), ограничения веб-страниц и реальная offline-работа. Разбирается на примере фитнес-трекера с практическими решениями.
Отличное чтиво для фронтендеров и фулстекеров, которые хотят понять реальные сложности PWA-разработки, а не только теорию
🔥Ссылка на статью
Заметки Фронтендера & Max | 153 |
| 11 |  АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ
Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков:
• Практические курсы и задания
• Книги и статьи известных авторов
• Полезные инструменты и ресурсы
• IT-новости и инсайды
Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др.
⌨️ подписаться | 163 |
| 12 |  Уже очевидно, что ВАЙБКОДИНГ — главный навык ближайших лет
Посмотрите сами. ИИ уже забирает на себя работу целых команд: пишет код, закрывает задачи джунов и позволяет стартапам запускать продукты в 2–3 раза меньшим составом. То, на что раньше нужны были несколько разработчиков, сегодня всё чаще делает один человек с ИИ-агентами.
И это только начало. Те, кто освоит вайбкодинг сейчас, смогут быстрее запускать проекты, автоматизировать огромный объём работы, увереннее конкурировать на рынке и зарабатывать больше тех, кто продолжает делать всё вручную.
Начать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы.
Подписывайтесь, нас уже 59 тысяч: @vibecoding_tg | 144 |
| 13 |  ❗️Breadcrumbs: путь к ошибке во фронтенде
Представь: в логах появилась ошибка, но непонятно, что именно привело к сбою. Пользователь куда-то нажимал, скроллил, заполнял формы, но восстановить цепочку его действий почти невозможно — разве что повезёт.
Как решить проблему: с помощью open-source трекера ошибок Хоук восстанавливать "хлебные крошки" событий — цепочку пользовательских действий перед сбоем. В статье разберём: настройку мониторинга React-приложения, запись кликов и навигации, фильтрацию шума и анализ сбоев в интерфейсе администратора.
Однозначно стоит изучить фронтенд-разработчикам, которые хотят быстрее находить причины багов в production и не тратить часы на дебаг
🔥Ссылка на статью
Заметки Фронтендера & Max | 175 |
| 14 |  ❗️Курс Освоение моделирования корпоративных решений: руководство по гибкой архитектуре корпоративных решений
❓О курсе:
Откройте для себя методологию Agile-Enterprise Solution Architecture (A-ESA) с помощью этого подробного руководства, предлагающего структурированный подход к моделированию ИТ-решений. В основе этого подхода лежат принципы простоты, значимости и системности; он позволяет эффективно решать проблемы архитектурного долга, характерные для современных масштабных ИТ-решений, разрабатываемых по методологии Agile.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 165 |
| 15 |  ❗️Кросс-платформенный UI-тулкит для React Native
Нужен готовый набор компонентов для мобильной разработки, который работает одинаково хорошо на iOS и Android?
React Native Elements предлагает более 30 готовых компонентов: кнопки, карточки, списки, инпуты, иконки и многое другое. Все элементы следуют Material Design и iOS Human Interface Guidelines, автоматически адаптируясь под платформу. Поддерживает TypeScript, React Native Web и работает с Expo.
Отличное решение для быстрого старта мобильных проектов без необходимости писать базовые компоненты с нуля
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 164 |
| 16 |  ❗️Опасность открытых Telegram Mini Apps
Думаешь, Mini Apps в Telegram — это просто игрушки или безопасные виджеты? На деле у них есть доступ к твоей клавиатуре и даже к соседним вкладкам браузера, а ты об этом можешь и не догадываться.
Что происходит: Mini App получает доступ к клавиатурным событиям браузера, может красть данные из соседних вкладок, включая приватные чаты. Техника называется Focus Hijacking — приложение перехватывает фокус, когда ты сворачиваешь его и переключаешься на другую вкладку.
Полезная статья для тех, кто работает с веб-приложениями или просто хочет понимать реальные риски современных технологий. Всегда проверяй разрешения сторонних приложений в браузере!
🔥Ссылка на статью
Заметки Фронтендера & Max | 160 |
| 17 | Опасность открытых Telegram Mini Apps
Думаешь, Mini Apps в Telegram — это просто игрушки или безопасные виджеты? На деле у них есть доступ к твоей клавиатуре и даже к соседним вкладкам браузера, а ты об этом можешь и не догадываться.
Что происходит: Mini App получает доступ к клавиатурным событиям браузера, может красть данные из соседних вкладок, включая приватные чаты. Техника называется Focus Hijacking — приложение перехватывает фокус, когда ты сворачиваешь его и переключаешься на другую вкладку.
Полезная статья для тех, кто работает с веб-приложениями или просто хочет понимать реальные риски современных технологий. Всегда проверяй разрешения сторонних приложений в браузере!
🔥Ссылка на статью
Заметки Фронтендера & Max | 1 |
| 18 |  📣USB-концентратор
Цена: ~2300₽
Рейтинг: 4.8😀
Отзывы: 2.774 💬
🖱 Заказать
USB-концентратор 11 в 1 поможет расширить возможности компьютера или ноутбука, позволяя одновременно подключать множество периферийных устройств и аксессуаров через один компактный адаптер.
#usb #концентратор
Находки Программиста | 115 |
| 19 |  ❗️Курс Основательный подход к Ruby
❓О курсе:
Для Ruby наступили отличные времена! Этот язык столь же мощен, как Java или C++, но при этом обладает динамическими возможностями, позволяющими коду гибко реагировать на изменения в процессе выполнения программы. Кроме того, Ruby отличается элегантностью, благодаря чему создавать приложения, инструменты разработки и административные скрипты становится проще и удобнее. С выходом долгожданной версии Ruby 2, активным сообществом разработчиков, а также множеством библиотек и инструментов для повышения эффективности работы, Ruby окончательно утвердился как зрелый и востребованный язык.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 191 |
| 20 | Стоит ли сейчас изучать ИИ — или подождать еще?
Если посмотреть на то, как меняется рынок, ответ очевиден: ИИ становится рабочим инструментом и даже необходимостью. Он не просто создаёт тексты или картинки, а берёт на себя рутинные задачи практически в любой профессии.
И здесь есть простой эксперимент: попробуйте внедрить ИИ хотя бы в несколько своих задач и посмотрите, насколько быстрее и проще станет ваша работа.
Если хочется разобраться системно — можно начать с курса «Нейросети на практике». Он поможет с нуля освоить ИИ-инструменты, создавать тексты и изображения, анализировать данные и автоматизировать процессы. Материалы и обновления останутся с вами навсегда, а куратор будет на связи в течение целого года.
Иногда, чтобы изменить привычный сценарий, нужно просто попробовать новый инструмент.
Реклама. Информация о рекламодателе по ссылкам в посте. | 113 |
