🖥 LlamaIndex.TS — фреймворк TypeScript, который предоставляет возможности LlamaIndex для Node.js, Vercel Edge Functions и Deno

LlamaIndex.TS отлично подходит для таких применений:

— извлечение данных: преобразование сырых данных в структурированные и стандартизированные форматы

— RAG: ответы на запросы по внутренним данным путем предоставления LLM контекста из документов и файлов

— автономные агенты: создание агентов для выполнения задач в интерактивном, неконтролируемом режиме

🖥 GitHub
🟡 Доки

@javascriptv

Читать полностью…

🧭 Анимированный компас вышел из строя и не может найти, где находится страница.

#анимация #страница404 #js

https://codepen.io/AustinBan/pen/yJJVEm

@javascriptv

Читать полностью…

Можно ли за 4 года стать хорошим фулстек-разработчиком с дипломом престижного вуза, готовым портфолио и сильной теоретической базой? В совместном онлайн-бакалавриате НИУ ВШЭ и Нетологии «Программные системы и автоматизация процессов разработки» готовят как раз таких специалистов.

На первых курсах вы изучите базовые математические и гуманитарные предметы, основы программирования и профильные дисциплины по фулстек-разработке. А с третьего курса выберете углублённый трек: руководитель командой разработки или DevOps-инженер. По итогу обучения освоите 4 языка программирования: Java, Python, JavaScript, Go.

Вас ждёт сильное студенческое комьюнити, постоянная практика, хакатоны и стажировки.
А ещё — все бонусы очной формы обучения: отсрочка от армии, льготы на проезд, доступ к библиотеке, привилегии при посещении театров, льготный кредит на образование.

Получите диплом, который поможет строить карьеру в сильных IT-командах.

Подробнее: https://netolo.gy/dmT6

Реклама. ООО "Нетология". Erid 2VSb5yBs6px

Читать полностью…

С каждым годом собеседования в IT становятся всё сложнее. Пора начать готовиться к ним правильно!

Мы — сообщество «Собесит», и мы помогаем успешно проходить собеседования в IT для Java, GO, QA, ML, Python и других программистов. У нас есть бесплатная база реально пройденных и актуальных собеседований из крупных компаний в видеоформате с документациями, от Junior до Team Lead позиций, которые ты можешь использовать прямо сейчас.

Запускай нашего бесплатного бота и готовься к собеседованиям с умом!

Начни подготовку сегодня и сделай шаг к жирному офферу!

erid: LjN8KCMvF

Читать полностью…

С каждым годом собеседования в IT становятся всё сложнее. Пора начать готовиться к ним правильно!

Мы — сообщество «Собесит», и мы помогаем успешно проходить собеседования в IT для Java, GO, QA, ML, Python и других программистов. У нас есть бесплатная база реально пройденных и актуальных собеседований из крупных компаний в видеоформате с документациями, от Junior до Team Lead позиций, которые ты можешь использовать прямо сейчас.

Запускай нашего бесплатного бота и готовься к собеседованиям с умом!

Начни подготовку сегодня и сделай шаг к жирному офферу!

erid: LjN8KCMvF

Читать полностью…

64 бита на хранение числа в JavaScript разбивают на три промежутка: 1B для хранения знака,11 бит для экспоненты со смещением. А знаете, для чего предназначены ещё 52 бита? Об этом и в целом о работе с данными в JavaScript — новая серия открытого курса AvitoTech.

5 лекций уже доступны к просмотру. Так что если вы хотели освоить азы фронтенд-разработки, самое время учиться у лучших. Тем более, это бесплатно.

Читать полностью…

👾 Sturdy-Doodle

это красивый веб-сайт портфолио с открытым исходным кодом, созданный с использованием HTML, CSS и JavaScript. Его можно адаптировать под собственные нужды.

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

Основной код написан на JavaScript, с дополнительными компонентами на HTML, CSS, PLSQL и GDScript.

▪ Github

@javascriptv

Читать полностью…

🖥 chatgpt.js — мощная open-source библиотека JavaScript для ChatGPT

— npm install @kudoai/chatgpt.js

