Javascript
18.1K subscribers
770 photos
109 videos
2 files
1.19K links
По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
🖥 Embla Carousel — лёгкая JS библиотека для создания каруселей

Embla Carousel — это свободная от зависимостей легкая JS библиотека. Поможет решить самые сложные проблемы, связанные с созданием каруселей; имеет легко расширяемый API и плагины.
Embla Carousel работает во всех современных браузерах.

🖥 GitHub
🟡 Доки
🟡 Примеры

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 drei — пополняющаяся коллекция функциональных, готовых абстракций для react-three-fiber

npm install @react-three/drei

Здесь можно найти компоненты для самых разных кейсов.

🖥 GitHub
🟡 Сами компоненты

@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
🖥 Это интресно: запущен новый сервис Websim, который позволяет генерировать любые сайты буквально одним нажатием кнопки.

Всё, что нужно сделать, — ввести название сайта и нажать кнопку «Отправить».

Встроенные нейросети Claude и ChatGPT позаботятся обо всём остальном. Уровень возможностей впечатляет: пользователям уже удалось создать клон Minecraft и даже рабочий сайт для генерации 18+ изображений.

И самое удивительное — всё это работает бесплатно. ⚡️Попробовать можно здесь: https://websim.ai/

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Hono — простой сверхбыстрый фреймворк для Edges

npm create hono@latest

Hono работает в любой среде выполнения JavaScript: Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, AWS Lambda, Lambda@Edge и Node.js

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 docsify — классный JS генератор сайтов с документацией

npm i docsify

docsify создает сайт документации буквально на лету. В отличие от GitBook, он не генерирует статичные html-файлы. Вместо этого он с умом загружает и разбирает файлы в формате Markdown и потом отображает их в виде веб-сайта.

Чтобы начать использовать docsify, достаточно создать index.html и развернуть его на GitHub Pages.

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔤🔤 Интересный проект: энтузиаст создал бесплатный клон After Effects!

И что самое крутое - работает прямо в браузере, бесплатно и даже без регистрации. Интерфейс похож на After Effects, и все функции находятся на привычных местах. Один энтузиаст сумел превзойти всю Adobe!

Попробовать можно здесь: https://pikimov.com/

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 OpenUI5 — open-source JS фреймворк, который позволяет создавать веб-приложения корпоративного уровня

npm i @openui5/sap.f

Если кто вдруг не знает, есть классный фреймворк JavaScript — OpenUI5 с массой полезных возможностей
Вот некоторые из них:
— богатая библиотека визуальных компонентов
— возможность расширять стандартные компоненты и писать свои
— поддержка MVC, причем View может быть объявлен как HTML, XML, JSON или Javascript
— модели данных (oData, XML, JSON) и их привязка к визуальным компонентам
— поддержка HTML шаблонов

🖥 GitHub
🟡 Доки
🟡 Пример веб-приложения

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 EmberData — лёгкая библиотека для управления данными в веб-приложениях

pnpm add ember-data

EmberData позволяет управлять данными в приложении с помощью масштабируемых шаблонов

Некоторые особенности EmberData и её шаблонов:
— упор на производительность и компактность
— поддержка Typescript
— поддержка любых API: GraphQL, JSON:API, REST, tRPC — всего, что угодно

🖥 GitHub
🟡 Доки

@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
🖥 Красивая 3D карусель для изображений на HTML, CSS и JavaScript

Вот весь код:
🖥 GitHub

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 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
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 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
🖥 Oruga — легкая библиотека компонентов UI для Vue.js без CSS-зависимостей

npm install @oruga-ui/oruga-next

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

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

🖥 GitHub
🟡 Доки

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM