В p5.js сделан упор на простоту использования и лаконичность
К примеру, вот код для визуализации пузырьковой сортировки:
let values = [];
let i = 0;
let j = 0;
function setup() {
createCanvas(720, 400);
for(let i = 0;i<width/8;i++){
values.push(random(height));
}
}
function draw() {
background(220);
bubbleSort();
simulateSorting();
}
function bubbleSort() {
for(let k = 0;k<8;k++){
if(i<values.length){
let temp = values[j];
if(values[j] > values[j+1]){
values[j] = values[j+1];
values[j+1] = temp;
}
j++;
if(j>=values.length-i-1){
j = 0;
i++;
}
}
else{
noLoop();
}
}
}
function simulateSorting(){
for(let i = 0;i<values.length;i++){
stroke(100, 143, 143);
fill(50);
rect(i*8 , height, 8, -values[i],20);
}
}
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
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
В качестве бонуса доступен генератор шрифтов и удобный поиск. Рекомендуем воспользоваться!
👉Попробовать
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️Лучший способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:
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
—
deno run -A -r https://fresh.deno.devFresh — это современный веб-фреймворк для разработчиков на 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
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
На днях вышел первый официальный релиз интегрированной среды разработки 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
—
npm i decap-cmsDecap 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
—
npm install -S langchainLangChain.js поможет на каждом из этапов жизненного цикла LLM-приложения:
— разработка: можно создавайте свои LLM-приложения на JS, используя готовые блоки и компоненты LangChain.js с открытым исходным кодом
— мониторинг: на этом этапе подключается LangSmith для проверки, мониторинга и оценки LLM-приложений
— развёртывание: LangChain.js позволяет быстро реализовать API рабочего компонента с помощью LangServe
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Вредоносная кампания явно вдохновлена недавно обнаруженными вредоносами семейства 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
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
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