chatgpt.js — это клиентская JS-библиотека, позволяющая легко взаимодействовать с DOM ChatGPT.
Библиотека chatgpt.js — многофункциональная, объектно-ориентированная, простая в использовании и производительная

🖥 GitHub
🟡 Страничка chatgpt.js

@javascriptv

Читать полностью…

🖥 deck.gl — фреймворк для визуализации с поддержкой WebGL2

— npm install deck.gl

deck.gl — фреймворк, написанный на TS и JS; разработан для упрощения сложной визуализации больших массивов данных на базе WebGPU/WebGL2.

deck.gl позволяет быстро получить впечатляющие результаты с минимальными усилиями — для этого можно комбинировать существующие слои, или использовать расширяемую архитектуру deck.gl.

deck.gl отображает данные (обычно это массивы объектов JSON) в виде визуальных слоёв: например, иконок, полигонов, текстов

🖥 GitHub
🟡 Доки

@javascriptv

Читать полностью…

🖥 Простая JS-библиотека для создания области для рисования

— npm install --save atrament

Atrament — это библиотека JavaScript для рисования и рукописного ввода на HTML-холсте.
Цель Atrament — сделать так, чтобы рисование было естественным и комфортным, а результат — плавным и приятным.

Atrament не хранит контуры штрихов — вместо этого он рисует непосредственно на растровом изображении холста, как чернильная ручка на листе бумаги.

🖥 GitHub

@javascriptv

Читать полностью…

Начните карьеру фронтенд-разработчика с Hexlet!

Хотите стать мастером создания современных веб-интерфейсов? Пройдите курс фронтенд-разработки и за 10 месяцев овладейте всеми необходимыми навыками, от HTML и CSS до JavaScript и React.

🎁🌴 А до 31 июля вас ждет специальное предложение - скидка до 55 000 р. и второй курс в подарок!

Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений. Вы будете работать над реальными проектами, создадите портфолио и получите поддержку опытных менторов. А во время обучения вы также поучаствуете в Карьерном треке!

Пройдите 5 бесплатных уроков, чтобы понять, насколько интересен этот путь, и получите скидку на дальнейшее обучение.

Читать полностью…

🖥 esbuild — очень быстрый инструмент для сборки фронтенда

— npm install --save-exact --save-dev esbuild

esbuild — это чрезвычайно быстрый бандлер, который позволяет ускорить сборку в 10-100 раз.
Модули можно писать и на JavaScript и на Go.

🖥 GitHub
🟡 Доки
🟡 Попробовать в браузере

@javascriptv

Читать полностью…

🖥 Релиз PeerTube 6.2, реализованного на AngularJS

16 июля 2024 года состоялся релиз новой стабильной версии открытого пирингового видеохостинга PeerTube 6.2.

Проект PeerTube — это стриминговая платформа на своём хостинге с поддержкой P2P (использует сеть распространения контента на базе P2P-коммуникаций и связывания между собой браузеров посетителей) для альтернативы YouTube, Dailymotion, Vimeo и Twitch. Разработчиком PeerTube является французская некоммерческая организация Framasoft.

Чтобы выложить видеоролик в PeerTube для всеобщего просмотра, нужно поднять у себя на компьютере инстанс PeerTube. Доступен официальный контейнер Docker. Коммуникация с другими серверами в PeerTube осуществляется по ActivityPub, что позволяет пользователям подписываться на каналы из других инстансов, а также серверов с поддержкой Mastodon, Pleroma и ActivityPub.

В настоящее время в децентрализованной системе PeerTube доступны более тысячи инстансов, а также работает поисковая система Sepia Search.

🖥 PeerTube 6.2 опубликован на GitHub под лицензией AGPLv3.
🟡 Доки

@javascriptv

Читать полностью…

🖥 Релиз MeteorJS 3.0

meteor update --release 3.0-rc.0
meteor reset

Над данным релизом работа началась примерно в середине 2021 года (обсуждение на github). Основной целью было избавиться от Fibers, т.к. это мешало обновить версию NodeJS до стабильной. Да, метеор был привязан к версии NodeJS 14 последние 3 года!

Что нового?
— Обновили документацию;

— Вместо Fibers теперь используются async методы;

— Вся работа с БД осуществляется через асинхронное API;

