DeveloperBreeze

Javascript Programming Tutorials, Guides & Best Practices

Explore 93+ expertly crafted javascript tutorials, components, and code examples. Stay productive and build faster with proven implementation strategies and design patterns from DeveloperBreeze.

الفرق بين let و const و var في JavaScript

Tutorial September 26, 2024
javascript 

var x = 5;
if (true) {
    var x = 10; // إعادة تعريف x
    console.log(x); // 10
}
console.log(x); // 10 (الـ var تم تعريفه بالنطاق العام)
  • نطاق الوظيفة: المتغيرات التي يتم تعريفها باستخدام var تكون مرتبطة بالوظيفة إذا كانت داخل دالة، أو تصبح عامة إذا كانت خارج أي دالة.
  • رفع المتغير (Hoisting): المتغيرات المُعلنة باستخدام var يتم رفعها إلى أعلى النطاق الوظيفي أو العام قبل تنفيذ الكود. أي يمكن استخدام المتغير قبل أن يتم إعلانه، لكنه سيعطى قيمة undefined.

Read More

مكتبة jQuery: استخدام JavaScript بسهولة وفعالية

Tutorial September 26, 2024
javascript

يمكنك استخدام jQuery للتفاعل مع عناصر HTML وتعديلها بسهولة. يمكنك تغيير النصوص، إضافة فئات CSS، إخفاء العناصر، والمزيد.

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تغيير النص باستخدام jQuery</title>
</head>
<body>

    <h1 id="title">عنوان الصفحة</h1>
    <button id="changeText">تغيير النص</button>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $('#changeText').click(function() {
            $('#title').text('تم تغيير العنوان!');
        });
    </script>
</body>
</html>

Read More