مرحبا الرجال. لذا، في اليوم الثاني من هذا التحدي، قررت مغادرة GitHub والتركيز على ما أردت حقًا أن أتعلمه: Javascript.

ما هو جافا سكريبت

تخيل أنك معالج في عالم تطوير الويب. لقد حصلت على HTML الموثوق به لبناء هيكل موقع الويب الخاص بك، مثل عظام مخلوق سحري. بعد ذلك، لديك CSS لإضفاء بعض الأناقة عليه، مثل اختيار الرداء أو الزي المثالي. ولكن هناك شيء مفقود. خلقك لا يزال بلا حياة. وهنا يأتي دور JavaScript (JS)، فهي العصا السحرية التي تضفي الحيوية على إبداعك! JavaScript هي لغة برمجة تستخدم بشكل أساسي لإنشاء محتوى تفاعلي وديناميكي على مواقع الويب. فهو يمكّن المطورين من تنفيذ ميزات مثل الرسوم المتحركة والتحقق من صحة النماذج والتحديثات في الوقت الفعلي دون الحاجة إلى إعادة تحميل الصفحة. يمكن استخدام جافا سكريبت في كل من الواجهة الأمامية (ما يراه المستخدمون ويتفاعلون معه) والواجهة الخلفية (عمليات جانب الخادم) لتطبيقات الويب.

جافا سكريبت موجودة في كل مكان. إنها اللغة التي تجعل الويب على ما هو عليه اليوم - تفاعلي وممتع وجذاب إلى ما لا نهاية. سواء كنت تتطلع إلى إنشاء موقع ويب رائع، أو تطبيق جوال مسبب للإدمان، أو حتى لعبة، فإن تعلم JavaScript يشبه تعلم أقوى تعويذة في الكتاب.

استخدامات جافا سكريبت

JavaScript (JS) هي لغة برمجة متعددة الاستخدامات تستخدم على نطاق واسع في تطوير الويب. فيما يلي بعض الاستخدامات الرئيسية لجافا سكريبت:

1. تطوير الويب (الواجهة الأمامية)
صفحات الويب التفاعلية: تجعل JavaScript مواقع الويب تفاعلية. من القوائم المنسدلة إلى أشرطة تمرير الصور، تعمل على تشغيل العناصر الديناميكية التي تراها على موقع الويب.
التحقق من صحة النموذج: يتحقق مما إذا كان المستخدم قد ملأ النموذج بشكل صحيح قبل إرساله.
الرسوم المتحركة: يمكن لجافا سكريبت إنشاء رسوم متحركة وتأثيرات، مثل تلاشي العناصر أو تحريك الكائنات على الشاشة.
2. تطوير الويب (الخلفية)
البرمجة من جانب الخادم: باستخدام Node.js، يمكن تشغيل JavaScript على الخادم للتعامل مع الطلبات وإدارة قواعد البيانات وخدمة المحتوى.
التطبيقات في الوقت الفعلي: يتم استخدام JavaScript للتطبيقات في الوقت الفعلي مثل تطبيقات الدردشة والألعاب عبر الإنترنت والبث المباشر للبيانات.
3. تطوير تطبيقات الجوال
تطبيقات الهاتف المحمول عبر الأنظمة الأساسية: تستخدم أطر العمل مثل React Native وIonic JavaScript لإنشاء تطبيقات الهاتف المحمول التي تعمل على كل من iOS وAndroid.
4. تطوير اللعبة
ألعاب المتصفح: يتم استخدام JavaScript، إلى جانب HTML5 وCanvas، لإنشاء ألعاب تفاعلية يتم تشغيلها مباشرة في المتصفح.
5. الأتمتة والبرمجة
أتمتة المهام: يمكن لـ JavaScript أتمتة المهام المتكررة في تطوير الويب، مثل تصغير الملفات أو اختبار التعليمات البرمجية.
ملحقات المتصفح: تعمل JavaScript على تشغيل العديد من ملحقات المتصفح التي تعمل على تحسين وظائف المتصفحات مثل Chrome وFirefox.
6. تصور البيانات
المخططات والرسوم البيانية: تسمح المكتبات مثل D3.js وChart.js للمطورين بإنشاء تصورات بيانات معقدة ومخططات تفاعلية.
7. الذكاء الاصطناعي والتعلم الآلي
نماذج الذكاء الاصطناعي والتعلم الآلي: يمكن استخدام جافا سكريبت، مع مكتبات مثل TensorFlow.js، لإنشاء نماذج الذكاء الاصطناعي وتشغيلها مباشرة في المتصفح.
8. إنترنت الأشياء (IoT)
أجهزة إنترنت الأشياء: يمكن استخدام جافا سكريبت لبرمجة أجهزة إنترنت الأشياء، مما يتيح الاتصال بين الأجهزة والويب.
9. تطبيقات الويب التقدمية (PWAs)
PWAs: تتيح JavaScript إمكانية تطوير تطبيقات الويب التي تعمل دون اتصال بالإنترنت وتبدو وكأنها تطبيقات الهاتف المحمول الأصلية.
10. تكامل واجهة برمجة التطبيقات
جلب البيانات: يتم استخدام جافا سكريبت للتفاعل مع واجهات برمجة التطبيقات، وجلب البيانات من الخوادم وعرضها على صفحات الويب بشكل ديناميكي.

