Telegram Web
🖥 Eidos — оффлайн альтернатива Notion на TypeScript

Eidos — это расширяемый фреймворк TypeScript для удобного управления своими данными.

Особенности Eidos:
— работает полностью оффлайн, данные хранятся локально

— можно подключить любимую LLM для дополнительных возможностей

— полностью open-source

— открытый формат данных, который позволяет работать с Eidos через другие программы

Быстрый старт с Docker:
docker run -d  -p 8080:80 ghcr.io/mayneyao/eidos


🖥 GitHub
🟡 Страничка Eidos

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
9👍3🔥2
🖥 LlamaIndex.TS — фреймворк TypeScript, который предоставляет возможности LlamaIndex для Node.js, Vercel Edge Functions и Deno

LlamaIndex.TS отлично подходит для таких применений:

— извлечение данных: преобразование сырых данных в структурированные и стандартизированные форматы

— RAG: ответы на запросы по внутренним данным путем предоставления LLM контекста из документов и файлов

— автономные агенты: создание агентов для выполнения задач в интерактивном, неконтролируемом режиме

🖥 GitHub
🟡 Доки

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6👍3🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Анимация Пикачу в коробке

Анимированный пикачу в коробке отрисован и анимирован с помощью чисто CSS. Отдельные элементы графики сделаны с помощью DIV’ов и затем стилизованы.

Чтобы запустить анимацию нужно нажать на верх коробки и потянуть курсов в сторону. Попробуйте сами. Там же вы найдёте код проекта:

https://codepen.io/maxi83c/pen/JjOZdWX

#codepen #css
👍17🔥54
🖥 Milkdown — фреймворк TypeScript для создания лёгких WYSIWYG-редакторов Markdown

Milkdown состоит из 2 частей:

— ядро, которое предоставляет загрузчик плагинов и всевозможные внутренние плагины

— множество дополнительных плагинов, которые предоставляют синтаксис, добавляют новые команды и компоненты

С помощью Milkdown можно создать собственный WYSIWYG-редактор Markdown с возможностью включения/отключения пользовательского синтаксиса и функций.
Также Milkdown позволяет создавать разные плагины

🖥 GitHub
🟡 Страничка Milkdown

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍103🔥2🎉1
🚀⚒️ es-toolkit — современная библиотека JavaScript-инструментов

Представьте себе Lodash, но более новый, быстрый, компактный, с tree shaker и встроенной поддержкой TypeScript.

В справочном руководстве показаны поддерживаемые фичи на данный момент.

⚡️ GitHub

@javascriptv
👍155🔥3🎉2
🖥 tinyhttp — легкий и модульный веб-фреймворк для Node.js

npm i @tinyhttp/app

tinyhttp — это современный Express-подобный веб-фреймворк, написанный на TypeScript и скомпилированный в нативный ESM, который использует минимальное количество зависимостей и минимум легаси.

🖥 GitHub

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥74👍2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Наглядно, как работает Веб и что происходит при переходе по URL

#doc #cheatsheet
👍29🔥115🤯2😱1
⚡️Легкий способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

МАШИННОЕ ОБУЧЕНИЕ: www.tgoop.com/ai_machinelearning_big_data
C++ www.tgoop.com/cpluspluc
Python: www.tgoop.com/pro_python_code
Хакинг: www.tgoop.com/linuxkalii
Devops: www.tgoop.com/devOPSitsec
АНАЛИЗ Данных: www.tgoop.com/data_analysis_ml
Javascript: www.tgoop.com/javascriptv
C#: www.tgoop.com/csharp_ci
Java: www.tgoop.com/javatg
Базы данных: www.tgoop.com/sqlhub
Linux: www.tgoop.com/linuxacademiya
Python собеседования: www.tgoop.com/python_job_interview
Мобильная разработка: www.tgoop.com/mobdevelop
Docker: www.tgoop.com/DevopsDocker
Golang: www.tgoop.com/golang_interview
React: www.tgoop.com/react_tg
Rust: www.tgoop.com/rust_code
PHP: www.tgoop.com/phpshka
Android: www.tgoop.com/android_its
Frontend: www.tgoop.com/front
Big Data: www.tgoop.com/bigdatai
Собеседования МЛ: www.tgoop.com/machinelearning_interview
МАТЕМАТИКА: www.tgoop.com/data_math
Kubernets: www.tgoop.com/kubernetc


