Javascript 1417 - Telegram Web

🖥

Shaka Player — open-source библиотека JS для адаптивных медиа

Shaka Player — это библиотека JavaScript, которая воспроизводит адаптивные медиаформаты такие как DASH, HLS и MSS в браузере, без использования плагинов или Flash. Вместо этого Shaka Player использует открытые веб-стандарты MediaSource Extensions и Encrypted Media Extensions.

Shaka Player также поддерживает автономное хранение и воспроизведение медиафайлов с помощью IndexedDB. Контент может храниться в любом браузере.

🖥

GitHub

@javascriptv

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍8❤4🔥2

4.19K views17:03

🖥

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

2025/07/12 18:01:58
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>