هذه مجرد أمثلة قليلة من الاستخدامات العديدة لجافا سكريبت، والتي لا تزال لغة رئيسية في صناعة التكنولوجيا بسبب مرونتها ونطاقها الواسع من التطبيقات.

ما فعلته اليوم على جافا سكريبت

إذن، في الأساس، لم أبدأ وأبدأ بالرموز التي لم أفهمها؟. لقد أخذت الأمر خطوة بخطوة. لقد تعلمت لأول مرة كيفية البرمجة باستخدام أداة تطوير Chrome وأود أن أوضح لك كيف فعلت ذلك.

كيفية فتح أدوات تطوير كروم
هناك ثلاث طرق لفتح أدوات تطوير Chrome:
-الأمر Alt J على نظام Mac
التحكم في Alt J على نظام التشغيل Windows
- سيؤدي النقر بزر الماوس الأيمن ثم اختيار الفحص إلى فتح أداة التطوير على Chrome أيضًا. على الرغم من أنه سيظهر علامة تبويب العنصر ويمكننا بعد ذلك الانتقال إلى وحدة التحكم حيث سنقوم بتنفيذ بعض الرموز.
-الخطوة الأخيرة هي الذهاب إلى قائمة الكروم ثم الذهاب للعرض والنقر على المطور. ضمن المطور، انقر على وحدة تحكم Javascript وستنبثق علامة تبويب وحدة التحكم.
الطريقة التي نجحت معي هي الطريقة الثانية التي قمت فيها بالنقر بزر الماوس الأيمن على الماوس ثم النقر فوق فحص ثم الانتقال إلى علامة تبويب وحدة التحكم.
ملحوظة: لقد استخدمت متصفح الضيف وليس متصفحي العادي.

يمكنني زيادة الخط بالضغط على Command plus ثم العكس بالضغط على Command - في نظام التشغيل Mac ولكن في chrome يكون التحكم والتحكم -.

صورة حيث قمت بالنقر فوق عنصر التحكم

صورة قمت بالنقر فوق عنصر التحكم فيها -

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

alert("Hello World")

let js = "amazing"
if (js === 'amazing') alert("Javascript is fun")

50 60-10

39 54-24

لذا من الصور أعلاه يمكننا رؤية نافذة منبثقة وحتى بعض الحسابات الرياضية التي تم إجراؤها باستخدام JS.

التحديات التي واجهتني

التحدي الوحيد الذي يمكنني القول إنني واجهته هو عدم معرفة سبب عمل الرموز بهذه الطريقة، ومع مرور الوقت أعتقد أنني سأفهم ذلك وسأكون جيدًا جدًا فيه.

خاتمة

أنا سعيد جدًا لأنني قمت بهذه الرحلة وأنني أتعلم الكثير بالفعل. أنا شخصياً أعلم أنني سأتغلب قريباً على التحديات التي واجهتها وقبل أن تعرف ذلك سأكون معلماً؟. على أي حال شكرا جزيلا لك ❤️. توقع مقالي لليوم الثالث؟؟.