Импорт локальных изображений 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

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

#Собес #git
🤔 Что такое HEAD с точки зрения Git?

HEAD в Git - это указатель на текущую ветку или коммит. Он показывает, над чем вы сейчас работаете, и меняется при переключении веток или выполнении коммитов.

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

#статьи
🤯 Разработка на ванильном JS: Стилизация и сайты

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

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

#полезное
🥄 Анимация загрузки для любителей чего-то необычного

https://codepen.io/jkantner/pen/qBbjEVQ

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

#ЛитКод
Задача: 680. Valid Palindrome II

Дана строка s, вернуть true, если s может быть палиндромом после удаления не более одного символа из нее.

Пример:

Input: s = "aba"
Output: true

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

1⃣Создайте вспомогательную функцию checkPalindrome, которая принимает строку s и два указателя i и j. Эта функция возвращает логическое значение, указывающее, является ли подстрока s.substring(i, j) палиндромом.

2⃣Инициализируйте два указателя: i = 0 и j = s.length() - 1. Пока i < j, проверьте, совпадают ли символы в индексах i и j. Если нет, это значит, что нам нужно удалить один из этих символов.

3⃣Попробуйте оба варианта, используя checkPalindrome. Верните true, если либо checkPalindrome(s, i, j - 1), либо checkPalindrome(s, i + 1, j) возвращает true. Если мы выходим из цикла while, это значит, что исходная строка является палиндромом. Поскольку нам не нужно было использовать удаление, следует вернуть true.

😎 Решение:

class Solution {
    checkPalindrome(s, i, j) {
        while (i < j) {
            if (s[i] !== s[j]) {
                return false;
            }
            i++;
            j--;
        }
        return true;
    }
    
    validPalindrome(s) {
        let i = 0;
        let j = s.length - 1;
        
        while (i < j) {
            if (s[i] !== s[j]) {
                return this.checkPalindrome(s, i, j - 1) || this.checkPalindrome(s, i + 1, j);
            }
            i++;
            j--;
        }
        
        return true;
    }
}

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

#Собес #Express
🤔 Напишите простое middleware для валидации пользователя

Middleware - это функция в Express.js, которая обрабатывает запросы и может изменять их или завершать обработку. Пример middleware для проверки пользователя - проверка наличия данных о пользователе ( req-user ) перед выполнением маршрута

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

#полезное
😘 Создание Telegram-клона: Часть 1

Благодаря данной серии статей ты создашь клона веб-версии Telegram с помощью Next.js, TailwindCSS и Stream SDK. В первой части автор рассказывает, как настроить необходимые инструменты, добавить аутентификацию, а также создать макет приложения.
Читать статью

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

#полезное
👋 Response-print-pdf — это UI Kit для создания PDF-файлов с использованием React и TypeScript.

С Response-print-pdf создавайте и генерируйте PDF-документы с помощью React 📄. Этот UI-набор компонентов предназначен для создания PDF и печатных документов, таких как счета, брошюры и другие документы. Используйте простые и многократно используемые компоненты и шаблоны для создания профессиональных документов.

Реализуйте свои идеи с помощью любимого фреймворка фронтенда React для создания PDF-документов следующего поколения.

Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:

✅ Простоту в использовании
✅ Готовые компоненты и шаблоны
✅ 100% контроль макета
✅ Интеграция динамических данных в PDF-файл
Гитхаб

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

#видео
❤️‍🔥 Что такое каррирование?

Каррирование — это разделение функции с несколькими аргументами на несколько функций по одному аргументу. То есть это превращение функции вроде f(a, b, c) в f(a)(b)(c). Делимся видео, где автор в деталях разбирает эту технику.
Смотреть видео

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

#Собес #Express
🤔 Что такое JWT на примере Express.js?

JWT (JSON Web Token) - это компактный токен, используемый для аутентификации и обмена информацией между сторонами. Он состоит из трех частей: заголовка (Header), полезной нагрузки (Payload) и подписи (Signature). JWT передает информацию безопасно, обычно используется для аутентификации в API.

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

#полезное
😐 Plotly for R — пакет для создания интерактивной визуализации в R с использованием JavaScript-библиотеки plotly.js. Позволяет превращать статические ggplot2-графики в динамические веб-визуализации с помощью одной функции ggplotly().

Инструмент имеет поддержку анимаций, кастомизации подсказок и интеграции с Shiny. Пакет особенно полезен для создания интерактивных дашбордов и отчетов в RMarkdown.
Гитхаб

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

#видео
😇 Полезные методы массивов

В данном видео автор разобрал 20 методов массивов, которые тебе необходимо знать. В результате ты сможешь решать практически любые задачи, связанные с массивами.
📱 Смотреть видео

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