Javascript
ΠΠΎ Π²ΡΠ΅ΠΌ Π²ΠΎΠΏΡΠΎΡΠ°ΠΌ - @workakkk @itchannels_telegram -π₯Π»ΡΡΡΠΈΠ΅ ΠΠ’-ΠΊΠ°Π½Π°Π»Ρ @ai_machinelearning_big_data - ΠΌΠ°ΡΠΈΠ½Π½ΠΎΠ΅ ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅ @JavaScript_testit- js ΡΠ΅ΡΡΡ @pythonl - π @ArtificialIntelligencedl - AI @datascienceiot - ml π Π ΠΠ: β 5153160945
Ko'proq ko'rsatishπ Telegram kanali Javascript analitikasi
Javascript (@javascriptv) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 16 758 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 7 718-o'rinni va Rossiya mintaqasida 39 165-o'rinni egallagan.
π Auditoriya koβrsatkichlari va dinamika
Π½Π΅Π²ΡΠ΄ΠΎΠΌΠΎ sanasidan buyon loyiha tez oβsib, 16 758 obunachiga ega boβldi.
30 Oktabr, 2026 dagi oxirgi maβlumotlarga koβra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -215 ga, soβnggi 24 soatda esa -4 ga oβzgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya oβrtacha 11.30% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 5.27% ini tashkil etuvchi reaksiyalarni toβplaydi.
- Post qamrovi: Har bir post oβrtacha 1 894 marta koβriladi; birinchi sutkada odatda 883 ta koβrish yigβiladi.
- Reaksiyalar va oβzaro taβsir: Auditoriya faol: har bir postga oβrtacha 15 ta reaksiya keladi.
- Tematik yoβnalishlar: Kontent javascript, github, Π±ΠΈΡΡΠΈΠΊΡ24, api, css kabi asosiy mavzularga jamlangan.
π Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida taβriflaydi:
βΠΠΎ Π²ΡΠ΅ΠΌ Π²ΠΎΠΏΡΠΎΡΠ°ΠΌ - @workakkk
@itchannels_telegram -π₯Π»ΡΡΡΠΈΠ΅ ΠΠ’-ΠΊΠ°Π½Π°Π»Ρ
@ai_machinelearning_big_data - ΠΌΠ°ΡΠΈΠ½Π½ΠΎΠ΅ ΠΎΠ±ΡΡΠ΅Π½ΠΈΠ΅
@JavaScript_testit- js ΡΠ΅ΡΡΡ
@pythonl - π
@ArtificialIntelligencedl - AI
@datascienceiot - ml π
Π ΠΠ: β 5153160945β
Yuqori yangilanish chastotasi (oxirgi maβlumot 31 Oktabr, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli boβlib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim taβsir nuqtasiga aylantirishini koβrsatadi.
npm install deck.gl
deck.gl β ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠΉ Π½Π° TS ΠΈ JS; ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½ Π΄Π»Ρ ΡΠΏΡΠΎΡΠ΅Π½ΠΈΡ ΡΠ»ΠΎΠΆΠ½ΠΎΠΉ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π±ΠΎΠ»ΡΡΠΈΡ
ΠΌΠ°ΡΡΠΈΠ²ΠΎΠ² Π΄Π°Π½Π½ΡΡ
Π½Π° Π±Π°Π·Π΅ WebGPU/WebGL2.
deck.gl ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π±ΡΡΡΡΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π²ΠΏΠ΅ΡΠ°ΡΠ»ΡΡΡΠΈΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ Ρ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΌΠΈ ΡΡΠΈΠ»ΠΈΡΠΌΠΈ β Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ»ΠΎΠΈ, ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΡ Π°ΡΡ
ΠΈΡΠ΅ΠΊΡΡΡΡ deck.gl.
deck.gl ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π΄Π°Π½Π½ΡΠ΅ (ΠΎΠ±ΡΡΠ½ΠΎ ΡΡΠΎ ΠΌΠ°ΡΡΠΈΠ²Ρ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² JSON) Π² Π²ΠΈΠ΄Π΅ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ
ΡΠ»ΠΎΡΠ²: Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΏΠΎΠ»ΠΈΠ³ΠΎΠ½ΠΎΠ², ΡΠ΅ΠΊΡΡΠΎΠ²
π₯ GitHub
π‘ ΠΠΎΠΊΠΈ
@javascriptvnpm install --save atrament
Atrament β ΡΡΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° JavaScript Π΄Π»Ρ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΡΡΠΊΠΎΠΏΠΈΡΠ½ΠΎΠ³ΠΎ Π²Π²ΠΎΠ΄Π° Π½Π° HTML-Ρ
ΠΎΠ»ΡΡΠ΅.
Π¦Π΅Π»Ρ Atrament β ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π±ΡΠ»ΠΎ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ ΠΈ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΡΠΌ, Π° ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ β ΠΏΠ»Π°Π²Π½ΡΠΌ ΠΈ ΠΏΡΠΈΡΡΠ½ΡΠΌ.
Atrament Π½Π΅ Ρ
ΡΠ°Π½ΠΈΡ ΠΊΠΎΠ½ΡΡΡΡ ΡΡΡΠΈΡ
ΠΎΠ² β Π²ΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΎΠ½ ΡΠΈΡΡΠ΅Ρ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π½Π° ΡΠ°ΡΡΡΠΎΠ²ΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ Ρ
ΠΎΠ»ΡΡΠ°, ΠΊΠ°ΠΊ ΡΠ΅ΡΠ½ΠΈΠ»ΡΠ½Π°Ρ ΡΡΡΠΊΠ° Π½Π° Π»ΠΈΡΡΠ΅ Π±ΡΠΌΠ°Π³ΠΈ.
π₯ GitHub
@javascriptvgit 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 ΠΎΠ½Π»Π°ΠΉΠ½
@javascriptvscikit-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
π Π Π΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ
@javascriptvnpm install --save-exact --save-dev esbuild
esbuild β ΡΡΠΎ ΡΡΠ΅Π·Π²ΡΡΠ°ΠΉΠ½ΠΎ Π±ΡΡΡΡΡΠΉ Π±Π°Π½Π΄Π»Π΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΡΠΊΠΎΡΠΈΡΡ ΡΠ±ΠΎΡΠΊΡ Π² 10-100 ΡΠ°Π·.
ΠΠΎΠ΄ΡΠ»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΈΡΠ°ΡΡ ΠΈ Π½Π° JavaScript ΠΈ Π½Π° Go.
π₯ GitHub
π‘ ΠΠΎΠΊΠΈ
π‘ ΠΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅
@javascriptvmeteor 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
@javascriptvColorElement ΠΈ 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
@javascriptvnpm install cytoscape
Cytoscape.js ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π³ΡΠ°ΡΡ ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Ρ Π½ΠΈΠΌΠΈ.
ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π»Π΅Π³ΠΊΠΎ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΡΠ΅ΡΡΡ Π² ΡΠ°Π·Π½ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΊΠ°ΠΊ desktop-Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΡΠ°ΠΊ ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠ΅.
Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Cytoscape.js Π² headless-ΡΠ΅ΠΆΠΈΠΌΠ΅ Π΄Π»Ρ Π°Π½Π°Π»ΠΈΠ·Π° Π³ΡΠ°ΡΠΎΠ² Π² ΡΠ΅ΡΠΌΠΈΠ½Π°Π»Π΅ ΠΈΠ»ΠΈ Π½Π° Π²Π΅Π±-ΡΠ΅ΡΠ²Π΅ΡΠ΅.
π₯ GitHub
π‘ ΠΡΠΈΠΌΠ΅ΡΡ Π³ΡΠ°ΡΠΎΠ²
@javascriptvnpm install effect
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ Effect:
β ΠΠ°ΡΡΡΠ°Π±ΠΈΡΡΠ΅ΠΌΠΎΡΡΡ. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²ΡΡΠΎΠΊΠΎΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΡΠ΅ΠΌΡΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ Π½ΠΈΠ·ΠΊΠΎΠΉ Π·Π°Π΄Π΅ΡΠΆΠΊΠΎΠΉ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ ΠΎΡΠΎΠ±ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΏΠ°ΡΠ°Π»Π»Π΅Π»ΠΈΠ·ΠΌΠ° Effect.
β ΠΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½Π½ΠΎΡΡΡ. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ, ΡΠΈΡΠ°Π΅ΠΌΠΎΠ³ΠΎ ΠΈ Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ ΠΠ Π·Π° ΡΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ
ΠΌΠ½ΠΎΠ³ΠΎΠΊΡΠ°ΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ
ΡΡΡΠΎΠΈΡΠ΅Π»ΡΠ½ΡΡ
Π±Π»ΠΎΠΊΠΎΠ².
β ΠΠ΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΡ ΡΠ΅ΡΡΡΡΠΎΠ². ΠΠ΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΠ΅ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΅ΡΡΡΡΠ°ΠΌΠΈ Π΄Π°ΠΆΠ΅ ΠΏΡΠΈ ΡΠ±ΠΎΡΡ
Π² ΡΠ°Π±ΠΎΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
β ΠΠ΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΡ ΡΠΈΠΏΠΎΠ². ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΈΡΡΠ΅ΠΌΡ ΡΠΈΠΏΠΎΠ² TypeScript ΠΏΠΎ ΠΌΠ°ΠΊΡΠΈΠΌΡΠΌΡ, ΡΠ΄Π΅Π»ΡΡ ΠΎΡΠΎΠ±ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π²ΡΠ²ΠΎΠ΄Ρ ΡΠΈΠΏΠΎΠ² ΠΈ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΠΈ ΡΠΈΠΏΠΎΠ² Π² Effect.
β ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΎΡΠΈΠ±ΠΎΠΊ. ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΠΎΡΠΈΠ±ΠΊΠ°ΠΌΠΈ ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎ ΠΈ Π½Π°Π΄Π΅ΠΆΠ½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ Π² Effect Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΎΡΠΈΠ±ΠΎΠΊ.
π₯ GitHub
π‘ ΠΠΎΠΊΠΈ
@javascriptvgit clone https://github.com/tagspaces/tagspaces.git
cd tagspaces
git checkout develop
npm install
TagSpaces β ΡΡΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ TypeScript Π΄Π»Ρ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ, Π°Π½Π½ΠΎΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΠΌΠΈ ΡΠ°ΠΉΠ»Π°ΠΌΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ². Π Π½Π΅ΠΌ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠ½ΠΊΡΠΈΠΉ Π²Π΅Π΄Π΅Π½ΠΈΡ Π·Π°ΠΌΠ΅ΡΠΎΠΊ
Π’Π°ΠΊΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π² Π²ΠΈΠ΄Π΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡ Web Clipper Π΄Π»Ρ Firefox ΠΈ Chrome Π΄Π»Ρ ΡΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ ΡΠΎΡ
ΡΠ°Π½Π΅Π½ΠΈΡ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ
π₯ GitHub
π‘ Π‘ΡΡΠ°Π½ΠΈΡΠΊΠ° TagSpaces
@javascriptv