🔥‏Blob چیه و به چه دردی می‌خوره؟

‏Blob یه چیزی تو جاوااسکریپته که بهت اجازه می‌ده داده‌های باینری رو توی مرورگر مدیریت کنی. حالا این داده‌ها چی می‌تونن باشن؟ هر چیزی! مثلاً یه عکس، یه فایل صوتی، یه متن یا حتی یه ویدئو. خلاصه، Blob وقتی به درد می‌خوره که می‌خوای با این جور فایل‌ها سر و کله بزنی.

⚡️‏ چطوری Blob می‌سازیم؟

مثلاً می‌خوای یه فایل متنی کوچیک بسازی:

let blob = new Blob(["سلام دنیا!"], { type: 'text/plain' });

اینجا یه Blob ساختیم که توش یه رشته (متن) هست و نوعش رو هم گفتیم متنه. این نوع خیلی مهمه چون به مرورگر می‌فهمونه که با چه جور داده‌ای طرفه.

✔️‏ Blob چه خاصیت‌هایی داره؟

‏- `size`: اندازه Blob رو به بایت (مثلاً چند کیلوبایته) نشون می‌ده.
‏- `type`: نوع Blob رو نشون می‌ده که مثلاً این یه متن ساده‌ست، یه عکس یا هر چیز دیگه.

console.log(blob.size); // اندازه داده‌ها
console.log(blob.type); // نوع داده

چطور از Blob یه تیکه بگیریم؟

اگه بخوای از یه Blob فقط یه تیکه کوچیک بگیری، می‌تونی از متد slice استفاده کنی:

let part = blob.slice(0, 5, 'text/plain');
console.log(part.size); // 5 بایت اول از Blob اصلی رو گرفتیم

💎 ساختن Blob از داده‌های مختلف

می‌تونی از هر جور داده‌ای مثل آرایه، رشته و غیره Blob بسازی:

let arrayOfData = new Uint8Array([72, 101, 108, 108, 111]);
let blobFromData = new Blob([arrayOfData], { type: 'text/plain' });

لینک دانلود بسازیم!

یه مثال باحال دیگه اینه که از Blob یه لینک دانلود بسازی:

let blob = new Blob(["سلام دنیا!"], { type: 'text/plain' });
let url = URL.createObjectURL(blob);

let a = document.createElement('a');
a.href = url;
a.download = 'hello.txt';
document.body.appendChild(a);
a.click();

URL.revokeObjectURL(url); // یادت نره URL رو بعد از استفاده آزاد کنی

⭐️‏ خوندن داده‌های Blob

اگه بخوای بدونی داخل Blob چیه، می‌تونی از FileReader استفاده کنی:

let reader = new FileReader();

reader.onload = function(event) {
  console.log(event.target.result); // محتوای Blob رو به عنوان متن نشون می‌ده
};

reader.readAsText(blob);

💎 ترکیب Blob با آپلود فایل

فرض کن می‌خوای یه فایل رو آپلود کنی. می‌تونی Blob رو داخل FormData بذاری و ارسالش کنی:

let formData = new FormData();
formData.append('file', blob, 'hello.txt');

fetch('/upload', {
  method: 'POST',
  body: formData
});

خلاصه‌اش چیه؟

💥‏Blob تو جاوااسکریپت خیلی بدرد بخوره اگه بخوای با فایل‌های مختلف کار کنی. می‌تونی راحت ازش برای ساختن، خوندن و آپلود کردن فایل‌ها استفاده کنی.

#js #blob #api
☕️ @CodeExplore

دورهمی های کدماژول، قسمت هفتم

موضوع: بیتکوین و بلاکچین 💰

مهمان گفتگو: آقای کیهان علیزاده

زمان برگزاری: پنجشنبه (یکم شهریور)، ساعت ۱۰

بیتکوین و بلاکچین، همیشه در شبکه های اجتماعی و اینترنت این واژگان رو شنیدیم و معمولا بیشتر با مطالبی مربوط به قیمت و بازار همراه بوده. توی این میتینگ کمی فنی تر و عمیق تر به تکنولوژی بلاکچین، نحوه عملکردش و مشکلاتی که حل میکنه با محوریت بیتکوین میپردازیم، و تمام ابهامات شما رو بر طرف میکنیم.

