This media is not supported in your browser
VIEW IN TELEGRAM
#полезное
👍 Эффект перетекания освещения от карточки к карточке при наведении курсора мыши
https://codepen.io/Hyperplexed/pen/MWQeYLW
👉 Новости 👉 База вопросов
https://codepen.io/Hyperplexed/pen/MWQeYLW
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥1
#Собес #git
🤔 Как вы находите коммит, который что-то нарушил после операции слияния?
Для поиска коммита, который нарушил код после слияния, можно использовать команду git bisect . Этот инструмент помогает найти коммит, который вызывает проблему, путем бинарного поиска.
👉 Новости 👉 База вопросов
Для поиска коммита, который нарушил код после слияния, можно использовать команду git bisect . Этот инструмент помогает найти коммит, который вызывает проблему, путем бинарного поиска.
Please open Telegram to view this post
VIEW IN TELEGRAM
#полезное
🥺 Croner — кросс-платформенный планировщик задач для JavaScript/TypeScript. Этот инструмент предлагает свежий взгляд на работу с cron-выражениями, поддерживая Node.js, Deno, Bun и даже браузеры. Croner имеет уникальные возможности вроде вычисления следующих N запусков и контроля временных зон через `Europe/Stockholm`-формат.
Что выделяет проект:
🟠 Поддержка сложных выражений с модификаторами
🟠 Встроенная защита от наложений
🟠 Гибкое управление задачами через pause/resume/stop
🟠 Работа с датами через ISO 8601 и JS Date
🟠 Полная TypeScript-поддержка
Гитхаб
👉 Новости 👉 База вопросов
Что выделяет проект:
L
(последний день месяца) иенный(N-й день недели)Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
#статьи
😬 Веб-воркеры
Веб-воркеры (Web Workers) — это специальный механизм в JavaScript, который позволяет запускать параллельные фоновые задачи в отдельном потоке, чтобы не блокировать главный поток браузера (UI). Данная статье предназначена для новичков, которые никогда не работали с веб-воркерами.
Читать статью
👉 Новости 👉 База вопросов
Веб-воркеры (Web Workers) — это специальный механизм в JavaScript, который позволяет запускать параллельные фоновые задачи в отдельном потоке, чтобы не блокировать главный поток браузера (UI). Данная статье предназначена для новичков, которые никогда не работали с веб-воркерами.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🍓1
#полезное
😐 Cloudflare Workers SDK — инструментарий для разработки серверных приложений на edge-платформе Cloudflare. Он позволяет развертывать код в глобальной сети Cloudflare без необходимости управления инфраструктурой.
Этот проект будет особенно интересен fullstack-разработчикам, так как поддерживает различные языки и интегрируется с другими сервисами. Главный инструмент в нем — это Wrangler CLI, предоставляющий все необходимое для сборки, тестирования и деплоя Workers. Для локальной разработки доступен Miniflare, эмулирующий работу production-окружения.
Гитхаб
👉 Новости 👉 База вопросов
Этот проект будет особенно интересен fullstack-разработчикам, так как поддерживает различные языки и интегрируется с другими сервисами. Главный инструмент в нем — это Wrangler CLI, предоставляющий все необходимое для сборки, тестирования и деплоя Workers. Для локальной разработки доступен Miniflare, эмулирующий работу production-окружения.
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
🍓1
#Собес #git
🤔 Что такое команда git cherry-pick?
Команда
👉 Новости 👉 База вопросов
Команда
git cherry-pick
позволяет выбрать и применить отдельный коммит из другой ветки в вашу текущую ветку, минуя другие изменения, которые были сделаны в той же ветке. Это полезно, когда вам нужно перенести только один коммит, а не весь набор изменений.Please open Telegram to view this post
VIEW IN TELEGRAM
#полезное
👋 Easy Invoice PDF — простая генерация PDF-счётов на Python
Easy Invoice PDF — это лёгкий в использовании инструмент для генерации аккуратных и адаптируемых счетов в формате PDF.
Основные возможности:
🟠 Генерация PDF-счётов с логотипом, таблицей и общей суммой
🟠 Поддержка произвольного количества строк и позиций
🟠 Настраиваемые поля: клиент, номер счёта, дата, валюта и т.д.
🟠 Не требует сложных зависимостей — только fpdf и datetime
Гитхаб
👉 Новости 👉 База вопросов
Easy Invoice PDF — это лёгкий в использовании инструмент для генерации аккуратных и адаптируемых счетов в формате PDF.
Основные возможности:
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
#полезное
👨💻 Array.reduceRight
Метод Array.reduceRight работает почти так же, как reduce(), но проходит по массиву справа налево (то есть от последнего элемента к первому). Он сокращает массив к одному значению, начиная с конца массива. Обрати внимание на первый пример. По сути происходит следующее: "c" + "b" → "cb" → "cb" + "a" → "cba".
👉 Новости 👉 База вопросов
Метод Array.reduceRight работает почти так же, как reduce(), но проходит по массиву справа налево (то есть от последнего элемента к первому). Он сокращает массив к одному значению, начиная с конца массива. Обрати внимание на первый пример. По сути происходит следующее: "c" + "b" → "cb" → "cb" + "a" → "cba".
Please open Telegram to view this post
VIEW IN TELEGRAM
#полезное
👨💻 Google Closure Compiler — мощный инструмент для оптимизации JavaScript. Этот компилятор не просто минифицирует код, а глубоко анализирует его, удаляя мёртвые ветки и переписывая логику для максимальной эффективности. В отличие от обычных минификаторов, он проверяет типы, синтаксис и предупреждает о потенциальных ошибках, что делает его полезным для крупных проектов.
В компиляторе есть ADVANCED-режим, который агрессивно оптимизирует код, переименовывая переменные и свойства для уменьшения размера. Однако для его использования код должен быть написан с учётом специфики компилятора, включая модульную систему goog.module и аннотации.
Гитхаб
👉 Новости 👉 База вопросов
В компиляторе есть ADVANCED-режим, который агрессивно оптимизирует код, переименовывая переменные и свойства для уменьшения размера. Однако для его использования код должен быть написан с учётом специфики компилятора, включая модульную систему goog.module и аннотации.
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
#Собес #git
🤔 Как вы можете ввести слияние на стадии конфликта?
При возникновении конфликта в Git нужно вручную разрешить расхождения в файлах, а затем завершить слияние с помощью команды
👉 Новости 👉 База вопросов
При возникновении конфликта в Git нужно вручную разрешить расхождения в файлах, а затем завершить слияние с помощью команды
git merge -- continue
.Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
#полезное
😎 Browsh — браузер для терминала с поддержкой HTML5, JS и даже видео
Browsh — это современный текстовый браузер, который работает прямо в терминале. Он использует headless Firefox и отображает веб‑страницы в виде ASCII‑графики.
🔵 Поддержка HTML5, CSS3, JS, WebGL
🔵 Работает через SSH или Mosh — идеален для слабого интернета
🔵 Можно смотреть YouTube прямо в терминале
🔵 Есть HTTP‑режим и Docker‑образ
🔵 Лёгкий, кроссплатформенный и минималистичный
Установка:
Гитхаб
Подходит пользователям со слабыми ПК, для работы по SSH и когда нужен браузер без GUI.
👉 Новости 👉 База вопросов
Browsh — это современный текстовый браузер, который работает прямо в терминале. Он использует headless Firefox и отображает веб‑страницы в виде ASCII‑графики.
Установка:
brew install browsh # macOS
apt install browsh # Debian/Ubuntu
docker run -it browsh/browsh
Гитхаб
Подходит пользователям со слабыми ПК, для работы по SSH и когда нужен браузер без GUI.
Please open Telegram to view this post
VIEW IN TELEGRAM
💊1
This media is not supported in your browser
VIEW IN TELEGRAM
#полезное
😱 Всплывающие скроллеры изображений с анимацией, управляемой прокруткой 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); }
}
КодПен
Please open Telegram to view this post
VIEW IN TELEGRAM
🍓1
This media is not supported in your browser
VIEW IN TELEGRAM
#полезное
😵💫 Кнопка оживает и радостно пульсирует при наведении курсора мыши
КодПен
👉 Новости 👉 База вопросов
КодПен
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
#Собес #git
🤔 Как восстановить удалённую ветку?
Если ветка была удалена локально, её можно восстановить, используя команду
👉 Новости 👉 База вопросов
Если ветка была удалена локально, её можно восстановить, используя команду
git reflog
. Если ветка была удалена удалённо, можно восстановить еёс помощью git push origin ‹ branch_name›
.Please open Telegram to view this post
VIEW IN TELEGRAM
#полезное
👨💻 Cockpit — веб-интерфейс для администрирования Linux-серверов, который превращает сложные системные задачи в интуитивные операции. Этот инструмент позволяет управлять контейнерами, настраивать сеть, мониторить логи и ресурсы прямо из браузера, сохраняя полную совместимость с терминалом.
Инструмент интегрируется на уровне реальной сессии: изменения, сделанные через веб-интерфейс, сразу отражаются в системе, а ошибки из терминала видны в журнале Cockpit. Поддерживает работу с удалёнными серверами по SSH.
Гитхаб
👉 Новости 👉 База вопросов
Инструмент интегрируется на уровне реальной сессии: изменения, сделанные через веб-интерфейс, сразу отражаются в системе, а ошибки из терминала видны в журнале Cockpit. Поддерживает работу с удалёнными серверами по SSH.
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
#полезное
😇 Neo.mjs — фреймворк, который переосмысливает веб-разработку. Этот проект переносит всю бизнес-логику в Web Workers, оставляя главный поток браузера исключительно для рендеринга. В результате получаются интерфейсы, остающиеся плавными даже при 40 000 обновлений в секунду.
Также впечатляет нативная работа с ES-модулями без сборки в dev-режиме и встроенная поддержка многопоточности. Это делает фреймворк идеальным для сложных дашбордов, финансовых приложений и веб-IDE, где важна каждая миллисекунда.
Гитхаб
👉 Новости 👉 База вопросов
Также впечатляет нативная работа с ES-модулями без сборки в dev-режиме и встроенная поддержка многопоточности. Это делает фреймворк идеальным для сложных дашбордов, финансовых приложений и веб-IDE, где важна каждая миллисекунда.
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
#ЛитКод
Задача: 647. Palindromic Substrings
Если задана строка s, верните количество палиндромных подстрок в ней. Строка является палиндромом, если она читается так же, как задом наперед. Подстрока - это непрерывная последовательность символов в строке.
Пример:
👨💻 Алгоритм:
1⃣ Инициализируйте счетчик для подсчета палиндромных подстрок.
2⃣ Для каждой позиции в строке используйте два метода расширения: один для палиндромов нечетной длины и один для палиндромов четной длины.
3⃣ Расширяйте от центра, проверяя, является ли подстрока палиндромом, и увеличивайте счетчик, если условие выполняется.
😎 Решение:
👉 Новости 👉 База вопросов
Задача: 647. Palindromic Substrings
Если задана строка s, верните количество палиндромных подстрок в ней. Строка является палиндромом, если она читается так же, как задом наперед. Подстрока - это непрерывная последовательность символов в строке.
Пример:
Input: s = "abc"
Output: 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;
};
Please open Telegram to view this post
VIEW IN TELEGRAM
#Собес #git
🤔 Как отменить коммит, который уже был отправлен и обнародован?
Для отмены коммита, который был отправлен на сервер, можно использовать команду
👉 Новости 👉 База вопросов
Для отмены коммита, который был отправлен на сервер, можно использовать команду
git revert
, которая создаст новый коммит, отменяющий изменения. Важно, что это безопасный метод, так как сохраняется история изменений.Please open Telegram to view this post
VIEW IN TELEGRAM
#полезное
👍 Garfish — фреймворк для микросервисного фронтенда. Этот фреймворк решает проблему интеграции разрозненных веб-приложений в единый продукт. Подход позволяет командам разрабатывать модули независимо на React, Vue или любых других технологиях, но запускать их как части целого.
Фреймворка имеет довольно продуманную изоляцию: песочницы для JS/CSS, роутинг с автономными зонами видимости и общий механизм обмена данными между модулями. Адаптивная загрузка в системе реализована через анализацию поведения пользователей, чтобы предварительно кэшировать часто используемые модули.
Гитхаб
👉 Новости 👉 База вопросов
Фреймворка имеет довольно продуманную изоляцию: песочницы для JS/CSS, роутинг с автономными зонами видимости и общий механизм обмена данными между модулями. Адаптивная загрузка в системе реализована через анализацию поведения пользователей, чтобы предварительно кэшировать часто используемые модули.
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
#статьи
🛞 Среда выполнения
Среда выполнения – это окружение, в котором выполняется код. В данной статье автор рассказывает про все, что включает в себя среда выполнения: движок, цикл событий, очереди задач и многое другое.
Читать статью
👉 Новости 👉 База вопросов
Среда выполнения – это окружение, в котором выполняется код. В данной статье автор рассказывает про все, что включает в себя среда выполнения: движок, цикл событий, очереди задач и многое другое.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM