#статьи
🥄 Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода
В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно.
Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных.
В этой статье мы разберёмся, как настроить валидацию поля ввода.
Читать статью
👉 Новости 👉 База вопросов
В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно.
Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных.
В этой статье мы разберёмся, как настроить валидацию поля ввода.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
#полезное
🛞 Вызов функции через
👉 Новости 👉 База вопросов
evaleval вызывает функцию по её имени, заданному в functionName, и передаёт ей аргумент argument. В данном случае вызывается функция greet с аргументом "Alice".Please open Telegram to view this post
VIEW IN TELEGRAM
Guru Node.js at YeaHub | Деметра
Всем привет!
Я — Дима, Senior Backend разработчик на Node.js и ментор
В IT больше 6 лет: шикарно перекладываю json’ы в микросервисах. Поднял стартап с нуля до продакшена под высокой нагрузкой. Сейчас работаю в крупной компании и активно участвую в найме (провожу собеседования)
Менторю по Node.js — помогаю прокачаться, разложить backend по полочкам и выйти на работу мечты. Особенно люблю фронтов, которые решили перебраться на тёмную сторону
А ещё я Guru Node.js в YeaHub — слежу за качеством контента и всей экосистемой
А ещё подписывайтесь на другие каналы Экосистемы YeaHub
Проект YeaHub:
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥3❤2
#Собес #docker
🤔 Как удалить Docker-контейнер?
💬 Кратко:
Чтобы удалить Docker-контейнер, используйте команду
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
💬 Кратко:
Чтобы удалить Docker-контейнер, используйте команду
docker rm c указанием ID или имени контейнера. Пример: docker rm mycontainer удаляет контейнер с именем mycontainer .📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
#полезное
😊 Самая масштабная атака на экосистему JavaScript
Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю.
В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков.
Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод):
Что стоит сделать:
🟠 Удалить уязвимые версии из дерева зависимостей, пересобрать и задеплоить исправления.
🟠 Проверить lock-файлы (package-lock.json, yarn.lock, pnpm-lock.yaml) и node_modules на присутствие перечисленных версий.
🟠 Очистить кэш менеджера пакетов: npm cache clean --force, yarn cache clean, pnpm store prune.
🟠 Переустановить зависимости с нуля (удалив node_modules и lock-файлы) и заново зафиксировать версии.
🟠 Пересобрать фронтенд-бандлы, инвалидировать CDN/кэши, перезапустить рантаймы.
🟠 Проверить логи на внешние запросы из бандла, провести аудит внесённых PR/коммитов.
🟠 Ротировать ключи/токены, если могли утечь, и ужесточить 2FA/доступ к npm.
Разбор атаки
👉 Новости 👉 База вопросов
Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю.
В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков.
Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод):
ansi-styles@6.2.2
debug@4.4.2
chalk@5.6.1
supports-color@10.2.1
strip-ansi@7.1.1
ansi-regex@6.2.1
wrap-ansi@9.0.1
color-convert@3.1.1
color-name@2.0.1
is-arrayish@0.3.3
slice-ansi@7.1.1
color@5.0.1
color-string@2.1.1
simple-swizzle@0.2.3
supports-hyperlinks@4.1.1
has-ansi@6.0.1
chalk-template@1.1.1
backslash@0.2.1
error-ex@1.3.3
Что стоит сделать:
Разбор атаки
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1🤯1
Nest.js обмазан синтаксическим сахаром: пишешь @Controller, @Get — и всё работает. Но под капотом у каждого запроса есть целая цепочка этапов. Давай разберёмся, кто первый встречает твой запрос, а кто последний
Вопрос частый на собесах, рекомендую внимательно прочитать
Самый первый уровень. Тут можно переписать req, добавить хедеры, логировать. По сути — «до Nest-а». Работают так же, как в Express/Fastify
Самые первые на пути. Проверяют, можно ли вообще пропустить запрос дальше (авторизация, роли, доступ). Если guard сказал «нет» — дальше никто не работает.
Может подменить данные запроса или добавить что-то в контекст. Часто используют для логирования или кэширования.
Проверяют и трансформируют входные данные (валидаторы, касты типов). Например, ParseIntPipe превратит строку id в число. Если данные грязные — кидают ошибку и обрубают цикл.
Тут твой метод с бизнес-логикой
🪢 Interceptor (после вызова)
Может преобразовать ответ перед тем, как он уйдёт клиенту (например, обернуть результат в единую структуру ответа) — удобно для фронтов
Если где-то в цепочке бахнуло исключение — фильтр красиво его поймает и вернёт красивый ответ вместо 500-ки. Тоже удобно для фронтов, чтобы можно было вывести ошибку
⸻
⚡ Итоговый маршрут:
Middleware → Guard → Interceptor (до) → Pipe → Controller → Interceptor (после) → Exception Filter
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🏆3🔥2
#Собес #git
🤔 Что делает Git-клон?
💬 Кратко:
Команда
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
💬 Кратко:
Команда
git clone создаёт копию существующего репозитория, включая всю историю изменений, файлы и ветки. Это используется, чтобы начать работу с проектом, который уже находится в удалённом репозитории.📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
#статьи
👋 Что такое react-afc
react-afc - библиотека для более простого (чем в простом react) уменьшения количества ненужных ререндеров дочерних компонентов.
Читать статью
👉 Новости 👉 База вопросов
react-afc - библиотека для более простого (чем в простом react) уменьшения количества ненужных ререндеров дочерних компонентов.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
Техническое собеседование. ЗП: от 220к. Август 2025. Опыт: 4 года. Средний собес, спрашивали по опыту (про достижения из резюме), были блоки по Node.js, ts, бд и микросервсам
Вопросы:
- Виды тестов и их различия
- Какие бывают транспорты между микросервисами (синхронный подход (REST, gRPC) и асинхронный (kafka, rabbitMQ, NATS))
- Плюсы и минусы микросервисов
- Блокирующие и неблокирующие операции в Node.js
Все вопросы можно посмотреть на нашей платформе
#собес #коллекции
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2❤1
#Собес #git
🤔 Что такое репозиторий Git и как вы его инициализируете?
💬 Кратко:
Репозиторий Git - это хранилище, где отслеживаются все изменения вашего проекта, включая файлы, их историю и ветки. Чтобы инициализировать репозиторий, используйте команду
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
💬 Кратко:
Репозиторий Git - это хранилище, где отслеживаются все изменения вашего проекта, включая файлы, их историю и ветки. Чтобы инициализировать репозиторий, используйте команду
git init , которая создаёт скрытую папку .git , где Git сохраняет свои данные.📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
#полезное
😘 Solid
Эффект анимации при наведении мыши на текст.
https://codepen.io/Sidstumple/pen/RwGJOow
👉 Новости 👉 База вопросов
Эффект анимации при наведении мыши на текст.
https://codepen.io/Sidstumple/pen/RwGJOow
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1👍1
This media is not supported in your browser
VIEW IN TELEGRAM
#полезное
❤️🔥 Segmented Progress Bar With Tip
Реализовано на React и стилизовано в SCSS.
CodePen
👉 Новости 👉 База вопросов
Реализовано на React и стилизовано в SCSS.
CodePen
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
#полезное
😐 Огромная библиотека анимаций для React
В ней собрано больше 100 готовых анимированных компонентов: кнопки, карточки, меню, модалки, курсоры и даже списки с плавными эффектами. Всё выглядит стильно, легко настраивается через пропсы, а примеры можно сразу протестировать в браузере.
Коллекция постоянно пополняется новыми элементами, а самое приятное — всё это распространяется бесплатно.
Отличный инструмент для тех, кто делает интерфейсы на React.
Гитхаб
👉 Новости 👉 База вопросов
В ней собрано больше 100 готовых анимированных компонентов: кнопки, карточки, меню, модалки, курсоры и даже списки с плавными эффектами. Всё выглядит стильно, легко настраивается через пропсы, а примеры можно сразу протестировать в браузере.
Коллекция постоянно пополняется новыми элементами, а самое приятное — всё это распространяется бесплатно.
Отличный инструмент для тех, кто делает интерфейсы на React.
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1👍1
Event Loop — это сердце всей асинхронности: он решает, когда выполнять твой код, когда обрабатывать коллбеки и когда отдавать управление дальше. За последовательность выполнения отвечают фазы эвент лупа
1) Timers
Сюда попадают коллбеки setTimeout и setInterval. Но! Выполняются они не строго по миллисекундам, а когда цикл доберётся до этой фазы
2) Pending callbacks
Выполняются отложенные системные коллбеки (например, ошибки из сетевых операций)
3) Idle, prepare
Внутренние операции, используемые самой платформой Node.js
4) Poll
Самая важная фаза: тут обрабатываются новые I/O события (сокеты, файлы, сетевые запросы). Если работы нет — Node может подождать
5) Check
Фаза для setImmediate. Все такие коллбеки выполняются именно тут, сразу после poll
6) Close callbacks
Закрытия соединений (socket.on('close') и т.п.)
⸻
Есть ещё «микрозадачи», которые выполняются между фазами
1) process.nextTick — выполняется даже раньше, чем промисы
2) Промисы (.then/.catch/finally) — выполняются сразу после текущей операции, до перехода к следующей фазе.
Иногда спрашивают: «Что быстрее — setTimeout(..., 0) или setImmediate?»
— setTimeout(..., 0) попадает в фазу timers, то есть выполнится на следующем проходе цикла
— setImmediate идёт в фазу check, сразу после poll
На практике setImmediate обычно срабатывает раньше, особенно после I/O операций
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🏆3🔥2
#Собес #git
🤔 Какой язык используется Git?
💬 Кратко:
Git написан на языке программирования С. Этот выбор обеспечивает высокую производительность и эффективность.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
💬 Кратко:
Git написан на языке программирования С. Этот выбор обеспечивает высокую производительность и эффективность.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
Please open Telegram to view this post
VIEW IN TELEGRAM
YeaHub
YeaHub — тренажер собеседований по IT
5000+ вопросов для подготовки к интервью. Фильтры, квизы, статистика!
❤1
#полезное
😵 bknd — проект, который предоставляет решения для быстрого создания серверной инфраструктуры и бэкенда для мобильных приложений и веб-сервисов!
Это платформа для упрощения работы с бэкендом, обеспечивающая API для обработки пользователей, данных и аутентификации, а также другие серверные функции. Этот репозиторий направлен на разработчиков, которые хотят быстро создавать серверную часть своих приложений без необходимости писать серверный код с нуля.
Основные особенности проекта включают простоту интеграции, поддержку аутентификации и управления пользователями, а также возможность работы с реальным временем и уведомлениями.
Github
👉 Новости 👉 База вопросов
Это платформа для упрощения работы с бэкендом, обеспечивающая API для обработки пользователей, данных и аутентификации, а также другие серверные функции. Этот репозиторий направлен на разработчиков, которые хотят быстро создавать серверную часть своих приложений без необходимости писать серверный код с нуля.
Основные особенности проекта включают простоту интеграции, поддержку аутентификации и управления пользователями, а также возможность работы с реальным временем и уведомлениями.
Github
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
#Собес #nodejs
🤔 Что такое Node.js?
💬 Кратко:
Node.js - это серверная платформа для выполнения JavaScript вне браузера, построенная на движке V8 от Google. Она позволяет писать серверные приложения, используя JavaScript, благодаря своей асинхронной и событийно- ориентированной архитектуре. Node. js чаще всего используют для создания веб-серверов и обработки запросов в реальном времени.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
💬 Кратко:
Node.js - это серверная платформа для выполнения JavaScript вне браузера, построенная на движке V8 от Google. Она позволяет писать серверные приложения, используя JavaScript, благодаря своей асинхронной и событийно- ориентированной архитектуре. Node. js чаще всего используют для создания веб-серверов и обработки запросов в реальном времени.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Хочешь получать больше таких разборов?
Подпишись на наш главный канал
Please open Telegram to view this post
VIEW IN TELEGRAM
YeaHub
YeaHub — тренажер собеседований по IT
5000+ вопросов для подготовки к интервью. Фильтры, квизы, статистика!
❤1
#статьи
👋 Паттерны для эффективного манипулирования DOM с ванильным JavaScript
В руководстве рассматриваются такие шаблоны работы с DOM на JavaScript, как выбор правильного querySelector, кэширование элементов и улучшение обработки событий.
Читать
👉 Новости 👉 База вопросов
В руководстве рассматриваются такие шаблоны работы с DOM на JavaScript, как выбор правильного querySelector, кэширование элементов и улучшение обработки событий.
Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Заметки разработчика
Паттерны для эффективного манипулирования DOM с ванильным JavaScript
В руководстве рассматриваются такие шаблоны работы с DOM на JavaScript, как выбор правильного querySelector, кэширование элементов и улучшение обработки событий
❤1