انضم إلى #مجرة — مجتمع المطوّرين ومستجدّات التقنية!
اكتشف أحدث المقالات والأدوات وشارك خبراتك مع مطوّرين من كل مكان.
———
https://majara.dev/register?ref=alisamir
اكتشف أحدث المقالات والأدوات وشارك خبراتك مع مطوّرين من كل مكان.
———
https://majara.dev/register?ref=alisamir
❤2
🍪 CookieStore API offers a modern, promise-based way to read, write, update, and delete cookies, all without parsing strings manually.
It brings,
✅ Async operations
✅ Structured data
✅ Service worker support
Learn more 👇
https://developer.mozilla.org/en-US/docs/Web/API/CookieStore
It brings,
✅ Async operations
✅ Structured data
✅ Service worker support
Learn more 👇
https://developer.mozilla.org/en-US/docs/Web/API/CookieStore
MDN Web Docs
CookieStore - Web APIs | MDN
The CookieStore interface of the Cookie Store API provides methods for getting and setting cookies asynchronously from either a page or a service worker.
❤5
مفهوم الـ WebAssembly ⚡️
.
.
تخيل معايا كده إنك عايز تكتب برنامج بيشتغل في المتصفح، بس البرنامج ده تقيل شوية… زي لعبة فيها جرافيكس عالية، أو برنامج بيعدل صور وفيديوهات، أو حتى تطبيق علمي بيعمل حسابات معقدة.
عادة في الحالات دي بتستخدم JavaScript، بس JavaScript مش دايمًا هتديك الأداء اللي أنت محتاجه… وهنا بييجي دور الـ WebAssembly...
———
الـ WebAssembly (أو WASM) عبارة عن تقنية بتسمحلك إنك تكتب كود بلغة تانية زي C أو ++C أو Rust، وتحوّله لحاجة شبه لغة الآلة يقدر المتصفح يفهمها ويشغّلها بسرعة رهيبة، أسرع بكتير من JavaScript.
يعني الـ WebAssembly مش لغة برمجة زي بقية اللغات، بل هي طريقة تشغّل بيها كود مكتوب بلغات قوية داخل المتصفح، وتستفيد من السرعة العالية دي من غير ما تتنازل عن مزايا الويب.
———
📌 أهم استخدامات الـ WebAssembly:
لو بتعمل مشروع تقيل ومحتاج أداء عالي، الـ WebAssembly هينقذك في حاجات زي:
- ألعاب 3D أو ألعاب أونلاين بتشتغل في المتصفح
- برامج معالجة صور وفيديوهات مباشرة على الويب
- برامج CAD أو محاكاة أو أدوات تحليل بيانات ضخمة
- أو حتى لو عندك مكتبة جاهزة بلغة زي C وحابب تستخدمها على الويب من غير ما تعيد كتابتها
———
إزاي الـ WebAssembly بيشتغل؟
1- بتكتب الكود بلغة قوية (زي C، C++، Rust)
2- بتستخدم Compiler بيحوّل الكود لملف بصيغة wasm
3- بتشغل الملف ده من داخل كود JavaScript بتاعك في الصفحة
4- المتصفح يشغّل WebAssembly وكأنك كاتب كود JavaScript، بس بأداء أعلى بكتير
وده كله بيشتغل في كل المتصفحات الكبيرة: Chrome، Firefox، Safari، Edge وغيرهم.
———
🤔 هل WebAssembly بديل لـ JavaScript؟
الإجابة: لا.
الـ JavaScript لسه هي الأساس في الويب، بس الـ WebAssembly بيشيل الحمل التقيل عن JavaScript، ويساعدك تنفذ أجزاء معينة في التطبيق بسرعة وكفاءة.
———
#دقيقة_برمجة
.
.
تخيل معايا كده إنك عايز تكتب برنامج بيشتغل في المتصفح، بس البرنامج ده تقيل شوية… زي لعبة فيها جرافيكس عالية، أو برنامج بيعدل صور وفيديوهات، أو حتى تطبيق علمي بيعمل حسابات معقدة.
عادة في الحالات دي بتستخدم JavaScript، بس JavaScript مش دايمًا هتديك الأداء اللي أنت محتاجه… وهنا بييجي دور الـ WebAssembly...
———
الـ WebAssembly (أو WASM) عبارة عن تقنية بتسمحلك إنك تكتب كود بلغة تانية زي C أو ++C أو Rust، وتحوّله لحاجة شبه لغة الآلة يقدر المتصفح يفهمها ويشغّلها بسرعة رهيبة، أسرع بكتير من JavaScript.
يعني الـ WebAssembly مش لغة برمجة زي بقية اللغات، بل هي طريقة تشغّل بيها كود مكتوب بلغات قوية داخل المتصفح، وتستفيد من السرعة العالية دي من غير ما تتنازل عن مزايا الويب.
———
📌 أهم استخدامات الـ WebAssembly:
لو بتعمل مشروع تقيل ومحتاج أداء عالي، الـ WebAssembly هينقذك في حاجات زي:
- ألعاب 3D أو ألعاب أونلاين بتشتغل في المتصفح
- برامج معالجة صور وفيديوهات مباشرة على الويب
- برامج CAD أو محاكاة أو أدوات تحليل بيانات ضخمة
- أو حتى لو عندك مكتبة جاهزة بلغة زي C وحابب تستخدمها على الويب من غير ما تعيد كتابتها
———
إزاي الـ WebAssembly بيشتغل؟
1- بتكتب الكود بلغة قوية (زي C، C++، Rust)
2- بتستخدم Compiler بيحوّل الكود لملف بصيغة wasm
3- بتشغل الملف ده من داخل كود JavaScript بتاعك في الصفحة
4- المتصفح يشغّل WebAssembly وكأنك كاتب كود JavaScript، بس بأداء أعلى بكتير
وده كله بيشتغل في كل المتصفحات الكبيرة: Chrome، Firefox، Safari، Edge وغيرهم.
———
🤔 هل WebAssembly بديل لـ JavaScript؟
الإجابة: لا.
الـ JavaScript لسه هي الأساس في الويب، بس الـ WebAssembly بيشيل الحمل التقيل عن JavaScript، ويساعدك تنفذ أجزاء معينة في التطبيق بسرعة وكفاءة.
———
#دقيقة_برمجة
❤5
Proxy Power Moves in JavaScript 💯
From reactivity to access control, the Proxy API isn't just for nerds, it's a power tool for elegant code.
❤3