#полезное
👍 Эффект перетекания освещения от карточки к карточке при наведении курсора мыши

https://codepen.io/Hyperplexed/pen/MWQeYLW

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

#Собес #git
🤔 Как вы находите коммит, который что-то нарушил после операции слияния?

Для поиска коммита, который нарушил код после слияния, можно использовать команду git bisect . Этот инструмент помогает найти коммит, который вызывает проблему, путем бинарного поиска.

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

#полезное
🥺 Croner — кросс-платформенный планировщик задач для JavaScript/TypeScript. Этот инструмент предлагает свежий взгляд на работу с cron-выражениями, поддерживая Node.js, Deno, Bun и даже браузеры. Croner имеет уникальные возможности вроде вычисления следующих N запусков и контроля временных зон через `Europe/Stockholm`-формат.

Что выделяет проект:
🟠 Поддержка сложных выражений с модификаторами L (последний день месяца) иенный(N-й день недели)
🟠 Встроенная защита от наложений
🟠 Гибкое управление задачами через pause/resume/stop
🟠 Работа с датами через ISO 8601 и JS Date
🟠 Полная TypeScript-поддержка
Гитхаб

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

#статьи
😬 Веб-воркеры

Веб-воркеры (Web Workers) — это специальный механизм в JavaScript, который позволяет запускать параллельные фоновые задачи в отдельном потоке, чтобы не блокировать главный поток браузера (UI). Данная статье предназначена для новичков, которые никогда не работали с веб-воркерами.
Читать статью

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

#полезное
😐 Cloudflare Workers SDK — инструментарий для разработки серверных приложений на edge-платформе Cloudflare. Он позволяет развертывать код в глобальной сети Cloudflare без необходимости управления инфраструктурой.

Этот проект будет особенно интересен fullstack-разработчикам, так как поддерживает различные языки и интегрируется с другими сервисами. Главный инструмент в нем — это Wrangler CLI, предоставляющий все необходимое для сборки, тестирования и деплоя Workers. Для локальной разработки доступен Miniflare, эмулирующий работу production-окружения.
Гитхаб

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

#Собес #git
🤔 Что такое команда git cherry-pick?

Команда git cherry-pick позволяет выбрать и применить отдельный коммит из другой ветки в вашу текущую ветку, минуя другие изменения, которые были сделаны в той же ветке. Это полезно, когда вам нужно перенести только один коммит, а не весь набор изменений.

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

#полезное
👋 Easy Invoice PDF — простая генерация PDF-счётов на Python

Easy Invoice PDF — это лёгкий в использовании инструмент для генерации аккуратных и адаптируемых счетов в формате PDF.

Основные возможности:
🟠 Генерация PDF-счётов с логотипом, таблицей и общей суммой
🟠 Поддержка произвольного количества строк и позиций
🟠 Настраиваемые поля: клиент, номер счёта, дата, валюта и т.д.
🟠 Не требует сложных зависимостей — только fpdf и datetime
Гитхаб

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

#полезное
👨‍💻 Array.reduceRight

Метод Array.reduceRight работает почти так же, как reduce(), но проходит по массиву справа налево (то есть от последнего элемента к первому). Он сокращает массив к одному значению, начиная с конца массива. Обрати внимание на первый пример. По сути происходит следующее: "c" + "b" → "cb" → "cb" + "a" → "cba".

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

#полезное
👨‍💻 Google Closure Compiler — мощный инструмент для оптимизации JavaScript. Этот компилятор не просто минифицирует код, а глубоко анализирует его, удаляя мёртвые ветки и переписывая логику для максимальной эффективности. В отличие от обычных минификаторов, он проверяет типы, синтаксис и предупреждает о потенциальных ошибках, что делает его полезным для крупных проектов.

В компиляторе есть ADVANCED-режим, который агрессивно оптимизирует код, переименовывая переменные и свойства для уменьшения размера. Однако для его использования код должен быть написан с учётом специфики компилятора, включая модульную систему goog.module и аннотации.
Гитхаб

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

#Собес #git
🤔 Как вы можете ввести слияние на стадии конфликта?

При возникновении конфликта в Git нужно вручную разрешить расхождения в файлах, а затем завершить слияние с помощью команды git merge -- continue .

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

#полезное
😎 Browsh — браузер для терминала с поддержкой HTML5, JS и даже видео

Browsh — это современный текстовый браузер, который работает прямо в терминале. Он использует headless Firefox и отображает веб‑страницы в виде ASCII‑графики.

