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

• مستقل: الأكبر في العالم العربي، التعامل فيها باللغة العربية.
• خمسات: مناسبة لبناء التقييمات من خلال خدمات مصغّرة.
• بحر: منصة سعودية مخصصة للمهنيين المحليين.

• تطوير الويب: مواقع إلكترونية، تطبيقات ويب، مشاريع Full-stack.
• تطبيقات الهاتف: تطبيقات Android وiOS وHybrid.
• تحليل البيانات والذكاء الاصطناعي: لوحات بيانات، تعلم آلة، نماذج ذكية.
• أتمتة المهام: سكربتات برمجية لأداء وظائف متكررة.
• مشاريع متخصصة: مثل تطوير الألعاب، IoT، تقنيات البلوكشين.

body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}

header {
    background-color: #333;
    color: white;
    padding: 15px 0;
    text-align: center;
}

nav ul {
    list-style: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin: 0 10px;
}

nav ul li a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

section {
    padding: 20px;
    background-color: white;
    margin: 10px 0;
}

h2 {
    color: #333;
}

footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}

• تنسيق الصفحة بالكامل باستخدام body الذي يحدد الخطوط وألوان الخلفية.
• استخدمنا header لتنسيق الشريط العلوي الذي يحتوي على العنوان.
• تنسيقات القائمة في nav ul li تظهر الروابط بشكل أفقي.
• يتم تطبيق التنسيق على الأقسام باستخدام section وh2 لجعل الصفحة تبدو أفضل.
• footer ثابت في الأسفل بغض النظر عن مكان التمرير في الصفحة.

• عند النقر على الزر، سيتم إخفاء النص إذا كان ظاهرًا، أو إظهاره إذا كان مخفيًا باستخدام .toggle().

$('#text').fadeOut();  // تلاشي العنصر
$('#text').fadeIn();   // إظهار العنصر مرة أخرى

في المثال السابق، تم إضافة شرط للتأكد من أن المستخدم لا يترك حقل الإدخال فارغًا قبل عرض رسالة الترحيب.

يمكننا تحسين تجربة المستخدم بإضافة وظائف أخرى مثل:

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

• name: المفتاح (key) و "أحمد" هي القيمة (value).
• age: المفتاح و 30 هي القيمة.
• isMarried: المفتاح و false هي القيمة (من النوع المنطقي).
• children: المفتاح و ["سارة", "علي"] هي مصفوفة.