#видео
🤓 Jest+Enzyme: Полное тестирование снимками

Продолжаем делиться циклом видео, где автор рассказывает про тестирование с помощью Jest и Enzyme. В этот раз речь идет про полное тестирование снимками.
Смотреть видео

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

#полезное
🥺 PairDrop

Кроссплатформенное решение для обмена файлами, вдохновленное AirDrop от Apple!

🚩Это приложение позволяет передавать файлы по локальной сети через веб-браузер или использовать временные публичные комнаты для передачи через интернет. PairDrop работает на всех устройствах с современными браузерами, без необходимости установки, настройки или регистрации.
Гитхаб

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

#статьи
👨‍💻 Управление Bluetooth

В данной статье автор рассказывает, как получать информацию о подключении устройств по Bluetooth. В качестве примере было создано веб-приложение для управления умным чайником из браузера.
Читать статью

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

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

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

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

#полезное
🛞 Эффективная многопоточность в Node.js: как использовать Atomics

В статье объясняется, как Atomics помогает синхронизировать потоки, предотвращая хаос при одновременной работе с общими данными. Простыми примерами покажем, как управлять многопоточностью.
Читать статью

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

#полезное
🥺 Excalidraw

Это виртуальная доска с открытым исходным кодом, предназначенная для создания диаграмм и набросков в стиле от руки!

✅ Она предоставляет бесконечный холст, широкий набор инструментов (прямоугольники, круги, стрелки, линии, свободное рисование, ластик и т.д.), поддержку изображений и библиотек форм, а также возможность экспорта в форматы PNG, SVG и буфер обмена. Приложение поддерживает тёмный режим, локализацию на различные языки и настраиваемый интерфейс.
Гитхаб

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

#полезное
😊 Requestly

Это инструмент для перехвата и модификации HTTP-запросов и ответов, предназначенный для фронтенд-разработчиков!

✅ Он позволяет изменять заголовки, перенаправлять URL, подменять файлы, ограничивать скорость запросов и тестировать API прямо в браузере. В отличие от Charles Proxy и Fiddler, Requestly не требует настройки прокси или VPN, что делает его удобным для работы в реальном времени.
Гитхаб

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

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

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

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

#статьи
😐 Как использовать npm без опаски

Статья предлагает использовать прокси и кэширование для реестра npm с помощью Verdaccio или Nexus, чтобы повысить безопасность и ускорить установку пакетов. Также обсуждаются риски скриптов жизненного цикла npm и способы их безопасного использования.
Читать статью

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

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

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

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

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

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

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

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

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

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

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

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

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

#ЛитКод
Задача: 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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