ru
Feedback
Заметки Фронтендера

Заметки Фронтендера

Открыть в Telegram

Сборник курсов по frontend и web-дизайн Ссылка: @Portal_v_IT Сотрудничество, авторские права: @oleginc, @tatiana_inc Канал на бирже: https://telega.in/c/frontend_tg

Больше
5 815
Подписчики
-124 часа
-217 дней
-6830 день
Привлечение подписчиков
август '26
август '26
+1
в 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 каналах
Дата
Привлечение подписчиков
Упоминания
Каналы
02 августа0
01 августа+1
Посты канала
❗️15 советов: как загубить React-компонент Задумывался, почему поддерживать некоторые React-компоненты так мучительно? Оказыв
❗️15 советов: как загубить React-компонент Задумывался, почему поддерживать некоторые React-компоненты так мучительно? Оказывается, существуют определённые "антипаттерны", которые гарантированно превратят любой компонент в неуправляемый комбайн.
Что рассмотрено: как небольшие задачи обрастают логикой в 500 строк, почему компоненты превращаются в монстров с десятками пропсов, типичные ошибки при расширении функциональности, кейсы из реальных проектов и 15 конкретных вредных советов, которые показывают эту проблему на практике.
Отличная статья для фронтендеров, которые хотят избежать типичных ошибок и научиться писать компоненты, которые будут легко сопровождать и расширять 🔥Ссылка на статью Заметки Фронтендера & Max