💼 Папка с вакансиями: www.tgoop.com/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: www.tgoop.com/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: www.tgoop.com/addlist/eEPya-HF6mkxMGIy
Папка ML: https://www.tgoop.com/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://www.tgoop.com/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: www.tgoop.com/memes_prog
🇬🇧Английский: www.tgoop.com/english_forprogrammers
🧠ИИ: www.tgoop.com/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://www.tgoop.com/addlist/BkskQciUW_FhNjEy
👎21👍1
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Demo:Input Field Animation Floating Label | HTML & CSS

При вводе данных поле становится объёмным.

#формы

https://codepen.io/monoqlo365/pen/xxYvewV

@javascriptv
👍185🔥2
🤫 Некоторые популярные методы аутентификации

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

🔵 Аутентификация с помощью токенов:
Использует сгенерированные токены, такие как JSON Web Tokens (JWT), которые обмениваются между клиентом и сервером, обеспечивая повышенную безопасность без необходимости отправки учетных данных с каждым запросом.
Идеально подходит для более безопасных и масштабируемых систем.

🔵 Аутентификация OAuth:
Позволяет сторонним приложениям получать ограниченный доступ к ресурсам пользователя без раскрытия учетных данных, выдавая токены доступа после аутентификации пользователя.
Подходит для ситуаций, требующих контролируемого доступа к ресурсам пользователя сторонними приложениями или сервисами.

🔵 Аутентификация с использованием API-ключей:
Назначает уникальные ключи пользователям или приложениям, которые отправляются в заголовках или параметрах; несмотря на простоту, может не обладать всеми преимуществами безопасности, как методы на основе токенов или OAuth.
Удобна для простого контроля доступа в менее чувствительных средах или для предоставления доступа к определённым функциям без необходимости предоставления разрешений, привязанных к конкретному пользователю.

💬 Какой метод аутентификации вы считаете наиболее эффективным с точки зрения обеспечения безопасности и удобства использования в ваших приложениях?

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍174🔥4
⚡️ ​​Топ-50 ресурсов с бесплатными HTML/CSS/JS шаблонами

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

LayoutFlow — шаблоны для сайтов агенств, портфолио и услуг.
Treact — React-шаблоны.
Flout UI — компоненты Tailwind и готовые шаблоны Next.js
Themesberg — шаблоны админ панелей, лендингов и UI-китов.
Templatemo — много Bootstrap-шаблонов.
HTMLrev — крупнейшая библиотека шаблонов со всеразличными технологиями.

#подборка #frontend

@javascriptv
14👍10🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Совет дня 💡

Как легко реализоват закрепленный заголовок таблицы 🤩

📌 Код

@javascriptv
👍478🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Material Input Animation

Заголовок поля смещается как только начинают вводить данные.

Примеры применения:
- поиск фамилии в списках;
- поиск контакта для денежного перевода.

#css #формы

📌 Код

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍225🔥5
🖥 Logto — компонент на TypeScript для реализации окна входа в аккаунт

curl -fsSL https://raw.githubusercontent.com/logto-io/logto/HEAD/docker-compose.yml | \
docker compose -p logto -f - up

npm init @logto


Logto — это open-source альтернатива Auth0, разработанная для современных приложений и SaaS-продуктов.

🖥 GitHub
🟡 Доки

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍123😁3🔥2🥰1
🚀 Яндекс разработал AI-ассистента для работы с кодом

С помощью сервиса разработчики смогут по фрагменту кода сгенерировать наиболее вероятное его продолжение. Это поможет упростить написание и редактирование кода и ускорить продуктовую разработку в компаниях. Ассистент протестировали тысячи разработчиков Яндекса, 60% из которых стали постоянными пользователями сервиса.
Использование Yandex Code Assistant помогает повысить эффективность работы: доверьте рутинные операции AI и сосредоточьтесь на решении более сложных задач, чтобы ускорить разработку и сократить Time to market. Да и просто делает жизнь разработчиков проще и счастливее.

⚙️ Для кого
Инструмент полезен разработчикам любого уровня, а также техническим руководителям, которые хотят оптимизировать процессы и повысить продуктивность своих команд.

→ Как попробовать
Yandex Code Assistant доступен бесплатно на облачной платформе Yandex Cloud в режиме Preview. Для тестирования оставьте заявку.
6
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Готовая анимация карточек - при наведении на карточку весь остальной фон становится размытым.

Примеры применения:
🔶 выбор тарифного плана онлайн-сервиса;
🔶 выбор антивирусной программы для ПК.

#hover #карточки #градиент

https://codepen.io/eranmiller/pen/wvGpzZW

@javascriptv
👍165🔥2
2025/07/08 20:52:53
Back to Top
HTML Embed Code: