#полезное
👍 Phantomas — мощный инструмент для анализа веб-производительности. Он собирает десятки метрик: от количества запросов до сложных CSS-селекторов и jQuery-событий.

Проект имеет модульную архитектуру, так что можно легко расширять функциональность. Его можно запустить через npm, Docker или как модуль в Node.js-проекте. Также инструмент позволяет эмулировать мобильные устройства и даже встраивать кастомные метрики прямо в код страницы.
Гитхаб

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

#полезное
📞 Пример анимированного подчеркивания с градиентной заливкой.
КодПэн

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

#Собес #NestJs
🤔 Опишите роль модулей. Как создать модуль?

Модули в NestJS объединяют связанные компоненты (контроллеры, сервисы, провайдеры) в единое целое. Это помогает структурировать приложение, делая его масштабируемым и легко управляемым. Модуль создается как класс с декоратором @Module, где указываются метаданные: контроллеры и провайдеры.

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

#полезное
🏠 LUME — создание 2D/3D-интерфейсов на HTML. Этот набор веб-компонентов превращает обычные HTML-элементы в полноценные носители графики — от CSS3D-преобразований до WebGL-рендеринга.

Под капотом используется AssemblyScript для компиляции в WebAssembly, что обещает стабильную производительность. А в примерах есть даже заготовка для FPS-игры на движке.
Гитхаб

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

#полезное
🫡 Node-OPCUA — промышленный стандарт OPC UA для Node.js. Этот стек реализует протокол OPC UA прямо в Node.js и браузере, предлагая TypeScript-интерфейсы для работы с реальным оборудованием.

Инструмент особенно востребован в SCADA-системах и промышленной автоматизации. Поддерживает создание как OPC-серверов, так и клиентов, включая сложные сценарии подписки на данные и безопасное соединение.
GitHub

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

#Собес #NestJs
🤔 Обьясни что такое dependency injection?

Dependency Injection (DI) - это паттерн, используемый в NestJS для управления зависимостями через контейнер Inversion of Control (loC). Вместо того чтобы классы создавали свои зависимости самостоятельно, DI автоматически внедряет их. Это упрощает модульность, тестируемость и сопровождаемость приложения.

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

#видео
😊 three.js: Загрузка и работа с 3D-моделями

Продолжаем делиться циклом видео, благодаря которым ты научишься пользоваться three.js. В этот раз автор демонстрирует загрузку 3D-модели в проект. Ты скачаешь отдельную модель, добавишь в проект и выполнишь ее отображение на странице веб-проекта.
Смотреть видео

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

#полезное
🤯 Pokemon Slide Gallery

Анимация реализованп без использования JS.

Только HTML и CSS. Переключение реализовано с помощью радио-кнопок
Тык сюда

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

#полезное
😱 В Qwen теперь есть песочницы для генерации и запуска кода.

Web Dev — новый инструмент для создания готовых фронтенд-страниц и приложений в Qwen Chat.

Просто напишите: «Создай сайт как ...» — и готово! Вы получаете код приложения.

Сгенерировали парочку лендингов и простенькую игру для теста - хорошо понимает промпты, работает шустро.
Попробовать

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

#Собес #NestJs
🤔В чем основное отличие между NestJS и Express.js?

Express.js - это минималистичный фреймворк, который предоставляет базовые функции для работы с НТТР-запросами. NestJS, напротив, предоставляет модульную архитектуру, встроенное внедрение зависимостей и строгую типизацию через Туре. Если Express.js - это легковесное решение, то NestJS предлагает комплексный подход к разработке крупных приложений.

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

#полезное
🛞 Nova — новый движок JavaScript/Wasбm на Rust. Этот экспериментальный проект пытается переосмыслить архитектуру JS-движков через призму data-oriented design. Вместо классических указателей Nova использует индексы и векторы, чтобы минимизировать накладные расходы и улучшить кэширование.

Пока движок далёк от готовности, но подход к разработке вызывает интерес, например safepoint garbage collector, построенный на особенностях системы заимствований Rust — это попытка максимально приблизить структуру кода к ECMAScript-спецификации.
Гитхаб

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

#полезное
😎 Maska — легковесная библиотека для масок ввода. Инструмент весит всего 3КБ кода, но с поддержкой кастомных токенов, динамических масок и даже специального режима для денежных значений.

Библиотека работает как с нативными input, так и с кастомными компонентами, а ещё поддерживает Vue, Alpine.js и Svelte из коробки.
Гитхаб

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

#полезное
🤓 Руководство: Как создать онлайн-конвертер изображений в PDF с помощью HTML, CSS, JS и NodeJS!
Ссылка клик

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

#Собес #NestJs
🤔 Можешь объяснить ключевые особенности NestJS?

Ключевые особенности NestJS включают модульную архитектуру, строгую типизацию через TypeScript, использование декораторов для декларативного описания логики, встроенное внедрение зависимостей и поддержку middleware. Эти функции делают разработку понятной, быстрой и масштабируемой.

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

#полезное
🥺 Минималистичный hover-эффект для ссылок навигации

https://codepen.io/jstn/pen/mdoOZJ

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

#ЛитКод
Задача: 648. Replace Words

В английском языке есть понятие "корень", за которым может следовать какое-то другое слово, чтобы образовать другое более длинное слово - назовем это слово производным. Например, если за корнем "help" следует слово "ful", мы можем образовать производное "helpful". Дайте словарь, состоящий из множества корней, и предложение, состоящее из слов, разделенных пробелами, замените все производные в предложении на образующий их корень. Если производное может быть заменено более чем одним корнем, замените его корнем, имеющим наименьшую длину. Верните предложение после замены.

Пример:

Input: dictionary = ["cat","bat","rat"], sentence = "the cattle was rattled by the battery"
Output: "the cat was rat by the bat"

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

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

2⃣Пройдите по каждому слову в предложении и найдите самый короткий корень, который является префиксом этого слова.

3⃣Замените слово найденным корнем и соберите обновленное предложение.

😎 Решение:

var replaceWords = function(roots, sentence) {
    const rootSet = new Set(roots);
    
    const replace = (word) => {
        for (let i = 1; i <= word.length; i++) {
            if (rootSet.has(word.slice(0, i))) {
                return word.slice(0, i);
            }
        }
        return word;
    };
    
    return sentence.split(' ').map(replace).join(' ');
};

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

#полезное
🛞 Pinkerton — инструмент для поиска секретов в JavaScript

Это мощный open-source сканер, созданный для автоматического поиска чувствительных данных (API-ключей, токенов, паролей) в JavaScript-файлах на веб-сайтах.

Что делает Pinkerton:
🔵 Краулит сайт, собирая все JS-файлы
🔵 Ищет утечки с помощью регулярных выражений
🔵 Находит API-ключи, JWT, access tokens, пароли и многое другое

Как использовать:

git clone https://github.com/000pp/Pinkerton.git
pip3 install -r requirements.txt
python3 main.py -u https://example.com

Кому подойдёт:
🟠 Пентестерам и багхантером
🟠 DevSecOps специалистам
🟠 Любому, кто хочет проверить, не утекли ли ключи в фронт-коде

Pinkerton — отличный инструмент для тех, кто хочет автоматизировать безопасность своего фронта и не допустить утечек ключей.
Гитхаб

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

#Собес #NestJs
🤔 Что такое NestJS, и почему он так популярен для создания приложений на Node.js?

NestJS - это прогрессивный фреймворк для Node.js, построенный на TypeScript. Он предлагает модульную архитектуру, встроенную поддержку Dependency Injection (внедрение зависимостей) и удобную интеграцию с популярными библиотеками. Благодаря своей структуре и подходу к разработке он делает код легко масштабируемым, читаемым и поддерживаемым.

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

#полезное
📞 Необычное отображение соцсетей с анимацией при наведении на них
Тык сюда

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