2
❗️Vue 3 внутри jQuery-форм без переписывания Что делать, когда нужно добавить современные возможности в старый проект, но пол
❗️Vue 3 внутри jQuery-форм без переписывания Что делать, когда нужно добавить современные возможности в старый проект, но полное переписывание займёт год? Проблема: легаси проект с jQuery-формами, которые нужно улучшить без полной перестройки. Решение: интеграция Vue 3 компонентов внутрь старых форм, минуя конфликты реактивности и бесконечные циклы. Отличный пример для разработчиков, которые работают с legacy-кодом и хотят аккуратно добавлять современные фичи без риска сломать рабочий функционал 🔥Ссылка на статью Заметки Фронтендера & Max
74
3
❗️Курс Программирование встраиваемых систем на языке C (Bare-Metal): разработка высокопроизводительных встраиваемых систем на
❗️Курс Программирование встраиваемых систем на языке C (Bare-Metal): разработка высокопроизводительных встраиваемых систем на языке C для микроконтроллеров Arm ❓О курсе: К концу этой книги вы отточите навыки чтения технической документации, работы с регистрами и написания оптимизированного кода, а также обретете уверенность, необходимую для того, чтобы разбираться в тонкостях аппаратного обеспечения и самостоятельно разрабатывать оптимизированное встроенное ПО, став тем самым компетентным и самостоятельным разработчиком встраиваемых систем. 🔥СКАЧАТЬ Заметки Фронтендера & Max
94
4
❗️Как чат на сайте ест производительность Добавил виджет чата на сайт и сразу словил падение производительности? Автор как ра
❗️Как чат на сайте ест производительность Добавил виджет чата на сайт и сразу словил падение производительности? Автор как раз столкнулся с этой проблемой на реальном интернет-магазине: мобильный Performance в PageSpeed упал до 29 баллов. Главная проблема: стандартные виджеты чатов могут тормозить страницы на 0.5-1.0 баллов в Core Web Vitals. Решение: кастомная реализация, которая загружает тяжелые ресурсы только по требованию, сохраняя при этом все функции уведомлений и обратной связи. Полезный кейс для фронтендеров, которые работают над производительностью коммерческих сайтов и хотят сохранить функциональность без потерь в скорости 🔥Ссылка на статью Заметки Фронтендера & Max
91
5
❗️Фронтенд жив и будет жить вечно Фронтенд разработка — одна из самых стабильных сфер в IT. Несмотря на все предсказания о её
❗️Фронтенд жив и будет жить вечно Фронтенд разработка — одна из самых стабильных сфер в IT. Несмотря на все предсказания о её скорой смерти, за последние 20 лет она только укрепилась и стала более востребованной. С чего начались эти разговоры и почему они оказались ошибочными? Разбор пяти ключевых волн предсказаний о смерти фронтенда: от визуальных конструкторов вроде Wix и Tilda до современных AI-инструментов. Каждая новая технология объявлялась "убийцей фронтендеров", но вместо этого просто меняла стек и повышала требования к разработчикам. Если ты фронтенд-разработчик, не спеши переучиваться — твои навыки будут актуальны ещё долгие годы. Вместо этого стоит фокусироваться на углублении знаний и адаптации под новые инструменты 🔥Ссылка на статью Заметки Фронтендера & Max
109
6
❗️Курс Полный курс программирования на Python: изучайте Python с помощью более чем 650 программ, 900+ практических вопросов и
❗️Курс Полный курс программирования на Python: изучайте Python с помощью более чем 650 программ, 900+ практических вопросов и 5 проектов ❓О курсе: Эта книга представляет собой всестороннее и глубокое введение в Python — популярный язык программирования, используемый ведущими компаниями в самых разных сферах. Независимо от того, делаете ли вы первые шаги в программировании или являетесь опытным специалистом, желающим расширить свои навыки, эта книга поможет вам освоить ключевые концепции Python. 🔥СКАЧАТЬ Заметки Фронтендера & Max
117
7
🔥 Нашли сервис, который позволяет за пару минут собрать под себя полноценный курс по любой теме — Gurufy. 🔅 Это не просто ч
🔥 Нашли сервис, который позволяет за пару минут собрать под себя полноценный курс по любой теме — Gurufy. 🔅 Это не просто чат как ChatGPT, а целая экосистема, которая позволяет разобраться в вопросах чуть сложнее, чем «какая сегодня погода». 🔅 По запросу создаётся план курса, а в каждой статье — иллюстрации, интерактивные виджеты, отдельный ИИ-ассистент и задания для закрепления материала. 🔥 Попробовать можно бесплатно. Ссылка на сервис → https://gurufy.ru
111
8
❗️Как работает Event Loop в JavaScript на самом деле Когда говоришь "JavaScript однопоточный", собеседник обычно кивает, но п
❗️Как работает Event Loop в JavaScript на самом деле Когда говоришь "JavaScript однопоточный", собеседник обычно кивает, но понимание так и остаётся на уровне терминологии? Эта статья снимает покров таинственности с работы Event Loop и показывает механику асинхронности в деталях. Оживление мёртвой зоны: Call Stack, Web APIs, Callback Queue и Event Loop в действии. Что действительно происходит, когда запускаешь setTimeout или обращаешься к сетевому запросу? Почему Promise обрабатывается иначе, чем callbacks, и как это влияет на Microtasks Queue. Эту статью стоит прочитать даже тем, кто уже считает себя знатоком JavaScript — здесь найдёшь недостающие пазлы в понимании того, как твой код выполняется браузером или Node.js 🔥Ссылка на статью Заметки Фронтендера & Max
111
9
❗️Языковая модель на чистом Node.js без библиотек Хочешь понять, как работают языковые модели без магии и скрытой сложности?
❗️Языковая модель на чистом Node.js без библиотек Хочешь понять, как работают языковые модели без магии и скрытой сложности? Этот проект наглядно демонстрирует всю архитектуру от токенизации до обучения на чистом JavaScript. Полная реализация Language Model с нуля: токенизация → эмбеддинги → causal Transformer → LM head → softmax → loss → backpropagation. Никаких зависимостей от TensorFlow, PyTorch или автоградиента — весь градиентный спуск и оптимизация реализованы вручную. Отличный способ для разработчиков разобраться в фундаментальных принципах современных языковых моделей без сложных абстракций фреймворков 🔥Ссылка на статью Заметки Фронтендера & Max
121
10
❗️Курс Конфиденциальность и безопасность больших языковых моделей: практические методы защиты данных для персонализированного
❗️Курс Конфиденциальность и безопасность больших языковых моделей: практические методы защиты данных для персонализированного ИИ ❓О курсе: Эта книга служит столь необходимым руководством по решению этих актуальных проблем. Доктор Байхан Ли предлагает всесторонний обзор методов обеспечения конфиденциальности и безопасности — таких как дифференциальная приватность, федеративное обучение и гомоморфное шифрование, — применительно именно к большим языковым моделям (LLM). 🔥СКАЧАТЬ Заметки Фронтендера & Max
131
11
❗️7 простых лайфхаков HTML/CSS для UX Задумывался, почему одни веб-интерфейсы приятны в использовании, а другие кажутся неудо
❗️7 простых лайфхаков HTML/CSS для UX Задумывался, почему одни веб-интерфейсы приятны в использовании, а другие кажутся неудобными, даже когда внешне всё в порядке? Часто дело в деталях, которые создают интуитивный пользовательский опыт. Автор собрал подборку конкретных приёмов: правильные анимации для кнопок и форм, которые дают обратную связь и не раздражают, умные ховер-эффекты, помогающие сориентироваться, и микроинтеракции, превращающие обычный сайт в дружелюбную среду. Пригодится фронтендерам, которые хотят подтянуть именно практические детали и сделать свои проекты по-настоящему интуитивными для пользователей 🔥Ссылка на статью Заметки Фронтендера & Max
136
12
❗️Каррирование и функции высшего порядка в JavaScript Запутался, как сделать JavaScript‑код по‑настоящему переиспользуемым и
❗️Каррирование и функции высшего порядка в JavaScript Запутался, как сделать JavaScript‑код по‑настоящему переиспользуемым и чистым без лишних сложностей? В этой статье показывают, как функциональные подходы — каррирование и функции высшего порядка — работают на практике и почему они упрощают разработку. Что есть: пять пошаговых примеров от простых определений до продвинутого каррирования, разбор принципов работы и главное — практические сценарии использования в реальных проектах. Включая рабочие примеры кода и советы по улучшению читаемости JS. Очень помогает разобраться, как писать более читаемый, переиспользуемый код без лишней сложности и почему эти подходы особенно важны в современных проектах 🔥Ссылка на статью Заметки Фронтендера & Max
152
13
8 вопросов для Senior JavaScript-разработчика Подготовка к собеседованию на позицию Senior — всегда вызов, особенно когда нуж
8 вопросов для Senior JavaScript-разработчика Подготовка к собеседованию на позицию Senior — всегда вызов, особенно когда нужно подтвердить не только технические знания, но и архитектурное мышление. Эта подборка вопросов поможет оценить готовность к реальным сложным задачам и глубокому разбору JS-механик. Что включает подборка: детальный анализ Event Loop с микро- и макрозадачами, тонкости Promise и async/await (обработка ошибок в цепочках), сравнение прототипного наследования и композиции/делегации, оптимизация производительности при работе с большими массивами данных, архитектурные решения для масштабируемых SPA. Суровый тест, который реально выявит пробелы и покажет, насколько ты готов к настоящим сеньор-задачам, а не просто к заученным ответам 🔥Ссылка на статью Заметки Фронтендера & Max
162
14
❗️Курс Освоение текстовой аналитики: практическое руководство по NLP на Python ❓О курсе: Эта книга представляет собой всеобъе
❗️Курс Освоение текстовой аналитики: практическое руководство по NLP на Python ❓О курсе: Эта книга представляет собой всеобъемлющее руководство по освоению методов обработки естественного языка (NLP) — стремительно развивающейся области анализа текстов и данных с применением технологий искусственного интеллекта. В ней представлены инструменты и методики, позволяющие извлекать ценную информацию как из структурированных, так и из неструктурированных данных; это дает возможность находить инсайты, недоступные для традиционных методов анализа, и сохранять конкурентоспособность в этой динамично развивающейся сфере. 🔥СКАЧАТЬ Заметки Фронтендера & Max
155
15
❗️Гайд по CSS для печати из веба Переводишь бумажные формы в веб, но хочешь сохранить печатный вид как в оригинале? Ключ — сп
❗️Гайд по CSS для печати из веба Переводишь бумажные формы в веб, но хочешь сохранить печатный вид как в оригинале? Ключ — специальные CSS-правила для @media print. Ключевые проблемы при печати: лишние элементы интерфейса, разрывы страниц в неожиданных местах, неправильные цвета. Что разбираем: скрытие ненужных блоков через display: none, управление разрывами страниц с помощью page-break, использование принтерных цветных схем, настройка отступов полей и выбор шрифтов с чётким отображением. Отличный набор приёмов для тех, кто хочет сделать веб-документы профессиональными и удобными для реального использования на бумаге 🔥Ссылка на статью Заметки Фронтендера & Max
170
16
300 тысяч в месяц — доход обычного человека в крипте. Согласитесь, звучит смешно Для незнающих людей — да. Но этого можно доб
300 тысяч в месяц — доход обычного человека в крипте. Согласитесь, звучит смешно Для незнающих людей — да. Но этого можно добиться и за пару недель, если не идти путем своих ошибок, а повторять только правильные действия за профессионалом. На канале Первый Финансист показан путь с 30 тыс, а сейчас зарабатывает по 5 млн чистыми в месяц с помощью уникального метода. • Без вложений в «воздух» —реальная стратегия, проверенная сотнями людей. • Честность и открытость — он показывает сделки, ты видишь как это работает и свои результаты. • Минимальные риски — если за первую неделю ты не выйдешь на 45 000₽, то он компенсирует твое время. Ссылка для входа, места ограничены: https://telegram.me/+IoxK6kNRH_hkNjNi
123
17
❗️Курс Искусство разработки продуктов на базе ИИ: создание ценности для бизнеса 📖О курсе: Книга «Искусство разработки продук
❗️Курс Искусство разработки продуктов на базе ИИ: создание ценности для бизнеса 📖О курсе: Книга «Искусство разработки продуктов с ИИ» предлагает четкий и практичный подход к созданию продуктов, использующих искусственный интеллект. В ней представлены конкретные рекомендации по определению стратегии в области ИИ, разработке полезных функций на его основе, а также по укреплению доверия пользователей и обеспечению принятия продукта. Вместо погони за сиюминутными трендами авторы делают упор на фундаментальные принципы и долгосрочное видение — основы, которые сохраняют свою актуальность по мере развития этой сферы. 🔥СКАЧАТЬ Заметки Фронтендера & Max
182
18
❗️5 скрытых ошибок в HTML и CSS коде Вроде всё выглядит отлично, а пользователи жалуются? Возможно, в коде затаились проблемы
❗️5 скрытых ошибок в HTML и CSS коде Вроде всё выглядит отлично, а пользователи жалуются? Возможно, в коде затаились проблемы с доступностью, которые не видно с первого взгляда. Ключевые разборы: медиа-запрос prefers-reduced-motion для пользователей с вестибулярными нарушениями, правильный порядок элементов в модалках для скринридеров, гибкая работа с rem, режим принудительных цветов forced-colors для пользователей с дистрофией сетчатки, корректная стилизация радиокнопок через border для совместимости с ассистивными технологиями. Отличный материал для фронтендеров, которые хотят прокачаться в доступности и писать по-настоящему инклюзивный код 🔥Ссылка на статью Заметки Фронтендера & Max
165
19
🔥 Хотите управлять увереннее и принимать решения быстрее? Чем выше должность, тем дороже обходятся ошибки и тем сложнее находить работающие решения. Многие месяцами ищут ответы, когда можно получить уже готовый опыт. Школа управления РБК — это сообщество руководителей, где каждую неделю проходят практические онлайн-события с экспертами и топ-менеджерами бизнеса. Что это даст вам: ✔️ умение эффективнее управлять командой ✔️ находить новые профессиональные возможности ✔️ увереннее проходить кризисы и изменения ✔️ расширить круг полезных деловых контактов ✔️ развивать карьеру через сильное окружение Получите гостевой доступ за 1₽ прямо сейчас и начните использовать опыт сильных управленцев в своих задачах. Реклама. Информация о рекламодателе по ссылкам в посте.
109
20
❗️Курс Безопасность Moodle 4: повышение уровня безопасности и обеспечение соответствия нормативным требованиям в вашей инфрас
❗️Курс Безопасность Moodle 4: повышение уровня безопасности и обеспечение соответствия нормативным требованиям в вашей инфраструктуре Moodle 📖О курсе: Эта книга предлагает практические рекомендации и примеры из реальной практики, помогающие обеспечить соответствие требованиям безопасности. Вооружая вас необходимыми инструментами, методами и подходами, руководство *Moodle 4 Security* помогает нейтрализовать потенциальные угрозы для вашей платформы Moodle. 🔥СКАЧАТЬ Заметки Фронтендера & Max
148