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

• سلام القادري (فلسطين): أنجز أكثر من 20 تطبيقًا وحقق انتشارًا واسعًا.
• عاطف الغامدي (السعودية): بدأ بالتعليم الذاتي ونجح في تأسيس عدة مشاريع.
• أصيل (العراق): انتقل من عامل بسيط إلى مطوّر حر ناجح.
• محمود السلمو (سوريا): لاجئ طوّر نفسه بالبرمجة وتجاوز الظروف الصعبة.

• طوّر نفسك باستمرار.
• قدّم جودة عالية في كل مشروع.
• كن حكيمًا في إدارة دخلك.
• حافظ على توازن بين حياتك وعملك.
• ابنِ شبكة علاقات مهنية قوية.
• الصبر والمثابرة هما سر النجاح.

• قمنا بربط حدث submit للنموذج. عند الضغط على زر "إرسال"، يتم إظهار رسالة تنبيه باستخدام alert() دون إعادة تحميل الصفحة.

• قم بإنشاء ملفات index.html، styles.css وscripts.js.
• احفظهم في نفس المجلد.

أبسط طريقة هي استخدام شبكة توزيع المحتوى (CDN) لتحميل jQuery.

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

شرح:

• قمنا بإنشاء نموذج إدخال نص وزر. عندما يقوم المستخدم بإدخال اسمه والضغط على "إرسال"، سيتم عرض رسالة ترحيبية.
• تم ربط ملفات CSS و JavaScript خارجيًا.

const fs = require('fs');

const person = {
    name: "أحمد",
    age: 30,
    isMarried: false,
    children: ["سارة", "علي"]
};

const jsonString = JSON.stringify(person, null, 2);

fs.writeFile('person.json', jsonString, (err) => {
    if (err) {
        console.error('حدث خطأ أثناء الكتابة إلى الملف', err);
    } else {
        console.log('تم كتابة الملف بنجاح!');
    }
});

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