Заметки Фронтендера
Відкрити в Telegram
Уголок фронтендера и все для его заметок. Ссылка: @Portal_v_IT Сотрудничество: @oleginc, Канал на бирже: https://telega.in/c/frontend_tg
Показати більше
Сітка:5 575
Підписники
-324 години
-217 днів
-7430 днів
Завантажуємо дані
Схожі канали
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.telemetr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=96&q=75){kind=small}
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
жовтень '26жовт '26
жовтень '26
+10
в 0 каналах
вересень '26
+8
в 0 каналах
Get PRO
серпень '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 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 26 жовтня | 0 | |||
| 25 жовтня | +1 | |||
| 24 жовтня | +1 | |||
| 23 жовтня | 0 | |||
| 22 жовтня | 0 | |||
| 21 жовтня | 0 | |||
| 20 жовтня | 0 | |||
| 19 жовтня | +2 | |||
| 18 жовтня | 0 | |||
| 17 жовтня | 0 | |||
| 16 жовтня | 0 | |||
| 15 жовтня | 0 | |||
| 14 жовтня | +1 | |||
| 13 жовтня | 0 | |||
| 12 жовтня | +1 | |||
| 11 жовтня | 0 | |||
| 10 жовтня | 0 | |||
| 09 жовтня | 0 | |||
| 08 жовтня | 0 | |||
| 07 жовтня | 0 | |||
| 06 жовтня | 0 | |||
| 05 жовтня | +2 | |||
| 04 жовтня | 0 | |||
| 03 жовтня | +1 | |||
| 02 жовтня | 0 | |||
| 01 жовтня | +1 |
Дописи каналу
⚡️ В сети начали массово сливать IT-курсы и книги известных онлайн школ
Вот отсортированная база с тонной материала (постепенно пополняется):
(363 видео, 87 книги) — Python
(117 видео, 53 книги) — ВАЙБКОД
(174 видео, 91 книги) — DevOps
(415 видео, 68 книги) — Frontend
(137 видео, 93 книги) — DS/ML
(143 видео, 33 книги) — ИБ/Хакинг
(352 видео, 89 книги) — С/С++/C#
(343 видео, 87 книги) — Java/QA
(176 видео, 32 книги) — Git/Linux
(167 видео, 53 книги) — PHP/1С
(227 видео, 83 книги) — SQL/БД
(114 видео, 77 книги) — Сисадмин
(107 видео, 43 книги) — BA/SA
(181 видео, 32 книги) — Go/Rust
(167 видео, 43 книги) — Kotlin/Swift
(112 видео, 24 книги) — Flutter
(113 видео, 82 книги) — GameDev
(183 видео, 37 книги) — Дизайн
(136 видео, 33 книги) — PM/HR
Скачивать ничего не нужно — все выложили в Telegram
| 2 |  ⚡️ 21 лайфхак для новичков в JavaScript
В JavaScript есть эксклюзивные практики, которые используют профессионалы и о которых даже не подозревают новички.
Ознакомьтесь с некоторыми из них в этой статье, чтобы усовершенствовать свои навыки в написании кода и преуспеть в динамичном мире JS-разработки. | 73 |
| 3 |  АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ
Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков:
• Практические курсы и задания
• Книги и статьи известных авторов
• Полезные инструменты и ресурсы
• IT-новости и инсайды
Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др.
⌨️ подписаться | 100 |
| 4 |  ⚡️ 5 000 ₽ — столько приносит одна сделка
В день доступно 3-5 готовых сделок. Их находит ИИ и проверяют аналитики. От тебя — только повторить под сопровождением трейдеров.
❗️Можно без опыта и анализа графика, нужен телефон, обучение и час времени. Мы живём в эпоху, когда искусственный интеллект делает большую часть работы за нас, НО НЕ ВСЮ! И чтобы понять, как это работает — заходи в канал к Дмитрию.
Все инструкции и доступ к ИИ-агенту внутри. Заходите, пока набор открыт 👉 https://telegram.me/+mNCup1xVf21iOTIy | 105 |
| 5 |  Typescript для React
Типобезопасный React — это круто! Если хотите применить TypeScript для React, нашёл для вас хорошую статью по тому, как сделать это эффективно.
Вкратце о чём статья: Даются приёмы использования ReturnType и Awaited для извлечения типов из функций, типизации children через ReactNode, применения React.ComponentProps, объединений & и Omit для точного описания пропсов, способов группировки через объединения и использования as const для кортежей.
➡️ Читать статью
🔨Заметки Фронтендера // чат | 140 |
| 6 |  +3Размеры типографики для веб-сайтов
Это всего лишь пример для вас — размеры могут варьироваться.
🔨Заметки Фронтендера // чат | 150 |
| 7 |  SVG URL Encoder
Инструмент для конвертации SVG, который позволяет использовать его в качестве background-image, border-image или mask.
Некоторые особенности работы с инструментом:
🔘SVG должен иметь атрибут xmlns, например: xmlns='http: //w3.org'. Если его нет, атрибут добавляется автоматически.
🔘Закодированный SVG может использоваться в фоновом режиме, для border-image или маски.
➡️ Перейти на сайт
🔨Заметки Фронтендера // чат | 144 |
| 8 |  Выбираем лучший редактор кода
В этом видео вы ознакомитесь со всеми ключевыми особенностями популярных редакторов кода.
Автор разложил по полочкам всю необходимую инфу, а также рассказал, какие пользовательские потребности закрывает каждый из них.
🔨Заметки Фронтендера // чат | 151 |
| 9 |  +1Семантические элементы HTML — первый шаг к созданию доступного сайта.
Многие начинают веб-разработку, не зная о возможностях HTML, и открывают их позже, что может удивить.
Почему использовать семантические элементы?
Они улучшают доступность (например, для экранных чтецов).
Повышают SEO.
Каждый элемент имеет смысл и используется в контексте:
<main> — основное содержимое страницы.
<header> и <footer> — заголовок и подвал.
<aside> — дополняющий контент.
🔨Заметки Фронтендера // чат | 152 |
| 10 |  15 полезнейших плагинов Chrome в помощь фронтендеру
Инструменты из этой статьи помогут значительно упростить и ускорить процесс разработки и тестирования фронтенда.
Увидел много интересного — от извлечения CSS-стилей с веб-сайтов до анализа и оптимизации SEO.
🔨Заметки Фронтендера // чат | 143 |
| 11 |  ❗️Курс Руководство CISO по киберустойчивости: практическое руководство для каждого CISO по созданию устойчивой программы безопасности
📖О курсе:
Эта книга, написанная генеральным директором TrustedCISO с более чем 30-летним опытом, помогает директорам по информационной безопасности укреплять организационную защиту и защищать конфиденциальные данные. Проанализируйте атаку программы-вымогателя на вымышленную компанию BigCo и изучите фундаментальные политики и меры безопасности. С его помощью вы приобретете практические навыки и идеи, подходящие для различных уровней знаний, от базового до среднего.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 141 |
| 12 |  ❗️Подмена камеры в Яндекс.Телемосте
Хочешь исчезать из кадра по щелчку пальцев? Автор Яндекс.Телепульта разобрал, как подменить камеру через getUserMedia и canvas, добавить фоны, маски и субтитры, работающие локально в браузере.
Проблема: Телемост забирает видео с камеры через getUserMedia, и в этот поток хочется вклиниться со своими эффектами. Решение: патчим getUserMedia — настоящую камеру открываем сами, а странице отдаём трек, нарисованный на canvas. Всё, что рисуешь на этом canvas, уезжает собеседникам как обычное видео и попадает в запись.
Статья пригодится фронтендерам, кто хочет разобраться в WebRTC,Canvas и MediaPipe — загляни, если интересуют реальные хаки работы с видеопотоком в браузере
🔥Ссылка на статью
Заметки Фронтендера & Max | 163 |
| 13 |  ❗️От AJAX до React: перестройка фронтенда ВКонтакте
ВКонтакте прошёл путь от ручного DOM и AJAX до единой архитектуры на React — и это не просто хайп ради моды, а реальная необходимость: раньше мобильная и десктопная версии жили в одном репозитории, но с разными архитектурами.
Материал ведёт через реальную эволюцию: от четырёх несовместимых способов рендера компонентов до единой архитектуры на React. Особенно ценна часть про API Prefetch и HTTP Streaming: команда показывает, как за счёт переноса API-запросов на сервер и раннего старта JS сократили время полной отрисовки страницы с 4,4 до 2 секунд на списке друзей и с 3,1 до 1,9 секунд в фотографиях.
Рекомендую всем, кто работает с легаси-фронтендом или хочет понять, как строить масштабируемую архитектуру с React и SSR
🔥Ссылка на статью
Заметки Фронтендера & Max | 158 |
| 14 |  ❗️Курс Успешное прохождение собеседования по системному проектированию
📖О курсе:
Не пугайтесь сложного и открытого характера собеседований при проектировании систем! В этом подробном руководстве автор Чжиюн Тань делится своим опытом, полученным по обе стороны стола собеседований. Вы подробно разберёте распространённые технические темы, возникающие во время собеседований, и научитесь применять их для ментального совершенствования различных типов систем.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 143 |
| 15 |  ❗️PVS-Studio для Go: охота за copy-paste ошибками
Копируешь код, меняешь пару переменных — и получаешь не то поведение. Такие опечатки легко пропустить на ревью, особенно когда фрагменты выглядят почти одинаково.
Автор разбирает диагностику V8033 в анализаторе PVS-Studio для Go, которая ищет copy-paste ошибки в структурно изоморфном коде. Алгоритм упрощает AST, группирует похожие фрагменты и попарно сравнивает переменные: если общая переменная во втором фрагменте используется реже, чем в первом, на тех же позициях, а специфичная переменная занимает ровно те позиции, где в первом была общая, — это кандидат.
Если пишете на Go или ревьюите чужой код — загляните в статью, там ещё несколько реальных примеров из open source
🔥Ссылка на статью
Заметки Фронтендера & Max | 141 |
| 16 |  ❗️Устаревшие HTML и CSS, которые всё ещё работают
Современный фронтенд часто игнорирует старые возможности HTML и CSS, считая их пережитком. А зря — некоторые из них решают задачи быстрее и проще, чем модные фреймворки.
В статье разобраны пять приёмов, которые стоит держать в голове: множественные фоны в background, атрибут accept для input[type=file] (фильтрует файлы в диалоге, но требует серверной проверки), вертикальный текст через writing-mode и text-orientation, гибкое подчёркивание с text-decoration и единицы em для декоративных теней, которые автоматически масштабируются под размер шрифта.
Полезно тем, кто верстает лендинги или поддерживает legacy-проекты — загляните, если хотите писать меньше кода без потери гибкости
🔥Ссылка на статью
Заметки Фронтендера & Max | 146 |
| 17 |  ❗️Курс Cracking the Data Science Interview: получите полезные советы от отраслевых экспертов, чтобы освоить область науки о данных
📖О курсе:
Cracking the Data Science предоставляет экспертные рекомендации по тому, как подойти к процессу собеседования с полной подготовкой и уверенностью. Начиная с введения в современную среду науки о данных, вы найдете советы по поиску работы, написанию резюме и созданию первоклассного портфолио. Затем вы перейдете к таким темам, как Python, базы данных SQL, Git и производительность с помощью сценариев оболочки и Bash.
🔥СКАЧАТЬ
Заметки Фронтендера & Max | 149 |
| 18 |  ❗️Как GitHub ускорил сайт с CSS Modules
GitHub перевёл большую часть интерфейса с CSS-in-JS на CSS Modules, чтобы избавиться от рантайм-накладных расходов на стили. В статье подробно разбирают, как прошла миграция и какие подводные камни встретились на пути.
В статье на примере GitHub разбирают миграцию с CSS-in-JS (styled-components, sx-проп) на CSS Modules. Проблема: стили инициализировались на клиенте, SSR замедлялся, а обновления стилей выходили из-под контроля с ростом числа компонентов.
Решение: вынести стили в статические CSS-файлы рядом с компонентами, убрать рантайм и динамические sx-пропы.
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 154 |
| 19 | Как GitHub ускорил сайт с CSS Modules
GitHub перевёл большую часть интерфейса с CSS-in-JS на CSS Modules, чтобы избавиться от рантайм-накладных расходов на стили. В статье подробно разбирают, как прошла миграция и какие подводные камни встретились на пути.
В статье на примере GitHub разбирают миграцию с CSS-in-JS (styled-components, sx-проп) на CSS Modules. Проблема: стили инициализировались на клиенте, SSR замедлялся, а обновления стилей выходили из-под контроля с ростом числа компонентов. Решение: вынести стили в статические CSS-файлы рядом с компонентами, убрать рантайм и динамические sx-пропы. Если ваш проект страдает от медленного SSR из-за CSS-in-JS, обязательно изучите этот кейс — он даёт готовый план миграции, который можно адаптировать под свою к
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 1 |
| 20 |  ❗️WebKit — движок Safari с открытым кодом
Если вы когда-нибудь задумывались, как браузер превращает HTML и CSS в страницу, которую мы видим, — это работа движка. WebKit — один из таких движков, и его исходники открыты на GitHub.
WebKit — кроссплатформенный браузерный движок, который работает в Safari, Mail, App Store и других приложениях на macOS, iOS и Linux. В репозитории есть инструкции по сборке под Apple-платформы (через Xcode и build-webkit), а также под GTK, WPE и Windows (через CMake/Ninja).
Полезно, если хотите разобраться, как устроен браузерный движок изнутри, или планируете контрибьютить в WebKit — начните с ReadMe и Contributing Code
🔥Ссылка на репозиторий
Заметки Фронтендера & Max | 137 |
