#полезное
🤓 Руководство: Как создать онлайн-конвертер изображений в 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 (внедрение зависимостей) и удобную интеграцию с популярными библиотеками. Благодаря своей структуре и подходу к разработке он делает код легко масштабируемым, читаемым и поддерживаемым.

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

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

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

#полезное
👋 Квантификатор

Квантификатор – это специальный символ. Он указывает, сколько раз должен повторяться символ или группа символов. Наример, “+” – один и более раз. “?” – 0 или 1 раз, {n} – ровно n раз. По умолчанию квантификаторы жадные — они захватывают как можно больше символов. Чтобы сделать их ленивыми — добавь ?

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

#полезное
👨‍💻 DGM.js — библиотека для рендеринга и работы с холстами, содержащими «умные» фигуры, которые вы можете использовать в сценариях и задавать различные ограничения/свойства.

Поддерживает:

🟠 Умные фигуры (скрипты, ограничения, расширенные свойства)
🟠 Безинтерфейсные компоненты (React)
🟠 Бесконечное полотно
🟠 Многостраничная поддержка
🟠 Рукописные стили
🟠 Совместная работа в реальном времени
🟠 Тёмный режим (адаптивные цвета)
🟠 Экспорт в изображение (PNG, JPEG, WebP, SVG)
🟠 Экспорт в PDF
🟠 Богатый текст
🟠 Экспорт/импорт в формате JSON
Гитхаб

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

#статьи
📞 Тестовые идентификаторы

Тестовые идентификаторы – это специальные атрибуты в HTML-разметке, которые добавляются специально для того, чтобы автоматизированные тесты могли легко и надёжно находить элементы на странице. В данной статье автор дает советы по работе с тестовыми идентификаторами.
Читать статью

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

#Собес #NestJs
🤔 Объясните назначение DTO (Data Transfer Objects) в NestJS.

DTO в NestJS - это объекты, которые описывают структуру данных, передаваемых в запросах и ответах. Они помогают валидировать данные, предоставляют типизацию и могут быть использованы для автоматической генерации документации API.

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

#полезное
😊 Gemini Fullstack LangGraph — умный AI, который реально умеет гуглить

Этот проект — готовый fullstack-пример с фронтендом на React и backend-агентом на LangGraph, который умеет проводить глубокие исследования по пользовательскому запросу. И делает это по-взрослому: генерирует поисковые фразы, гуглит, анализирует пробелы в знании и уточняет запросы, пока не соберёт обоснованный ответ с источниками.

Что под капотом:

🟠 Fullstack-приложение: React + LangGraph
🟠 LangGraph-агент, управляемый Google Gemini
🟠 Динамическая генерация поисковых запросов
🟠 Поиск через Google Search API
🟠 Умная самооценка: где не хватает знаний — туда и копает
📄 Ответы с цитатами и источниками
🔄 Горячая перезагрузка — удобно в разработке (и фронт, и бэк)

Подходит для тех, кто хочет собрать исследовательского AI-ассистента с реальным выходом в веб.
Репозиторий

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

#полезное
😵‍💫 Хорошая возможность потрогать траву через JavaScript
Summer Afternoon

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

#полезное
😵‍💫 Проверяй совместимость JavaScript-кода за секунды

Runtime-compat — это удобный инструмент, который быстро подскажет, какие JS-фичи из вашего проекта поддерживаются в разных средах выполнения, а какие могут сломаться.

Просто запусти его — и получишь отчёт о том, что будет работать в Node.js, Deno, Bun, Cloudflare Workers и других рантаймах.
Отлично помогает ещё до деплоя понять, что нужно переписать или полифилить.

Поддерживает:
🟠 Node.js
🟠 Deno
🟠 Bun
🟠 Cloudflare Workers
🟠 и другие

Если ты пишешь кросс-рантайм код — это must-have инструмент.
Тык сюда

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

#Собес #NestJs
🤔 в чем разница между интерсепторами и миддлварами в NestJS?

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

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

#видео
🥺 React-компоненты: Бейдж

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

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

#статьи
🛞 Angular 20

Совсем недавно вышло новое обновление Angular, которое делает разработку веб-приложений быстрее и удобнее. Делимся статьей, где автор рассказывает о ключевых нововведениях: новые возможности шаблонов, стабильные сигналы и многое другое.
Читать статью

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

#полезное
😎 GenAIScript — библиотека для программирования промптов и работы с LLM. Проект предлагает необычный подход: вместо написания статичных текстовых запросов, вы конструируете их программно, используя JavaScript.

Скрипты поддерживают работу с файлами, валидацию данных через схемы и интеграцию с внешними API. Инструмент имеет встроенную поддержку различных провайдеров (OpenAI, Anthropic, GitHub Copilot) и возможность запуска локальных моделей через Ollama.
Гитхаб

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

#Собес #git
🤔 Что такое команды git reset -mixed и git merge - abort?

git reset --mixed : отменяет изменения, которые были добавлены в индекс, но сохраняет изменения в рабочем каталоге.
git merge --abort : отменяет слияние, которое в данный момент находится в процессе, и возвращает репозиторий в состояние до начала слияния.

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

#полезное
😘 Array.lastIndexOf

Метод Array.lastIndexOf ищет последнее вхождение указанного значения в массиве и возвращает его индекс. Если значение не найдено, возвращает -1. При необходимости ты можешь указать, с какого индекса начинать поиск. Работает как с примитивными, так и с ссылочными типами.

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