— Методы стали асинхронными;

— NodeJS обновлена до 20;

— Добавлена поддержка ARM на Linux;

— Обновлено много пакетов, чтобы поддержать асинхронное API.

Для релиза было сделано 160 задач

🖥 GitHub

@javascriptv

Читать полностью…

⚡️ A,B,C,D.. - Крутая анимация текста. Повторить такую можно с помощью SCSS и библиотеки GSAP.js

1. Импорт библиотек и стилей:
- @import используется для импорта стилей из внешних источников.
- Здесь импортируются стили для создания 3D-текстового эффекта и используются шрифты из Google Fonts.

2. Настройка переменных:
- Устанавливаются глобальные CSS-переменные, которые определяют базовый размер шрифта для текста.

3. Определение структуры страницы:
- Определяются стили для корневого элемента HTML и тела страницы, устанавливается перспектива для трехмерных трансформаций.
- Создаются элементы контейнера для текста, его теней и частиц.

4. Стили и анимации:
- Определяются стили для элементов контейнера и частиц.
- Разные стили и цветовые схемы определяются для разных стилей текста.

5. Импорт библиотек и регистрация плагина анимации:
- Здесь импортируется компонент Those3DTexts из библиотеки "that-3d-text-library".
- Импортируется библиотека анимации gsap (GreenSock Animation Platform) и ее плагин MotionPathPlugin, который используется для анимации движения по пути.

Общий результат кода - это страница с анимированным 3D-текстовым эффектом, который визуально представляет букву "A", а также имеет интересные анимационные эффекты и частицы. Эффект и его визуальное оформление меняются с течением времени благодаря анимации "подпрыгивания" и смене стилей.


📌 Ссылка

@javascriptv

Читать полностью…

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем уже завтра.

Читать полностью…

🖥 98.js — интересный проект на JavaScript, который эмулирует Windows 98 в браузере

Интересные особенности 98.js:
— можно делать Drag & Drop своих локальных файлов на рабочий стол; при этом файлы будут сохранены в виртуальной файловой системе

— можно загружать свои темы Windows; многие из них находятся в папке Themes на рабочем столе

— тщательная детализация во многих областях, чтобы всё работало как в настоящем Windows 98

🖥 GitHub
🟡 98.js.org

@javascriptv

Читать полностью…

🤖🧠 Проект chatgpt-web-midjourney-proxy на GitHub — это прокси-сервер для интеграции возможностей ChatGPT в веб-приложения.

Это позволяет разработчикам легко включать искусственный интеллект ChatGPT в свои проекты. Интересно, не правда ли, как можно расширять возможности чат-ботов?

Последнее обновление вышло всего три дня назад, а текущая версия проекта — v2.19.6.

📍Github
📍Readme на русском

#js #javascript #nodejs #chatgpt #midjourney #proxy

@javascriptv

Читать полностью…

🌲 Хорошая идея для пет-проекта — 3D-модель дерева, которую можно изменять при помощи разных параметров

▪ Github

@javascriptv

Читать полностью…

🖥 TinyBase — реактивное хранилище данных для локальных приложений

