Node.js Backend | YeaHub

#Собес #NestJs
🤔 Обьясните концепцию Middleware. Как реализовать Middleware?

Middleware в NestJS - это функция, которая выполняется перед обработчиком маршрута. Оно имеет доступ к объектам request, response и функции next() для перехода к следующему этапу в цикле обработки запросов. Middleware используется для таких задач, как логирование, аутентификация и изменение данных запроса или ответа.

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

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

#статьи
🛞 Пользовательские события CustomEvent

JavaScript CustomEvent расширяют функциональность встроенной системы событий. Проще говоря, они позволяют программистам создавать и обрабатывать события, уникальные для их приложения, и в этой статье мы расскажем о них всё.
Читать

#ЛитКод
Задача: 651. 4 Keys Keyboard

Представьте, что у вас есть специальная клавиатура со следующими клавишами: A: Напечатать одну букву "A" на экране. Ctrl-A: Выделить весь экран. Ctrl-C: Скопировать выделение в буфер. Ctrl-V: Печать буфера на экране с добавлением его после того, что уже было напечатано. Учитывая целое число n, верните максимальное количество букв 'A', которые можно напечатать на экране при нажатии не более n клавиш.

Пример:

Input: root = [1,2,3,4,null,2,4,null,null,4]
Output: [[2,4],[4]]

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

1⃣Используйте динамическое программирование для отслеживания максимального количества букв 'A' на экране после каждого числа нажатий клавиш.

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

3⃣Возвращайте значение из таблицы динамического программирования для n нажатий клавиш.

😎 Решение:

var maxA = function(n) {
    let dp = new Array(n + 1).fill(0);
    for (let i = 1; i <= n; i++) {
        dp[i] = dp[i - 1] + 1;
        for (let j = 2; j < i; j++) {
            dp[i] = Math.max(dp[i], dp[j - 2] * (i - j + 1));
        }
    }
    return dp[n];
};

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

#Собес #NestJs
🤔 Создайте кастомный декоратор, который логирует имя метода и аргументы любой функции.

Кастомные декораторы в NestJS - это декларации, которые можно использовать для изменения поведения классов, методов или параметров. Чтобы создать декоратор для логирования имени метода и аргументов, ИСПОЛЬЗУЙте createParamDecorator NestJS.

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

#полезное
❤️‍🔥 Map: Фильтрация и преобразование

Хотя map() не предназначен для фильтрации, его можно использовать в сочетании с filter(). В данном примере мы удваиваем только четные числа.

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

#полезное
👨‍💻 Plate — это мощный редактор форматированного текста (WYSIWYG), созданный на основе React и Slate, с поддержкой интеграции AI!

Он предоставляет гибкую платформу для создания настраиваемых редакторов с возможностью расширения с помощью плагинов. Plate подходит для различных сценариев, таких как редактирование документов в стиле Notion, обработка Markdown и коллаборативные инструменты.
Гитхаб

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

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

#Собес #NestJs
🤔 Как валидировать входящие запросы? Приведите пример с использованием class- validator.

Валидация входящих запросов в NestJS осуществляется с помощью ТО и библиотеки class-validator . Определите правила валидации через декораторы в DTO и подключите глобально ValidationPipe.

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

#полезное
🥺 Masonry — это библиотека для создания динамических сеточных макетов, в которых элементы размещаются на основе доступного пространства, подобно кирпичной кладке! Она поддерживает адаптивные макеты, настраиваемые отступы и ширину колонок, а также совместима с ES6-модулями, Browserify и RequireJS.
Ссылка клик

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

#полезное
🫠 Совет по Javascript

Object.freeze() делает объект неизменяемым!

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

#видео
🛞 Алгоритм Quick Sort

Благодаря данному видео ты узнаешь, как реализовать алгоритм Quick Sort. Он основан на стратегии “разделяй и властвуй”. Сначала мы выбираем опорные элемент (pivot). Затем разделяем массив. Все элементы меньше pivot – налево, равные или больше – направо. После этого нужно рекурсивно отсортировать левую и правую части и все объединить.
Смотреть видео

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

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

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

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

#видео
👨‍💻 Nuxt.js: Работа с компонентами в проекте

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

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

#статьи
👍 React vs Vue – подробное сравнение и перспективы

Разберём, как изменились React и Vue за 5 лет, оценим их экосистемы и перспективы на фоне развития LLM и AI-агентов. Будет много сравнений, фактов и личных выводов.
Читать статью

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

#видео
😎 Nuxt.js: Обработка данных по URL

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

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

#Собес
🤔Как проверить, существует ли определенное свойство в объекте или его прототипе?

Чтобы проверить, есть ли у обьекта определенное свойство, можно использовать оператор in, который проверяет как сам объект, так и его прототипы. Если нужно проверить только наличие свойства непосредственно в обьекте (без учета прототипов), используется метод hasOwnProperty() .

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

#полезное
😵‍💫 Novu — это открытая платформа для управления уведомлениями, созданная для разработчиков.

Она предлагает единый API для отправки уведомлений через различные каналы, такие как встроенные уведомления в приложении (In-App), push-уведомления, электронная почта, SMS и чаты. С помощью Novu можно разрабатывать настраиваемые рабочие процессы и устанавливать условия для каждого канала, обеспечивая эффективную доставку уведомлений пользователям.
Гитхаб

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

#статьи
😎 SSG своими руками

В статье покажу, как собрать статический сайт на React без Next.js и прочих фреймворков. Чистый подход с нуля, если хочется или приходится обойтись без лишней магии.
Читать статью

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

#полезное
😊 Masonry — это библиотека для создания динамических сеточных макетов, в которых элементы размещаются на основе доступного пространства, подобно кирпичной кладке! Она поддерживает адаптивные макеты, настраиваемые отступы и ширину колонок, а также совместима с ES6-модулями, Browserify и RequireJS.
Ссылка клик

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