🔵 Поддержка HTML5, CSS3, JS, WebGL
🔵 Работает через SSH или Mosh — идеален для слабого интернета
🔵 Можно смотреть YouTube прямо в терминале
🔵 Есть HTTP‑режим и Docker‑образ
🔵 Лёгкий, кроссплатформенный и минималистичный

Установка:

brew install browsh         # macOS
apt install browsh          # Debian/Ubuntu
docker run -it browsh/browsh

Гитхаб

Подходит пользователям со слабыми ПК, для работы по SSH и когда нужен браузер без GUI.

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

#полезное
😱 Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS

.pop {
view-timeline-name: --pop;
}
img {
animation: slide both;
animation-timeline: --pop;
animation-range: entry 100% cover 50%;
}
.skateboarder {
--x: 0;
--y: -45%;
}
@ keyframes slide {
to { translate: var(--x) var(--y); }
}

КодПен

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

#полезное
😵‍💫 Кнопка оживает и радостно пульсирует при наведении курсора мыши
КодПен

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

#Собес #git
🤔 Как восстановить удалённую ветку?

Если ветка была удалена локально, её можно восстановить, используя команду git reflog . Если ветка была удалена удалённо, можно восстановить еёс помощью git push origin ‹ branch_name›.

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

#полезное
👨‍💻 Cockpit — веб-интерфейс для администрирования Linux-серверов, который превращает сложные системные задачи в интуитивные операции. Этот инструмент позволяет управлять контейнерами, настраивать сеть, мониторить логи и ресурсы прямо из браузера, сохраняя полную совместимость с терминалом.

Инструмент интегрируется на уровне реальной сессии: изменения, сделанные через веб-интерфейс, сразу отражаются в системе, а ошибки из терминала видны в журнале Cockpit. Поддерживает работу с удалёнными серверами по SSH.
Гитхаб

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

#полезное
😇 Neo.mjs — фреймворк, который переосмысливает веб-разработку. Этот проект переносит всю бизнес-логику в Web Workers, оставляя главный поток браузера исключительно для рендеринга. В результате получаются интерфейсы, остающиеся плавными даже при 40 000 обновлений в секунду.

Также впечатляет нативная работа с ES-модулями без сборки в dev-режиме и встроенная поддержка многопоточности. Это делает фреймворк идеальным для сложных дашбордов, финансовых приложений и веб-IDE, где важна каждая миллисекунда.
Гитхаб

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

#ЛитКод
Задача: 647. Palindromic Substrings

Если задана строка s, верните количество палиндромных подстрок в ней. Строка является палиндромом, если она читается так же, как задом наперед. Подстрока - это непрерывная последовательность символов в строке.

Пример:

Input: s = "abc"
Output: 3

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

1⃣Инициализируйте счетчик для подсчета палиндромных подстрок.

2⃣Для каждой позиции в строке используйте два метода расширения: один для палиндромов нечетной длины и один для палиндромов четной длины.

3⃣Расширяйте от центра, проверяя, является ли подстрока палиндромом, и увеличивайте счетчик, если условие выполняется.

😎 Решение:

var countSubstrings = function(s) {
    const expandAroundCenter = (left, right) => {
        let count = 0;
        while (left >= 0 && right < s.length && s[left] === s[right]) {
            count++;
            left--;
            right++;
        }
        return count;
    };

    let totalCount = 0;
    for (let i = 0; i < s.length; i++) {
        totalCount += expandAroundCenter(i, i);
        totalCount += expandAroundCenter(i, i + 1);
    }
    return totalCount;
};

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

#Собес #git
🤔 Как отменить коммит, который уже был отправлен и обнародован?

Для отмены коммита, который был отправлен на сервер, можно использовать команду git revert , которая создаст новый коммит, отменяющий изменения. Важно, что это безопасный метод, так как сохраняется история изменений.

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

#полезное
👍 Garfish — фреймворк для микросервисного фронтенда. Этот фреймворк решает проблему интеграции разрозненных веб-приложений в единый продукт. Подход позволяет командам разрабатывать модули независимо на React, Vue или любых других технологиях, но запускать их как части целого.

Фреймворка имеет довольно продуманную изоляцию: песочницы для JS/CSS, роутинг с автономными зонами видимости и общий механизм обмена данными между модулями. Адаптивная загрузка в системе реализована через анализацию поведения пользователей, чтобы предварительно кэшировать часто используемые модули.
Гитхаб

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

#статьи
🛞 Среда выполнения

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

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