Javascript

🖥 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 для удобного сохранения онлайн-контента локально 🖥 GitHub 🟡 Страничка TagSpaces @javascriptv

💻 Космический кибершпион «BadSpace» прячется в обновлениях Chrome Вредоносная кампания явно вдохновлена недавно обнаруженными вредоносами семейства FakeUpdates. Компьютерные системы по всему миру подвергаются атаке с использованием нового вредоносного ПО под названием BadSpace, распространяемого под видом фальшивых обновлений браузера Chrome. По данным немецкой компании G DATA, специализирующейся на кибербезопасности, злоумышленники используют многоэтапную атаку, включая заражённый веб-сайт, сервер управления, поддельное обновление браузера и JScript-загрузчик для установки вредоносной программы на систему жертвы. Исследователи kevross33 и Gi7w0rm первыми сообщили о деталях этого вредоносного ПО в прошлом месяце. Атака начинается со скомпрометированного веб-сайта, в том числе созданного на платформе WordPress, который внедряет код для проверки, посещал ли пользователь сайт ранее. Если это первый визит, код собирает информацию о устройстве, IP-адресе, пользовательском агенте и местоположении, передавая её на жёстко закодированный домен через HTTP-запрос. Ответ сервера накладывает на содержимое веб-страницы поддельное окно обновления Google Chrome, которое либо напрямую загружает вредоносное ПО, либо JavaScript-загрузчик, который затем скачивает и выполняет BadSpace. Анализ серверов управления, используемых в этой кампании, выявил связи с известным вредоносным ПО SocGholish, также известным как FakeUpdates. Это JavaScript-загрузчик, распространяемый аналогичным образом. 🗄 Подробнее @javascriptv

Изучаешь JavaScript? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты с нуля сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Создашь проект на Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Сделаешь сайту адаптив; 6. Получишь проверку домашек от кураторов; 7. В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать. А главное, ты узнаешь, что тебе делать, чтобы уже в этом году гарантировано зарабатывать от 1000$/мес. на фронтенд-разработке, не выходя из дома. Начинаем уже завтра. 👉 Успей проскочить на интенсив бесплатно Бонусом для портфолио тебе выдадут именной сертификат после окончания интенсива и успешной сдачи всех домашних работ.

🖥 LangChain.js — open-source фреймворк JS для создания LLM-приложений — npm install -S langchain LangChain.js поможет на каждом из этапов жизненного цикла LLM-приложения: — разработка: можно создавайте свои LLM-приложения на JS, используя готовые блоки и компоненты LangChain.js с открытым исходным кодом — мониторинг: на этом этапе подключается LangSmith для проверки, мониторинга и оценки LLM-приложений — развёртывание: LangChain.js позволяет быстро реализовать API рабочего компонента с помощью LangServe 🖥 GitHub 🟡 Доки @javascriptv

🖥 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 и плагины редактора. 🖥 GitHub 🟡 Доки @javascriptv

🖥 Релиз 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

В открытом курсе AvitoTech по JavaScript вышел третий урок. Те, кто прослушал первые два, уже могут написать простой скрипт. А в третьем уроке всё о данных в JavaScript, их организации и обработке: объявление переменных и инициализация, стек и куча, память, проблемные числа, области видимости. Подписывайтесь на канал, чтобы не пропустить новые выпуски.

⚛ Pure CSS Gravity Button – Красивая кнопка с эффектом притяжения "частиц". Она имеет внешнюю тень и внутренний градиент. https://codepen.io/thebabydino/pen/bGzeQrv @javascriptv

🖥 Fresh — веб-фреймворк нового поколения — deno run -A -r https://fresh.deno.dev Fresh — это современный веб-фреймворк для разработчиков на JavaScript и TypeScript, призванный упростить создание сложных веб-приложений. Можно использовать Fresh для создания домашней страницы, блога, крупного веб-приложения, такого как GitHub или Twitter. Fresh использует Preact и JSX для рендеринга и шаблонизации как на сервере, так и на клиенте. Fresh также не имеет этапа сборки. Код, который вы пишете, непосредственно выполняется на сервере и на клиенте. Любая необходимая транспиляция TypeScript или JSX в обычный JavaScript выполняется на лету, когда это необходимо. 🖥 GitHub 🟡 Доки @javascriptv

⚡️Лучший способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь: 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

⚡️ На этом сайте собрано более 120 тыс. бесплатных шрифтов для дизайнеров, фронтэндеров и всех, кому нужны шрифты. В качестве бонуса доступен генератор шрифтов и удобный поиск. Рекомендуем воспользоваться! 👉Попробовать @javascriptv

🖥 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 шифруются сквозным шифрованием. 🖥 GitHub 🟡 Установка и доки @javascriptv

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

🖥 GitHub 🟡 Примеры использования p5.js @javascriptv

