git clone https://github.com/cryptpad/cryptpad.git cryptpad
cd cryptpad
git checkout 2024.6.0
npm ci
npm run install:components
./install-onlyoffice.sh
CryptPad — это инструмент на JavaScript для совместной работы над документами — т.е. все изменения синхронизируются в режиме реального времени.
Передаваемые данные пользователей CryptPad шифруются сквозным шифрованием.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👍5❤1
В качестве бонуса доступен генератор шрифтов и удобный поиск. Рекомендуем воспользоваться!
👉Попробовать
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤5🔥1
⚡️Лучший способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:
C++ t.me/cpluspluc
Devops: t.me/devOPSitsec
Машинное обучение: t.me/ai_machinelearning_big_data
АНАЛИЗ Данных: t.me/data_analysis_ml
Хакинг: t.me/linuxkalii
Linux: t.me/linuxacademiya
Базы данных: t.me/sqlhub
C#: t.me/csharp_ci
Golang: t.me/Golang_google
Java: t.me/javatg
React: t.me/react_tg
Javascript: t.me/javascriptv
Мобильная разработка: t.me/mobdevelop
Docker: t.me/+0WdB4uvOwCY0Mjdi
Python: t.me/pythonl
Rust: t.me/rust_code
PHP: t.me/phpshka
Android: t.me/android_its
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
Python подготовка с собесу: t.me/python_job_interview
МАТЕМАТИКА: t.me/data_math
💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
C++ папка: https://t.me/addlist/CdBs5DLepLJmZjY6
C# папка: https://t.me/addlist/u15AMycxRMowZmRi
Java папка: https://t.me/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://t.me/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://t.me/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno
📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy
C++ t.me/cpluspluc
Devops: t.me/devOPSitsec
Машинное обучение: t.me/ai_machinelearning_big_data
АНАЛИЗ Данных: t.me/data_analysis_ml
Хакинг: t.me/linuxkalii
Linux: t.me/linuxacademiya
Базы данных: t.me/sqlhub
C#: t.me/csharp_ci
Golang: t.me/Golang_google
Java: t.me/javatg
React: t.me/react_tg
Javascript: t.me/javascriptv
Мобильная разработка: t.me/mobdevelop
Docker: t.me/+0WdB4uvOwCY0Mjdi
Python: t.me/pythonl
Rust: t.me/rust_code
PHP: t.me/phpshka
Android: t.me/android_its
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
Python подготовка с собесу: t.me/python_job_interview
МАТЕМАТИКА: t.me/data_math
💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
C++ папка: https://t.me/addlist/CdBs5DLepLJmZjY6
C# папка: https://t.me/addlist/u15AMycxRMowZmRi
Java папка: https://t.me/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://t.me/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://t.me/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno
📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy
🔥10🥰3
—
deno run -A -r https://fresh.deno.dev
Fresh — это современный веб-фреймворк для разработчиков на JavaScript и TypeScript, призванный упростить создание сложных веб-приложений.
Можно использовать Fresh для создания домашней страницы, блога, крупного веб-приложения, такого как GitHub или Twitter.
Fresh использует Preact и JSX для рендеринга и шаблонизации как на сервере, так и на клиенте. Fresh также не имеет этапа сборки. Код, который вы пишете, непосредственно выполняется на сервере и на клиенте. Любая необходимая транспиляция TypeScript или JSX в обычный JavaScript выполняется на лету, когда это необходимо.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13😁3❤2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
⚛ Pure CSS Gravity Button – Красивая кнопка с эффектом притяжения "частиц". Она имеет внешнюю тень и внутренний градиент.
https://codepen.io/thebabydino/pen/bGzeQrv
@javascriptv
https://codepen.io/thebabydino/pen/bGzeQrv
@javascriptv
👍16🔥4❤1😁1
На днях вышел первый официальный релиз интегрированной среды разработки Theia IDE, развиваемой организацией Eclipse Foundation на базе редактора кода Theia и разработанных для него плагинов.
Проект Theia IDE поставляется как самодостаточное приложение для рабочего стола, рассчитанное на установку на локальных системах, а также в форме online-версии для работы из браузера (для развёртывания online-версии на своём сервере предоставляется готовый Docker-образ).
Проект развивается при участии IBM, Red Hat, Google, ARM, Broadcom, Huawei, Samsung, Ericsson, SAP и Arduino на нейтральной площадке, поддерживаемой Eclipse Foundation и не зависящей от конкретных производителей.
Платформа Theia построена на базе архитектуры фронтенд/бэкенд, подразумевающей запуск двух процессов (отрисовка интерфейса и внутренняя логика), которые взаимодействуют с использованием HTTP при помощи JSON-RPC через WebSockets или REST API. Это разделение позволяет работать через Web (бэкенд, использующий платформу Node.js, запускается на внешнем сервере, а фронтенд с интерфейсом загружается в браузере). В Theia IDE оба процесса запускаются локально, а для создания самодостаточного приложения применяется платформа Electron.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉12❤4😁3🔥2👍1
—
npm i decap-cms
Decap CMS — это open-source система управления контентом с интуитивно понятным интерфейсом.
Decap CMS позволяет хранить контент в одном Git-репозитории с кодом, что упрощает версионирование.
По сути Decap CMS — это приложение React, которое является оберткой для рабочего процесса Git, для чего использует GitHub, GitLab или Bitbucket API. Это дает множество преимуществ, в том числе:
— быстрый веб-интерфейс, редактирование текста, предпросмотр в реальном времени и загрузка медиафайлов с помощью drag-and-drop.
— независимость от платформы: Decap работает с большинством генераторов статических сайтов.
— гибкость в плане контента
— расширяемость: Decap позволяет создавать пользовательские превью, виджеты UI и плагины редактора.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤2🔥2
—
npm install -S langchain
LangChain.js поможет на каждом из этапов жизненного цикла LLM-приложения:
— разработка: можно создавайте свои LLM-приложения на JS, используя готовые блоки и компоненты LangChain.js с открытым исходным кодом
— мониторинг: на этом этапе подключается LangSmith для проверки, мониторинга и оценки LLM-приложений
— развёртывание: LangChain.js позволяет быстро реализовать API рабочего компонента с помощью LangServe
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤2🔥2🎉1
Вредоносная кампания явно вдохновлена недавно обнаруженными вредоносами семейства FakeUpdates.
Компьютерные системы по всему миру подвергаются атаке с использованием нового вредоносного ПО под названием BadSpace, распространяемого под видом фальшивых обновлений браузера Chrome.
По данным немецкой компании G DATA, специализирующейся на кибербезопасности, злоумышленники используют многоэтапную атаку, включая заражённый веб-сайт, сервер управления, поддельное обновление браузера и JScript-загрузчик для установки вредоносной программы на систему жертвы.
Исследователи kevross33 и Gi7w0rm первыми сообщили о деталях этого вредоносного ПО в прошлом месяце. Атака начинается со скомпрометированного веб-сайта, в том числе созданного на платформе WordPress, который внедряет код для проверки, посещал ли пользователь сайт ранее. Если это первый визит, код собирает информацию о устройстве, IP-адресе, пользовательском агенте и местоположении, передавая её на жёстко закодированный домен через HTTP-запрос.
Ответ сервера накладывает на содержимое веб-страницы поддельное окно обновления Google Chrome, которое либо напрямую загружает вредоносное ПО, либо JavaScript-загрузчик, который затем скачивает и выполняет BadSpace.
Анализ серверов управления, используемых в этой кампании, выявил связи с известным вредоносным ПО SocGholish, также известным как FakeUpdates. Это JavaScript-загрузчик, распространяемый аналогичным образом.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍4🔥4👎1😁1
git clone https://github.com/tagspaces/tagspaces.git
cd tagspaces
git checkout develop
npm install
TagSpaces — это приложение TypeScript для организации, аннотирования и управления локальными файлами с помощью тегов. В нем реализовано много функций ведения заметок
Также существует в виде расширения Web Clipper для Firefox и Chrome для удобного сохранения онлайн-контента локально
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12❤2🔥1
OpenCTI была создана для структурирования, хранения, организации и визуализации технической и нетехнической информации о киберугрозах.
Структурирование данных осуществляется с помощью схемы знаний, основанной на стандартах STIX2. Система разработана как современное веб-приложение, включающее GraphQL API и UX-ориентированный фронтенд.
Также OpenCTI может быть интегрирована с другими инструментами и приложениями, такими как MISP, TheHive, MITRE ATT&CK и др.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6👍1🔥1
—
npm install effect
Особенности Effect:
— Масштабируемость. Создание высокомасштабируемых приложений с низкой задержкой благодаря особой модели параллелизма Effect.
— Композиционность. Создание легко поддерживаемого, читаемого и гибкого ПО за счет использования небольших многократно используемых строительных блоков.
— Безопасность ресурсов. Безопасное управление ресурсами даже при сбоях в работе программы.
— Безопасность типов. Позволяет использовать систему типов TypeScript по максимуму, уделяя особое внимание выводу типов и безопасности типов в Effect.
— Обработка ошибок. Позволяет работать с ошибками структурированно и надежно, используя встроенные в Effect возможности обработки ошибок.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ A,B,C,D.. - Крутая анимация текста. Повторить такую можно с помощью SCSS и библиотеки GSAP.js
1. Импорт библиотек и стилей:
-
- Здесь импортируются стили для создания 3D-текстового эффекта и используются шрифты из Google Fonts.
2. Настройка переменных:
- Устанавливаются глобальные CSS-переменные, которые определяют базовый размер шрифта для текста.
3. Определение структуры страницы:
- Определяются стили для корневого элемента HTML и тела страницы, устанавливается перспектива для трехмерных трансформаций.
- Создаются элементы контейнера для текста, его теней и частиц.
4. Стили и анимации:
- Определяются стили для элементов контейнера и частиц.
- Разные стили и цветовые схемы определяются для разных стилей текста.
5. Импорт библиотек и регистрация плагина анимации:
- Здесь импортируется компонент
- Импортируется библиотека анимации
Общий результат кода - это страница с анимированным 3D-текстовым эффектом, который визуально представляет букву "A", а также имеет интересные анимационные эффекты и частицы. Эффект и его визуальное оформление меняются с течением времени благодаря анимации "подпрыгивания" и смене стилей.
📌 Ссылка
@javascriptv
1. Импорт библиотек и стилей:
-
@import
используется для импорта стилей из внешних источников.- Здесь импортируются стили для создания 3D-текстового эффекта и используются шрифты из Google Fonts.
2. Настройка переменных:
- Устанавливаются глобальные CSS-переменные, которые определяют базовый размер шрифта для текста.
3. Определение структуры страницы:
- Определяются стили для корневого элемента HTML и тела страницы, устанавливается перспектива для трехмерных трансформаций.
- Создаются элементы контейнера для текста, его теней и частиц.
4. Стили и анимации:
- Определяются стили для элементов контейнера и частиц.
- Разные стили и цветовые схемы определяются для разных стилей текста.
5. Импорт библиотек и регистрация плагина анимации:
- Здесь импортируется компонент
Those3DTexts
из библиотеки "that-3d-text-library".- Импортируется библиотека анимации
gsap
(GreenSock Animation Platform) и ее плагин MotionPathPlugin
, который используется для анимации движения по пути.Общий результат кода - это страница с анимированным 3D-текстовым эффектом, который визуально представляет букву "A", а также имеет интересные анимационные эффекты и частицы. Эффект и его визуальное оформление меняются с течением времени благодаря анимации "подпрыгивания" и смене стилей.
📌 Ссылка
@javascriptv
🔥13👍5❤2
—
npm install cytoscape
Cytoscape.js позволяет отображать графы и взаимодействовать с ними.
Библиотека легко интегрируется в разные приложения, как desktop-браузеры, так и мобильные.
Также можно использовать Cytoscape.js в headless-режиме для анализа графов в терминале или на веб-сервере.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤4🔥4😁1🎉1