تطوير الويب Development Tutorials, Guides & Insights

يشهد العصر الرقمي تناميًا كبيرًا في اقتصاد العمل الحر، حيث يُقدَّر عدد المستقلين عالميًا بحوالي 1.57 مليار شخص. هذا التحول نحو العمل المرن ازداد مع انتشار الإنترنت، مما أتاح للمبرمجين تقديم خدماتهم عن بُعد. في العالم العربي، أدركت العديد من الدول أهمية العمل الحر كمصدر دخل وتنويع للاقتصاد، مما جعل من هذا المجال مسارًا مهنيًا واعدًا للمبرمجين.

دخول هذا المجال يتطلب خطوات مدروسة:

• افتح ملف index.html باستخدام أي متصفح لرؤية الموقع قيد التشغيل.

• يمكنك إضافة المزيد من التفاعلات باستخدام JavaScript مثل تغيير الألوان عند تمرير الفأرة على الروابط.
• جرب إضافة مكتبات مثل Bootstrap أو Tailwind CSS لتحسين التصميم.
• استخدم localStorage لتخزين بيانات النموذج محليًا إذا كنت ترغب في إضافة المزيد من التعقيد إلى المشروع.

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

يمكنك أيضًا تنزيل jQuery واستضافة الملف محليًا في مشروعك:

الآن، حان وقت إضافة التفاعلية باستخدام JavaScript. سنقوم بكتابة كود يجعل التطبيق يتفاعل مع المستخدم عند الضغط على الزر.

// الحصول على العناصر من DOM
const usernameInput = document.getElementById('username');
const submitBtn = document.getElementById('submitBtn');
const greetingParagraph = document.getElementById('greeting');

// إضافة حدث "click" للزر
submitBtn.addEventListener('click', function() {
    const username = usernameInput.value;

    // التحقق من أن المستخدم أدخل اسمه
    if (username.trim() !== "") {
        greetingParagraph.textContent = `مرحبًا، ${username}! شكرًا لاستخدام تطبيقي.`;
    } else {
        greetingParagraph.textContent = "يرجى إدخال اسمك.";
    }
});

قد يحتوي JSON على بيانات متداخلة مثل الكائنات داخل كائنات أو مصفوفات داخل كائنات. يمكنك التعامل مع هذه البيانات بنفس الطريقة التي تتعامل بها مع الكائنات والمصفوفات في JavaScript.

{
    "name": "أحمد",
    "address": {
        "city": "الرياض",
        "postalCode": "12345"
    },
    "skills": ["برمجة", "تصميم", "تحليل"]
}