🚀 Развивайте алгоритмическое мышление, чтобы достичь Middle и Senior-позиций в крупных компаниях! 💯 Узнайте свой уровень компетенций прямо сейчас с помощью нашего вступительного теста по алгоритмам и структурам данных. ❓️ Сможете ответить на 20 сложных вопросов по 30-минутному таймингу? 🎁 Всем, кто пройдет тест до 21 июля включительно, будет доступна летняя 10% скидка 🤑  на курс «Алгоритмы и структуры данных» (старт группы уже в июле). 🔥 После обучения на курсе вы: - сможете повысить производительность программ и улучшить качество кода - приобретёте опыт реализации самых известных прикладных алгоритмов - поймёте, как создавать собственные алгоритмы для решения бизнес-задач 🔴 Готовы к карьерному росту в IT? Начните тестирование прямо сейчас: https://otus.pw/PWvT/?erid=LjN8KHUrk

🖥 Oruga — легкая библиотека компонентов UI для Vue.js без CSS-зависимостей — npm install @oruga-ui/oruga-next Oruga предлагает набор легко настраиваемых компонентов и не зависит от какого-либо конкретного стиля или CSS-фреймворка (типо Bootstrap, Bulma, TailwindCSS). При этом есть возможность интегрировать любой CSS-фреймворк, если очень хочется. Oruga предоставляет набор функциональных компонентов, поэтому можно сосредоточиться только на UI/UX аспектах приложения 🖥 GitHub 🟡 Доки @javascriptv

Упрости процесс проектирования и разработки🌀 Присоединяйся к курсу «‎Архитектура приложений»: поток стартует 15 июля! После курса твой код из каши превратится в автономную стройную систему, которую легко поддерживать и масштабировать. Ты научишься: 🔣 строить UML-диаграммы; 🔣 проводить архитектурные границы; 🔣 проектировать системы, используя паттерны; 🔣 выбирать архитектурный подход, исходя из задачи. 60% времени — практика на реальных кейсах, а ещё нет привязки к языку программирования. По всем заданиям ты получишь подробную обратную связь от спикеров. 🔎 Итоговый проект: спроектируешь и полностью опишешь информационную систему так, как это происходит на практике. 🔣 Старт 15 июля, успей занять место на курсе! 🧐 Реклама ООО «Слёрм» ИНН 3652901451 erid: 2VtzqvyKNZE

🖥 Shaka Player — open-source библиотека JS для адаптивных медиа Shaka Player — это библиотека JavaScript, которая воспроизводит адаптивные медиаформаты такие как DASH, HLS и MSS в браузере, без использования плагинов или Flash. Вместо этого Shaka Player использует открытые веб-стандарты MediaSource Extensions и Encrypted Media Extensions. Shaka Player также поддерживает автономное хранение и воспроизведение медиафайлов с помощью IndexedDB. Контент может храниться в любом браузере. 🖥 GitHub @javascriptv

Онлайн-лабораторная: развертывание веб-приложения или Telegram-бота с сервисом Evolution Container Apps Чтобы быстро развернуть приложение в облаке, нужно всего лишь взять сервис Cloud․ru Container Apps, платформу GitVerse и немного практики. 4 июля в 11:00 Cloud․ru проведет бесплатную онлайн-лабораторную. В прямом эфире эксперты вместе с участниками сделают две лабораторные работы и покажут самый быстрый способ развернуть приложение в облаке с сервисом Cloud․ru Container Apps и платформой GitVerse. В первой лабораторной развернут простое frontend-приложение, во второй — backend-приложение. Будет интересно начинающим и опытным разработчикам. ➡️ Чтобы принять участие, регистрируйтесь на сайте

🖥 html-react-parser — инструмент на TypeScript для преобразования HTML в React — npm i html-react-parser Вот простой пример использования:

import parse from 'html-react-parser';

parse('<p>Hello, World!</p>'); 

// React.createElement('p', {}, 'Hello, World!')

🖥 GitHub 🟡 Примеры использования @javascriptv

— Быстро написал код, а теперь неделями переделываешь? 🙅🏼‍♂️ НЕ НАДО ТАК Бесплатный вебинар «Оверхэд или серебряная пуля? Чистая архитектура на реальных проектах». ⚡️Спикер Вячеслав Гагарин, Senior Software Engineer в Real Rocket спроектирует систему реального проекта с использованием чистой архитектуры. В программе: ▶️Как построить MVP приложения, который не нужно переделывать. ▶️ Как безболезненно и дёшево внедрять чистую архитектуру. ▶️ Как знание архитектурных подходов может ускорить процесс разработки и повысить продуктивность разработчиков. ▶️Как проводить архитектурные границы для упрощения поддержки кодовой базы проекта. В конце встречи — подарки🎁 ⏰ 4 июля в 14:00 👇👇👇👇 Занять место — через бота Реклама ООО «Слёрм» ИНН 3652901451 erid: 2VtzquzsRig