npx tiged tinyplex/vite-tinybase my-tinybase-app`
cd my-tinybase-app
npm install
npm run dev

TinyBase позволяет мгновенно видеть изменения, вносимые в любую часть ваших данных.
Это означает, что веб-приложение с TinyBase будет работать быстро, поскольку рендерится только на то, что меняется.

🖥 GitHub
🟡 Доки
🟡 Презентация с iJS по TinyBase

@javascriptv

Читать полностью…

🌟 DynamicForms - Умные формы для веб-приложений на JavaScript

Мы рады представить DynamicForms — инновационное решение для создания интерактивных форм на веб-сайтах и в веб-приложениях. Этот проект с открытым исходным кодом использует мощь JavaScript для создания адаптивных и умных форм, которые подстраиваются под потребности пользователя.

Что делает DynamicForms уникальным?

Интерактивные поля: Формы автоматически изменяются в зависимости от ввода пользователя, предлагая дополнительные поля и опции по мере необходимости.

Проверка данных в реальном времени: Валидация вводимых данных происходит на лету, обеспечивая мгновенную обратную связь и предотвращая ошибки.

Интуитивно понятный интерфейс: Пользовательский интерфейс продуман до мелочей, чтобы обеспечить максимальную удобство заполнения форм.

Проект создан с использованием JavaScript для логики и динамики, HTML и CSS для структуры и стиля, а также интегрируется с API для расширенных функций и возможностей.

🔗 GitHub

@javascriptv

Читать полностью…

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

Машинное обучение: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Devops: t.me/devOPSitsec
АНАЛИЗ Данных: 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: /channel/addlist/2Ls-snqEeytkMDgy
C++ папка: /channel/addlist/CdBs5DLepLJmZjY6
C# папка: /channel/addlist/u15AMycxRMowZmRi
Java папка: /channel/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: /channel/addlist/mzMMG3RPZhY2M2Iy
Linux папка: /channel/addlist/w4Doot-XBG4xNzYy

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

📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy

Арихив бесплатных ит-курсов: /channel/+-YDHdeS5EEs3MDNi

Читать полностью…

⚡️ Toolfolio

Вышел мощный плагин для стильной записи экрана, который пригодится всем!

Плагин оснащен множеством функций: рисуйте стрелки, увеличивайте курсор, добавляйте эффекты и записывайте видео с вашим лицом в кружочке. Встроенный видеоредактор тоже на месте.

И самое главное — всё это абсолютно БЕСПЛАТНО.

https://screenity.io/en/

@javascriptv

Читать полностью…

🛢 В мире, где данные — новая нефть, растёт спрос на дата-инженеров. Ведь именно они знают, как такую нефть добывать, обрабатывать и хранить. И пока компании осознают потребность в этих специалистах, конкуренция на рынке низкая, а зарплаты — высокие.

Освоить ключевые компетенции дата-инженера поможет онлайн-магистратура Нетологии и НИУ ВШЭ «Инженерия данных». За 2 года вы на практике изучите Python, Java, Scala, Kotlin и SQL, научитесь проектировать пайплайны и обрабатывать данные, работать с системами хранения данных и базами данных в облаке. Программа даёт широкий простор для переквалификации, поэтому после учёбы сможете перейти в MLOps, DevOps или менеджмент.

Онлайн-формат позволяет учиться без отрыва от привычной жизни и совмещать занятия с работой. При этом у вас будет отсрочка от армии, льготы на проезд и все остальные бонусы очного обучения.

Станьте магистром программной инженерии с дипломом одного из лучших вузов страны и получите веское преимущество при приёме на работу: https://netolo.gy/dlaM

Реклама. ООО "Нетология". Erid 2VSb5wsiA32

Читать полностью…

🖥 Parca — инструмент на TypeScript для профилирования запущенных приложений и не только

git clone https://github.com/parca-dev/parca.git
cd parca
make build
./bin/parca

Parca позволяет визуализировать нагрузку на процессор, использование памяти и других ресурсов

Быстрый старт с Docker:

docker run --rm -p 7070:7070 ghcr.io/parca-dev/parca:v0.21.0 /parca

🖥 GitHub
🟡 Доки
🟡 Посмотреть работу Parca онлайн

@javascriptv

Читать полностью…

⚛️ Netron — это инструмент для просмотра моделей нейронных сетей, глубокого обучения и машинного обучения.

Netron поддерживает как наиболее популярные фреймворки глубокого обучения – Keras и PyTorch – так и менее известные, и даже scikit-learn.

Установка в виде сервера для python производится стандартным образом через pip. Также можно установить netron в виде отдельной программы командой.

winget install -s winget netron
(для Windows) или
snap install netron
(для Linux).

Он поддерживает форматы ONNX, TensorFlow Lite, Core ML, Keras, Caffe, Darknet, MXNet, PaddlePaddle и другие. Netron также экспериментально поддерживает PyTorch, TorchScript, TensorFlow, OpenVINO и другие.

Установка:
- macOS: .dmg файл или brew install --cask netron
- Linux: .AppImage файл или snap install netron
- Windows: .exe установщик или winget install -s winget netron
- Браузер: Веб-версия
- Python Server: pip install netron и netron [FILE] или netron.start('[FILE]')

Примеры моделей:
- ONNX: squeezenet
- TensorFlow Lite: yamnet
- Keras: mobilenet
- TorchScript: traced_online_pred_layer

📌 Репозиторий

@javascriptv

Читать полностью…

AvitoTech выпустили бесплатный видеокурс по JavaScript, и четвёртый эпизод уже доступен к просмотру.

В новом выпуске вы узнаете про устройство и размер памяти программы, стек и кучу, Oddball и иммутабельные примитивы. Это поможет создавать эффективные программы, которые оптимально используют память.

Не забудьте подписаться на канал, чтобы не пропустить следующие выпуски.

Читать полностью…

Офер в Яндекс для опытных фронтендеров за два дня

24–25 августа приглашаем фронтендеров с опытом работы от четырёх лет получить офер в Яндекс через multitrack за 2 дня. Достаточно решить задачи онлайн до 20 августа и пройти несколько технических секций 24 августа, чтобы уже 25-го получить офер и выбрать три команды, к которым вам было бы интересно присоединиться.

Как правило, за несколько собеседований сложно понять, подходит ли вам команда и наоборот. Multitrack позволит вам поработать в трёх разных командах Яндекса и выбрать подходящую. Вы сможете погрузиться в рабочие процессы, познакомиться с будущими коллегами и понять, с какими задачами и технологиями хотите работать.

Узнать подробности и зарегистрироваться.

Читать полностью…

🎨 50 оттенков... - Интерактивная палитра цветов, для реализации которой понадобится CSS и JavaScript.

Переключатели цвета с анимацией перехода между двумя выбранными цветами. Код основан на JavaScript и не использует сторонних фреймворков или библиотек.

С помощью данного кода можно создать интерактивные переключатели цвета на веб-странице, которые позволяют пользователям легко выбирать начальный и конечный цвета, а также регулировать количество промежуточных цветов для создания плавных переходов.

Ключевые компоненты и функциональность кода:

1. Классы ColorElement и ColorElementInput:
Они представляют элементы цвета и текстовые поля выбора цвета соответственно. Классы обновляют значение цвета элементов и отображают его на странице с помощью CSS-свойств.

2. Класс DragSpaceDetector:
Позволяет пользователю перетаскивать целевой цвет (последний элемент переключателя) и изменять количество промежуточных цветов, отображаемых в переключателе.

3. Класс TransitionColorPicker:
Он объединяет предыдущие классы и управляет созданием переключателей цвета. Класс обновляет промежуточные цвета в зависимости от количества и отображает их в контейнере. При выборе нового цвета контейнер с промежуточными цветами очищается, и затем обновляется с новым количеством промежуточных цветов, создавая плавные переходы между начальным и конечным цветами.

4. Метод Array.from(document.querySelectorAll('.transition-color-picker')).map(...):
Этот метод ищет все элементы с классом "transition-color-picker" на странице и для каждого элемента создает объект TransitionColorPicker, активируя переключатели цвета на странице.

Таким образом, код является отличным примером интерактивных переключателей цвета и может помочь разобраться в различных аспектах разработки веб-приложений, особенно в работе с DOM, обработке событий, создании пользовательских интерфейсов и анимации.


https://codepen.io/tahazsh/pen/zYMwEXp

@javascriptv

Читать полностью…

🖥 Effect — фреймворк TypeScript, который предоставляет полноценную систему эффектов с богатой стандартной библиотекой

— npm install effect

Особенности Effect:
— Масштабируемость. Создание высокомасштабируемых приложений с низкой задержкой благодаря особой модели параллелизма Effect.

— Композиционность. Создание легко поддерживаемого, читаемого и гибкого ПО за счет использования небольших многократно используемых строительных блоков.

— Безопасность ресурсов. Безопасное управление ресурсами даже при сбоях в работе программы.

— Безопасность типов. Позволяет использовать систему типов TypeScript по максимуму, уделяя особое внимание выводу типов и безопасности типов в Effect.

— Обработка ошибок. Позволяет работать с ошибками структурированно и надежно, используя встроенные в Effect возможности обработки ошибок.

🖥 GitHub
🟡 Доки

@javascriptv

Читать полностью…