استكشاف جمع البيانات لجداول البيانات

استكشاف جمع البيانات (Explore Collecting Data)

في هذا النشاط، ستقوم بإنشاء جدول بيانات يمكننا استخدامه لتصوير البيانات مرئيًا وتحليلها بشكل أكبر.

لقطة شاشة لجدول بيانات يضم أعمدة وصفوف البيانات

لقطة شاشة لجدول البيانات الذي ستقوم بإنشائه

التعليمات (Instructions)

قم بإنشاء جدول بيانات جديد باستخدام Google Sheets. وقم بتسميته Store Inventory (مخزون المتجر)
يحتوي الصف 1 من جدول البيانات على تسميات لاسم صنف المتجر، وتكلفته، وكميته في المتجر، وسعره في متجر آخر، وإذا كان سيُعاد طلبه عندما يوشك على النفاد. أدخل هذه التسميات في الصف 1:


item name, price, amount, competitor price, reorder

قم بجمع البيانات وإدخالها. يجب أن يكون للبيانات المدرجة في كل عمود نوع بيانات. ويجب أن تكون جميع البيانات التي أدخلتها لتسمية معينة، مثل السعر، أو إعادة الطلب بنفس التنسيق - يجب أن تكون بنفس نوع البيانات.

اسم الصنف (item name) - نوع البيانات "أحرف" (characters) أي حروف أبجدية، ورموز، وكلمات
السعر (price) - نوع البيانات "عدد عشري" (decimal)، أي أعداد ذات فواصل عشرية
الكمية (amount) - نوع البيانات "عدد صحيح" (integer)، أي أعداد صحيحة بدون فواصل عشرية
إعادة الطلب (reorder) - نوع البيانات "قيمة منطقية" (boolean)، أي "صواب" (TRUE) أو "خطأ" (FALSE)، أو 1 أو 0

من المهم أن تكون البيانات من نفس النوع حتى يمكن إجراء حسابات دقيقة على القيم. فإذا كنت ترغب في جمع كل البيانات الموجودة في عمود price (السعر) وكانت إحدى قيم البيانات عددًا، والقيمة التالية هي كلمة (أحرف)، فلن يعرف برنامج جدول البيانات كيفية جمع عدد وكلمة مما يؤدي إلى حدوث خطأ.

إليك البيانات التي تم جمعها لإدخالها في كل صف تحت التسميات:


carrot ,1.2,10,1.3,TRUE
cabbage,1.1,4,0.89,FALSE
peas,0.4,100,0.35,TRUE
bread,1.2,20,2.2,TRUE
cucumber,0.6,64,0.8,TRUE
lentils,1.32,25,1.22,TRUE
rice,1.02,12,0.99,FALSE
broccoli,0.78,80,0.89,FALSE
radishes,0.32,120,0.4,TRUE
lettuce,0.89,14,1.05,FALSE
garlic,1.89,82,2.25,TRUE
leeks,0.56,41,0.42,TRUE

تأكد من أن جدول البيانات الخاص بك يطابق الصورة أعلاه وأنه يحتوي على هذه البيانات عند الانتهاء.

html

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="utf-8" />
    <title>Color Example</title>
    <style>
        .red {
            color: red; /* اللون الأحمر */
        }
        .blue {
            color: blue; /* اللون الأزرق */
        }
    </style>
</head>
<body>
    <h1 class="red">هذا عنوان باللون الأحمر</h1>
    <p class="blue">هذا نص باللون الأزرق.</p>
    <p>يمكنك أيضًا استخدام الألوان في الخلفيات:</p>
    <div style="background-color: red; color: white; padding: 10px;">
        هذا صندوق بخلفية حمراء ونص أبيض.
    </div>
    <div style="background-color: blue; color: white; padding: 10px;">
        هذا صندوق بخلفية زرقاء ونص أبيض.
    </div>
</body>
</html>

html

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="utf-8" />
    <title>Red Color Example</title>
    <style>
        .red-text {
            color: red; /* أو يمكنك استخدام #FF0000 أو rgb(255, 0, 0) */
        }
    </style>
</head>
<body>
    <h1 class="red-text">هذا عنوان باللون الأحمر</h1>
    <p>يمكنك استخدام اللون الأحمر في نصوصك!</p>
</body>
</html>

استكشاف جمع البيانات لجداول البيانات

استكشاف جمع البيانات (Explore Collecting Data)

التعليمات (Instructions)

الذكاء الاصطناعي من Udacity

شرح الكود:

مثال على استخدام تسلسلات الهروب في CSS:

مثال على استخدام اللون الأحمر في HTML وCSS:

إليك بعض الخطوات العامة التي قد تساعدك في مشروع التخرج:

الكائنات:

الأحداث:

المكافآت:

الأرقام المفضلة:

الملاحظات: