Javascript 1445 - Telegram Web

🖥

Oruga — легкая библиотека компонентов UI для Vue.js без CSS-зависимостей

— npm install @oruga-ui/oruga-next

Oruga предлагает набор легко настраиваемых компонентов и не зависит от какого-либо конкретного стиля или CSS-фреймворка (типо Bootstrap, Bulma, TailwindCSS). При этом есть возможность интегрировать любой CSS-фреймворк, если очень хочется.

Oruga предоставляет набор функциональных компонентов, поэтому можно сосредоточиться только на UI/UX аспектах приложения

🖥

🟡

Доки

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

❤9👍5🔥3🎉1

3.89K views09:02

🖥

p5.js — open-source библиотека JavaScript, заточенная под создание визуализаций, анимаций и т.д.

В 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);
   }
}

🖥

🟡

Примеры использования p5.js

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥12👍6❤5

4.39K views14:03

🖥

CryptPad — open-source приложение на JS для совместной работы над документами; со сквозным шифрованием

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

4.33K views14:03

⚡️

На этом сайте собрано более 120 тыс. бесплатных шрифтов для дизайнеров, фронтэндеров и всех, кому нужны шрифты.

В качестве бонуса доступен генератор шрифтов и удобный поиск. Рекомендуем воспользоваться!

👉Попробовать

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

👍10❤5🔥1

4.47K views08:16

⚡️Лучший способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

C++ www.tgoop.com/cpluspluc
Devops: www.tgoop.com/devOPSitsec
Машинное обучение: www.tgoop.com/ai_machinelearning_big_data
АНАЛИЗ Данных: www.tgoop.com/data_analysis_ml
Хакинг: www.tgoop.com/linuxkalii
Linux: www.tgoop.com/linuxacademiya
Базы данных: www.tgoop.com/sqlhub
C#: www.tgoop.com/csharp_ci
Golang: www.tgoop.com/Golang_google
Java: www.tgoop.com/javatg
React: www.tgoop.com/react_tg
Javascript: www.tgoop.com/javascriptv
Мобильная разработка: www.tgoop.com/mobdevelop
Docker: www.tgoop.com/+0WdB4uvOwCY0Mjdi
Python: www.tgoop.com/pythonl
Rust: www.tgoop.com/rust_code
PHP: www.tgoop.com/phpshka
Android: www.tgoop.com/android_its
Big Data: www.tgoop.com/bigdatai
Собеседования МЛ: www.tgoop.com/machinelearning_interview
Python подготовка с собесу: www.tgoop.com/python_job_interview
МАТЕМАТИКА: www.tgoop.com/data_math

💼 Папка с вакансиями: 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
C++ папка: https://www.tgoop.com/addlist/CdBs5DLepLJmZjY6
C# папка: https://www.tgoop.com/addlist/u15AMycxRMowZmRi
Java папка: https://www.tgoop.com/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://www.tgoop.com/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://www.tgoop.com/addlist/w4Doot-XBG4xNzYy

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

📕Ит-книги бесплатно: https://www.tgoop.com/addlist/BkskQciUW_FhNjEy

🔥10🥰3

4.2K viewsedited 11:24

🖥

Fresh — веб-фреймворк нового поколения

— 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

4.79K views14:01

This media is not supported in your browser

VIEW IN TELEGRAM

⚛ Pure CSS Gravity Button – Красивая кнопка с эффектом притяжения "частиц". Она имеет внешнюю тень и внутренний градиент.

https://codepen.io/thebabydino/pen/bGzeQrv

@javascriptv

👍16🔥4❤1😁1

4.49K views12:01

🖥

Релиз Theia IDE, написанной на TypeScript

На днях вышел первый официальный релиз интегрированной среды разработки 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.

🖥

GitHub

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

🎉12❤4😁3🔥2👍1

4.7K views09:44

🖥

Decap — CMS на основе Git для генераторов статических сайтов

— 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

4.79K views13:05

🖥

LangChain.js — open-source фреймворк JS для создания LLM-приложений

— 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

4.37K views12:16

💻

Космический кибершпион «BadSpace» прячется в обновлениях Chrome

Вредоносная кампания явно вдохновлена недавно обнаруженными вредоносами семейства 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

4.42K views10:03

🖥

TagSpaces — оффлайн open-source менеджер документов и заметок, написанный на TypeScript

git clone https://github.com/tagspaces/tagspaces.git
cd tagspaces
git checkout develop
npm install

TagSpaces — это приложение TypeScript для организации, аннотирования и управления локальными файлами с помощью тегов. В нем реализовано много функций ведения заметок

Также существует в виде расширения Web Clipper для Firefox и Chrome для удобного сохранения онлайн-контента локально

🖥

🟡

Страничка TagSpaces

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

👍12❤2🔥1

4.77K views08:34

2025/07/10 15:53:56
Back to Top

HTML Embed Code:

<iframe width="100%" src="https://www.tgoop.com/buyppe/web?embed=1" title="Telegram Web" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>