Node.js Backend | YeaHub

#статьи
🤓 Как 9.3 уязвимость ждала открытия 3 года

Я расскажу, как мы нашли в Next.js уязвимость с оценкой 9.3, которая спокойно пряталась в middleware аж три года, пока её никто не трогал.
Читать статью

👉Новости 👉База вопросов

#собес
🤔 Как работать с базой данных с помощью TypeORM?

TypeORM — это ORM, которая упрощает взаимодействие с базами данных. С помощью TypeORM можно определять сущности, управлять схемами и выполнять запросы через репозитории. В NestJS интеграция выполняется через модуль Tyрe0rmModule .

👉Новости 👉База вопросов

#полезное
😊 Array.includes

Метод includes() проверяет, содержится ли определенный элемент в массиве, и возвращает true или false.

Обрати внимание на синтаксис. searchElement – элемент, который нужно найти в массиве. fromIndex (необязательно) – индекс, с которого начинать поиск (по умолчанию 0). Возвращает true, если элемент найден в массиве. В противном случае – false.

👉Новости 👉База вопросов

#видео
👨‍💻 MobX + React: Асинхронные запросы

Продолжаем делиться циклом видео, благодаря которому ты научишься пользоваться MobX в связке с React. В этот раз речь идет про асинхронные запросы.
Смотреть видео

👉Новости 👉База вопросов

#статьи
👍 tabs-broadcast

tabs-broadcast — это библиотека, которая помогает передавать сообщения между разными вкладками браузера в одном приложении. Представь, что у тебя несколько вкладок одного сайта открыты одновременно. Если в одной вкладке что-то поменялось, например, пользователь вошёл в аккаунт, то другие вкладки автоматически узнают об этом. Делимся статьей, где автор рассказывает про эти библиотеку.
Читать статью

👉Новости 👉База вопросов

#собес
🤔 Как использовать Pipes в NestJS?

Pipes в NestJS трансформируют или валидируют входящие данные до того, как они попадают в контроллер. Их можно создавать вручную, реализуя интерфейс PipeTransform, или использовать встроенные, такие как ValidationPipe. Pipes применяются на уровне методов, контроллеров или глобально через @UsePipes .

👉Новости 👉База вопросов

#статьи
😎 Улучшение производительности с делегированием событий

Статья объясняет технику делегирования событий в веб-разработке, показывая, как использование одного слушателя на родительском элементе упрощает управление событиями и повышает производительность.
Читать статью

👉Новости 👉База вопросов

#статьи
🛞 Как спрятать любые данные в PNG

Статья объясняет, как спрятать данные в PNG-изображении, используя младшие биты (LSB) пикселей. Рассматривается структура PNG, каналы R, G, B и альфа, а также методы внедрения данных без заметного изменения картинки.
Читать статью

👉Новости 👉База вопросов

#полезное
🤓 react-learning-resources — тщательно подобранный список ресурсов для быстрого изучения React и связанных технологий!

✅ Он включает в себя материалы по TypeScript, React Router, управлению состоянием, тестированию, сборке UI-компонентов и лучшим практикам разработки. Предоставлены ссылки на видеоуроки, документацию и инструменты, такие как Jest, Cypress, Storybook и др.
Гитхаб

👉Новости 👉База вопросов

#собес
🤔 Как использовать интерсепторы?

Interceptors в NestJS используются для выполнения логики до или после вызова метода. Они подходят для таких задач, как логирование, обработка ошибок, модификация ответов и кеширование. Перехватчики реализуются через интерфейс NestInterceptor и применяются через декоратор @UseInterceptors .

👉Новости 👉База вопросов

#полезное
🤯 Это подробное руководство по основам TypeScript!

🚩 Оно охватывает ключевые темы, такие как преимущества использования TypeScript, установка и настройка проекта, базовые типы, интерфейсы, обобщения и другие важные концепции.
Ссылка клик

👉Новости 👉База вопросов

#полезное
😊 p5.js — это JavaScript-библиотека, предназначенная для творческого программирования!

🚩Она создана с целью сделать кодирование доступным и инклюзивным для художников, дизайнеров, педагогов, начинающих и всех остальных. Используя метафору "наброска" (sketch), p5.js предоставляет полный набор функций для рисования, а также возможности взаимодействия с другими объектами HTML5, включая текст, ввод данных, видео, веб-камеру и звук.
Гитхаб