فردا شب ساعت 10 این گفتگو و دورهمی رو از دست ندید‌(لینک میت رأس ساعت قرار میگیره)

@CodeModule

‏نیروهای بک‌اند در غذاخوری شرکت، چند دقیقه بعد از اینکه روی پروداکشن پوش کردن و سرور بالا نمیاد:

✅️ @SEYED_BAX | Joe

🔐 How does SSH work?

✔️ SSH (Secure Shell) is a network protocol used to securely connect to remote machines over an unsecured network. It encrypts the connection and provides various mechanisms for authentication and data transfer.

It has three main layers:


1️⃣ Transport Layer
The Transport Layer provides encryption, integrity, and data protection to ensure secure communication between the client and server.

2️⃣ Authentication Layer
The Authentication Layer verifies the identity of the client to ensure that only authorized users can access the server.

3️⃣ Connection Layer
The Connection Layer multiplexes the encrypted and authenticated communication into multiple logical channels.


➖➖➖➖➖➖
📚 Article: [here]
➖➖➖➖➖➖
#softwareEngineering #network


🖥 Follow @devDastan for more content.

با کتابخانه Ammo.js آشنا بشید 😎

‏Ammo.js یک کتابخانه فیزیک سه‌بعدیه که به زبان جاوااسکریپت نوشته شده و بر اساس Bullet Physics Engine، که یک موتور فیزیک مشهور و قدرتمنده، توسعه داده شده.

این کتابخانه به دولوپرا این امکان رو میده که فیزیک واقع‌گرایانه رو به بازی‌ها و برنامه‌های سه‌بعدی شون اضافه کنن. Ammo.js به ویژه برای پروژه‌های وب و بازی‌های تحت وب طراحی شده و به راحتی می‌تونه با کتابخانه‌هایی مثل Three.js و Babylon.js ترکیب بشه.

ویژگی‌های خاص کتابخانه Ammo.js ⬇️

◀️فیزیک واقع‌گرایانه: Ammo.js از الگوریتم‌های پیشرفته‌ای برای شبیه‌سازی فیزیک استفاده می‌کنه که شامل برخوردها، گرانش، و داینامیک اجسامه.

◀️پشتیبانی از اشکال مختلف: این کتابخانه می‌تونه با اشکال هندسی مختلف (مثل مکعب، کره، و ...) کار کنه و همچنین از اشکال پیچیده‌تر هم پشتیبانی می‌کنه.

◀️سیستم برخورد: Ammo.js دارای یک سیستم برخورد قویه که می‌تونه چندین جسم رو به طور همزمان مدیریت کنه و برخوردهارو به دقت شبیه‌سازی کنه.

◀️داینامیک اجسام: این کتابخانه امکان شبیه‌سازی داینامیک اجسام سخت و نرم رو فراهم می‌کنه، به طوری که میشه رفتارهای مختلفی رو برای اجسام مختلف تعریف کرد.

◀️سازگاری با وب: Ammo.js به راحتی با مرورگرها کار می‌کنه و می‌تونه در پروژه‌های تحت وب بدون نیاز به نصب نرم‌افزار اضافی استفاده شه.

◀️توسعه‌ی بازی‌های سه‌بعدی: در کنار کتابخانه‌هایی مثل Three.js می‌تونه برای ایجاد بازی‌های سه‌بعدی با فیزیک واقع‌گرایانه مورد استفاده قرار بگیره.

کتابخانه Ammo.js با ویژگی‌هایی مثل شبیه‌سازی دقیق برخوردها، پشتیبانی از انواع اشکال، و قابلیت ادغام آسون با باقی کتابخانه‌ها، گزینه‌ای عالی برای ایجاد بازی‌ها و برنامه‌های تعاملیه. با توجه به مزایای متعددش، از جمله عملکرد بالا و پشتیبانی از جامعه، Ammo.js می‌تونه به عنوان یک انتخاب مناسب برای هر توسعه‌دهنده‌ای که به دنبال افزودن فیزیک به پروژه‌های خود هست، در نظر گرفته بشه.

برای یادگیری این کتابخانه میتونید به داکیومنتش مراجعه کنید.

Document 🌕

#js #library
@CodeModule