#полезное
👨‍💻 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 методов массивов, которые тебе необходимо знать. В результате ты сможешь решать практически любые задачи, связанные с массивами.
📱 Смотреть видео

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

#Собес #Express
🤔 Для чего используется файл .env?

Файл .env используется для хранения конфиденциальной информации, такой как пароли, строки подключения к базе данных, API-ключи и другие настройки конфигурации. Это позволяет изолировать чувствительные данные от исходного кода и легко изменять их без редактирования кода.

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

#полезное
📞 Новый UI-фреймворк в стиле Sci‑Fi — Cosmic UI

Cosmic UI — это open-source библиотека футуристичных компонентов на React + TailwindCSS + TypeScript. Всё выполнено в стиле научной фантастики — идеально для проектов с «космическим» вайбом.

Внутри:
🔵 Компоненты с анимациями и голографическими эффектами
🔵 Документация + демо: [cosmic-ui.com](https://cosmic-ui.com/docs)
🔵 MIT лицензия — можно использовать как угодно
🔵 Поддержка Vite, TS, ESLint, Vercel

Почему стоит попробовать?
🟠 Готовые стилизованные компоненты экономят кучу времени
🟠 Идеально для игр, дашбордов, кастомных интерфейсов
🟠 Выглядит не как все остальные boring UI-библиотеки

Установка:

npm install cosmic-ui

Github

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

#статьи
🥱 Temporal: Что это?

Temporal – это API для работы с датами и временем. Он используется как альтернатива устаревшего и неудобного в использовании объекта Date. Благодаря данной статье ты узнаешь, чем удобен Temporal.
Читать статью

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

#Собес #Express
🤔 Какие основные инструменты могут быть интегрированы с Express JS?

Популярные инструменты для интеграции с Express.js:
• Базы данных: MongoDB, MySQL, PostgreSQL.
• Шаблонизаторы: EJS, Pug, Mustache.
• Библиотеки аутентификации: Passport.js.
• Логирование: Morgan, Winston.
• Валидация данных: Joi, express-validator.
• ORM: Mongoose, Sequelize.

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

#полезное
🥄 HASH — открытая база данных с элементами ИИ, которая самостоятельно структурирует информацию и проверяет её достоверность. Проект объединяет данные из разных источников в реальном времени, предлагая удобные инструменты для работы с ними даже не-техническим пользователям.

HASH имеет автономных агентов, которые автоматически дополняют и очищают данные, а в будущем система превратится в полноценную рабочую среду с AI-интерфейсами. Для старта можно использовать облачную версию или развернуть локально.
Гитхаб

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

#полезное
🤯 AWS Amplify — библиотека для фронтенд- и мобильных разработчиков, упрощающая интеграцию приложений с облачными сервисами AWS. Она предлагает готовые решения для аутентификации, хранения данных, аналитики, API и даже машинного обучения, скрывая сложность бэкенд-настроек за простым JavaScript-интерфейсом.

Хотя инструмент заточен под AWS, архитектура позволяет подключать и кастомные бэкенды. Amplify особенно удобен для React Native и веб-приложений, например, можно добавить авторизацию через Cognito или работу с S3 буквально парой строк кода.
Гитхаб

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