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

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

#Собес #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, роутинг с автономными зонами видимости и общий механизм обмена данными между модулями. Адаптивная загрузка в системе реализована через анализацию поведения пользователей, чтобы предварительно кэшировать часто используемые модули.
Гитхаб

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

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

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

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

#Собес #git
🤔 Что такое git reflog?

git reflog показывает историю всех перемещений HEAD, включая коммиты, слияния и переключения веток. Эта команда полезна для восстановления потерянных коммитов или веток.

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

#полезное
😵‍💫 Fitty — умная библиотека для автоматического масштабирования текста под размер родительского контейнера. Этот легковесный инструмент особенно полезен при создании адаптивных интерфейсов, где важно сохранить читаемость текста на любых экранах.

Библиотека работает с веб-шрифтами, поддерживает минимальный и максимальный размер текста, а также автоматически обновляется при изменении макета. Для старта достаточно подключить скрипт и вызвать fitty() для нужного элемента. Под капотом — умный механизм, который группирует операции чтения и записи DOM.
Гитхаб

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

#полезное
😎 isomorphic-git — Git на чистом JavaScript для браузера и Node.js. Уникальный проект, который переосмысливает работу с Git — теперь операции с репозиториями возможны прямо в браузере без серверных зависимостей. Библиотека воссоздает поведение классического Git, работая с файловой системой через адаптеры.

Удобно реализованы сложные операции: клонирование, коммиты и даже push/pull работают через Web-интерфейс, правда требуют CORS-прокси для внешних репозиториев. Есть встроенный CLI isogit для тестирования функциональности.
Гитхаб

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

Импорт локальных изображений vs использование изображений из папки /public в Next.js

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

#Собес #git
🤔 Перечислите команды для удаления ветки git

Для удаления локальной ветки:

git branch -d ‹ branch_name>

Если ветка содержит незавершённые изменения:

git branch -D ‹ branch_name>

Для удаления удалённой ветки:

git push origin --delete ‹branch_name>

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

#статьи
😇 React: Фабричный метод

Фабричный метод создает и возвращает компоненты. Он может быть полезен для создания компонентов с динамическими свойствами или для повторного использования логики создания компонентов. Делимся циклом статей, где автор рассказывает про фабричный метод.
Читать статью

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

#видео
👋 React-компоненты: Модальное окно

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

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

#полезное
❤️‍🔥 Oh‑My‑Logo — «волшебный» генератор логотипов от shinshin86

Oh‑My‑Logo — утилита с простым интерфейсом для создания уникальных логотипов прямо в терминале. Работает быстро, без лишнего визуального шума.

Как это работает:
🔵 Пользователь вводит название бренда (например, “MyStartup”) и краткое описание
🔵 Утилита генерирует цветные ASCII- или Unicode‑логотипы с эффектом паддинга, обводки, рамки или градиента
🔵 Вы можете пробовать разные стили и цвета прямо из командной строки

Зачем это нужно:
🟠 Быстро придумать временное оформление для README, скрипта или учебного проекта
🟠 Стильно оформить вывод утилиты или CI-лог
🟠 Упростить создание ASCII-баннера для скриптов или серверных инструментов

Вывод:
Oh‑My‑Logo — лёгкий способ добавить индивидуальности проектам в текстовом интерфейсе. Без GUI, без лишних шагов — просто командный стиль и творческий подход.
Гитхаб

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

#Собес #git
🤔 Что делает команда git stash?

Команда git stash сохраняет текущие незавершённые изменения в специальное место (стек), чтобы вы могли переключиться на другую ветку или выполнить другие действия. Эти изменения можно позже восстановить с ПОМОЩЬЮ git stash apply или git stash pop .

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

#полезное
👨‍💻 Rio — open-source фреймворк для разработки веб-приложений на чистом Python: не нужен ни HTML, ни CSS, ни JS

— pip install rio-ui

Rio привносит в Python компоненты в стиле React.
Можно выбирать из множества встроенных компонентов и комбинировать их для создания своих собственных компонентов, а потом строить из тех свои приложения

Готовые приложения, созданные с помощью Rio могут работать как локально на вашей машине, так и в Интернете.

🟠GitHub
🟠Доки
🟠Примеры готовых веб-приложений

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

#полезное
😎 legid — безопасные короткие ID для ссылок, без сервера и базы

Минималистичная TypeScript-библиотека, которая генерирует безопасные, URL-дружественные ID без хранения в БД и без запросов на сервер.

Зачем это нужно?
Обычные ID вроде abc123 легко подменить — например, на admin. legid защищает от этого:

🟠 ID содержит хеш-сигнатуру и соль — проверяется на подделку
🟠 Работает полностью на клиенте
🟠 Проверка на сервере — одной строчкой verifyId(id)
🟠 Без внешних зависимостей
🟠 Безопасно, быстро, удобно

Пример:

const id = await createId({ approximateLength: 12, salt: 'legid:' })
// → "e3N4BRJW2d"

Проверка:


const isValid = await verifyId(id) // true / false

Полезно для:
— PWA / SPA с клиентской маршрутизацией
— генерации ссылок без БД
— frontend-only MVP/демо/форм
— предотвращения предсказуемых ID

Установка:

pnpm add legid

Репозиторий: github.com/shuding/legid

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