شرح (OOP) في JavaScript
ال pdf👇

مقدمة إلى هياكل البيانات (Data Structures)
بلغة C++
ال pdf 👇

التلخيصات
React hooks
https://t.me/codeDarija/28

Python
https://t.me/codeDarija/30

Html
https://t.me/codeDarija/44

Linux commands
https://t.me/codeDarija/55

Javascript
https://t.me/codeDarija/130

Css
https://t.me/codeDarija/136

Reactjs
https://t.me/codeDarija/145


Php
https://t.me/codeDarija/154

Java
https://t.me/codeDarija/163

Nodejs
https://t.me/codeDarija/171

C++
https://t.me/codeDarija/179

Sql
https://t.me/codeDarija/185

C#
https://t.me/codeDarija/190

Flutter
https://t.me/codeDarija/197

PostgreSql
https://t.me/codeDarija/214

Typescript
https://t.me/codeDarija/217

Nestjs
https://t.me/codeDarija/219

Docker
https://t.me/codeDarija/221

Git commands
https://t.me/codeDarija/225

Aws
https://t.me/codeDarija/227

Spring boot
https://t.me/codeDarija/229

Django
https://t.me/codeDarija/232

Laravel
https://t.me/codeDarija/235

Networking
https://t.me/codeDarija/248

React native
https://t.me/codeDarija/321

في JavaScript يوجد مفهوم يسمى Hoisting.
هذا المفهوم يعني أن JavaScript تقوم برفع تعريف بعض المتغيرات والدوال إلى أعلى الـ scope قبل أن يبدأ تنفيذ الكود.
بسبب هذا السلوك
يمكنك استخدام متغير أو دالة قبل كتابة تعريفها في الكود.
لكن هناك تفصيل مهم:
مع var جافاسكريبت ترفع التعريف فقط وليس القيمة.
يعني أن المتغير يكون موجودًا
لكن قيمته تكون undefined.
مثال 👇

console.log(x); // undefined

var x = 10;

داخليًا تتعامل JavaScript مع الكود بهذا الشكل تقريبًا:

var x; // تم رفع التعريف

console.log(x); // undefined

x = 10; // تعيين القيمة

أما مع function declaration
فإن الدالة يتم رفعها كاملة.
لذلك يمكن استدعاؤها قبل تعريفها.

sayHello(); // تعمل بشكل عادي

function sayHello() {
  console.log("Hello");
}

لكن مع let و const
لا يمكن استخدام المتغير قبل تعريفه
وسيظهر ReferenceError.

من بين أهم المفاهيم التي يجب على كل مبرمج فهمها: System Design.
هذا الـPDF 👇 سيساعدك على التعرف على أساسياته
بشكل مبسط.

لتغيير محتوى عنصر HTML باستخدام JavaScript، كنا نستخدم سابقًا innerHTML. المشكلة أنها تشكل خطرًا أمنيًا، حيث يمكن لأي مستخدم استغلال ثغرة XSS وحقن سكريبتات ضارة. الحل الجديد هو استخدام setHTML()، الذي يقوم بتنقية HTML من أي سكريبتات ضارة قبل عرضها في الصفحة.

إذا كنت مطور واجهات أمامية، فمن بين الأدوات التي ستمنحك قيمة حقيقية في سوق العمل هي GSAP، حيث تمكّنك من إنشاء animations احترافية ومعقدة، والتي يصعب حتى على أدوات الذكاء الاصطناعي تنفيذها بنفس المستوى دون توجيه من شخص يمتلك فهماً جيداً لأساسيات هذه الأداة.
إذا كنت ترغب في تعلمها، فهذا الـPDF سيساعدك على فهم أساسيات GSAP،👇

مصدر مهم لمن يريد تعلم system design
https://systemdesignschool.io/

إذا كنت مطور واجهات أمامية وترغب في الانتقال من عالم الـ2D إلى الـ3D، فإن Three.js تُعدّ من أقوى الأدوات التي تمنحك ميزة كبيرة في سوق العمل 🚀
حيث يمكنك من خلالها إنشاء تجارب تفاعلية، مواقع مبتكرة، وAnimations بمستوى “احترافي” يصعب على الذكاء الاصطناعي محاكاتها بشكل متقن إلا إذا كنت ملمًا بأساسيات 3D و Three.js 💡
إذا رغبت في البدء بطريقة صحيحة، فقد أعددت لك ملخصًا يتضمن أهم الأساسيات التي تحتاج إلى معرفتها في هذا pdf👇

🚀 إذا كنت تعمل بـ JavaScript وتهتم بأداء مشروعك، فهذه الأداة مهمة لك:
Bundlephobia 🔍
موقع بسيط يتيح لك معرفة:
📦 حجم أي حزمة (npm package)
⚡ مدى تأثيرها على سرعة تحميل موقعك
📊 هل تحتوي على dependencies كبيرة
وأيضًا 👇
💡 يقترح لك بدائل أخف (lightweight packages) يمكنك استخدامها بدل الحزم الثقيلة
الفكرة؟ قبل إضافة أي package، تحقق منها حتى لا تجعل مشروعك بطيئًا دون داعٍ.