👉Новости 👉База вопросов

#полезное
🥺 Array.flat

Метод array.flat() используется для “разглаживания” (раскрытия) вложенных массивов в один уровень.

Обрати внимание на синтаксис. depth – уровень вложенности, который нужно раскрыть (по умолчанию 1). Если указать Infinity, массив будет раскрыт полностью, независимо от уровня вложенности.

В первом примере только верхний уровень вложенности был раскрыт. Вложенный [5,6] остался нетронутым. Во втором примере массив полностью раскрыт на 2 уровня вложенности.

👉Новости 👉База вопросов

#собес
🤔 Объясните, как реализовать кеширование.

NestJS предоставляет CacheModule для реализации кеширования. Оно поддерживает разные хранилища (например, in-memory или Redis). Кеширование может быть настроено для хранения результатов методов или НТТР-ответов с использованием декораторов или перехватчиков.

👉Новости 👉База вопросов

#статьи
📞 Различные (и современные) способы переключения контента

Давайте уделим немного времени рассмотрению Dialog API, Popover API и остальных. Рассмотрим, когда лучше использовать каждый из них в зависимости от требований. Модальные или немодальные? JavaScript или чистый HTML/CSS? Не уверены? Не волнуйтесь, мы разберёмся во всём этом.
Читать статью

👉Новости 👉База вопросов

#ЛитКод
Задача: 646. Maximum Length of Pair Chain

Вам дан массив из n пар, где pairs[i] = [lefti, righti] и lefti < righti. Пара p2 = [c, d] следует за парой p1 = [a, b], если b < c. Таким образом можно построить цепочку пар. Верните самую длинную цепочку, которую можно составить. Вам не нужно использовать все заданные интервалы. Вы можете выбирать пары в любом порядке.

Пример:

Input: nums = [1,2,2,4]
Output: [2,3]

👨‍💻 Алгоритм:

1⃣Отсортируйте пары по второму элементу каждой пары (righti).

2⃣Используйте динамическое программирование или жадный алгоритм, чтобы построить цепочку максимальной длины.

3⃣Переберите отсортированные пары и выберите пары, которые могут следовать одна за другой, увеличивая длину цепочки.

😎 Решение:

function findLongestChain(pairs) {
    pairs.sort((a, b) => a[1] - b[1]);

    let currentEnd = Number.MIN_SAFE_INTEGER;
    let count = 0;

    for (const pair of pairs) {
        if (currentEnd < pair[0]) {
            currentEnd = pair[1];
            count++;
        }
    }

    return count;
}

👉Новости 👉База вопросов

#видео
🥺 CSS Flexbox: Определение порядка элементов

Продолжаем делиться циклом видео, благодаря которому ты научишься пользоваться технологией Flexbox. В этот раз речь идет про определение порядка элементов.
Смотреть видео

👉Новости 👉База вопросов

#собес
🤔 Опишите, как настроить и использовать Guards.

Guards реализуют интерфейс CanActivate , который содержит метод canActivate . Этот метод возвращает true или false (или Promise/Observable), указывая, разрешен ли доступ к маршруту. Guards можно применять глобально, к отдельным контроллерам или маршрутам с помощью декоратора @UseGuards .

👉Новости 👉База вопросов

#статьи
🤯 Испортили git rebase?

Git rebase — мощный инструмент, помогающий перенести или объединить один, или несколько коммитов в новый базовый коммит, переписав историю проекта так, чтобы ваша ветка выглядела созданной из другого коммита. Он помогает поддерживать более чистую и линейную историю.
Читать статью

👉Новости 👉База вопросов

#статьи
😊Принципы написания чистого кода и их значение в контексте гибкой разработки программного обеспечения!

🚩 Автор подчеркивает, что чистый код — это код, который легко читать, понимать и поддерживать, что особенно важно в условиях Agile-методологий, где команды работают в условиях быстрого изменения требований и частых релизов. В статье рассматриваются такие аспекты, как выбор имен переменных и функций, форматирование кода, соблюдение принципа единственной ответственности и другие практики, способствующие улучшению качества кода.
Ссылка клик

👉Новости 👉База вопросов