دورة JavaScript للجزء العاشر من المبتدئين إلى المتقدمين في 10 منشورات مدونة

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

دورة JavaScript - جدول المحتويات:

1. موضوعات JavaScript التي قمنا بتغطيتها
2. أساسيات JavaScript وإعداد بيئة الترميز
3. أفضل ممارسات JavaScript
4. المتغيرات والثوابت
5. أنواع البيانات الأساسية في JavaScript
6. حلقات في البرمجة
7. المصفوفات والوظائف
8. كائنات جافا سكريبت
9. مفاهيم شائعة للغاية في JavaScript
10. أين أذهب من هنا؟

رائع! لقد نجحت أخيرًا هنا! معظم الناس لا يتابعون شغفهم ويتخلون عن الدورات التي يأخذونها بعد بضعة دروس فقط ، وهذه هي الحالة فقط إذا بدأوا في التصرف بناءً عليها!

موضوعات JavaScript التي قمنا بتغطيتها

خلال دورة JavaScript هذه ، بدأنا من أساسيات JavaScript وانتقلنا إلى مفاهيم متقدمة جدًا.

كانت الخطوة الأولى لبدء استخدام JavaScript هي فهم سبب تعلمنا JavaScript في المقام الأول. هناك العديد من الأسباب الرئيسية وراء رغبتك في البدء باستخدام JavaScript ، ولكن عادةً ما تكون تطبيقات JavaScript الأكثر بروزًا بطريقة أو بأخرى في تطوير الويب. بدأت JavaScript كلغة أمامية فقط وانتشرت إلى خوادم الواجهة الخلفية وبدأت في السيطرة هناك أيضًا.

بغض النظر عن سبب تعلمك لـ JavaScript ، فمن الأفضل أن تلقي نظرة سريعة على دورة JavaScript مرة أخرى.

بهذه الطريقة يمكنك رؤية تقدمك ورؤية الأجزاء التي تفهمها جيدًا ، والتي ربما تكون قد أخافتك في البداية ، بالإضافة إلى التقاط الأجزاء التي ربما تكون قد تجاهلتها أو فاتتك.

أساسيات JavaScript وإعداد بيئة الترميز

بعد معرفة سبب شهرة JavaScript وما يمكنك فعله بها ، بدأنا ببعض Hello world! أمثلة. أنشأنا بيئة الترميز الخاصة بنا داخل Google Chrome ، وبدأنا في استخدام وحدة تحكم JavaScript لكتابة بعض التعليمات البرمجية. في البداية ، بدأ الكود الذي كتبناه على أنه بسيط حقًا وكان لكل سطر كتبناه غرضًا بسيطًا ، دون أن يكون مرتبطًا بخطوط أخرى. مع تزايد تعقيد التعليمات البرمجية الخاصة بنا ، قمنا بترقية بيئة الترميز لدينا إلى Google Chrome Console. باستخدام وحدة التحكم ، بدأنا في القدرة على كتابة تعليمات برمجية متعددة الأسطر بشكل مريح والتي بدأت بالتقدم تدريجيًا بشكل أكثر تعقيدًا على مدار دورة JavaScript بأكملها.

أفضل ممارسات JavaScript

خلال السلسلة ، قمنا أيضًا بدمج الكثير من أفضل ممارسات الترميز. تجعل أفضل الممارسات هذه حياتك أسهل عندما تبدأ للتو ، بل إنها تصبح أكثر قيمة عندما تبدأ العمل أو التعاون مع أشخاص آخرين. ولهذا السبب بالتحديد ، توجد حتى معايير وأقوال مثل "يجب أن تبدو كل التعليمات البرمجية وكأنها مكتوبة من قبل شخص واحد ، بغض النظر عن عدد الأشخاص الذين تعاونوا." هذا هو بالضبط السبب ، أحد المفاهيم الأولى التي رأيناها كان التعليق على الكود الخاص بنا. القيام بذلك لا يجعلك مبرمجًا أفضل في المستقبل فحسب ، بل يتيح لك أيضًا الحصول على تجربة تشفير أفضل عندما تبدأ أيضًا.

المتغيرات والثوابت

بعد ذلك ، رأينا أنه يمكننا تخزين البيانات فيما يسمى بالمتغيرات والثوابت. عند تحديد الشخص الذي نختاره لبيانات جديدة ، يجب أن نضع في اعتبارنا أنه إذا لم نتوقع تغيير البيانات ، فنحن نريد استخدام الكلمة الأساسية "const". إذا اعتقدنا أننا سنحتاج إلى تعديل هذه القيمة ، فعلينا بعد ذلك استخدام الكلمة الرئيسية "Let". هذه هي أفضل الممارسات الحالية ، لكننا رأينا أيضًا أنه قبل ES6 ، كانت الطريقة الوحيدة لاستخدام المتغيرات هي الإعلان عنها باستخدام الكلمة الأساسية "var". بعد رؤية المشكلات المحتملة الناجمة عن المرونة التي تأتي مع الكلمة الرئيسية var ، في عام 2015 ، مع معيار ES6 ، أصبحت الطريقة الجديدة والحديثة لكتابة JavaScript تستخدم الكلمتين الأساسيتين "const" و "let".

أنواع البيانات الأساسية في JavaScript

بعد ذلك تحدثنا عن أنواع البيانات الأساسية في JavaScript. النقطة الأساسية هنا هي فهم أن أنواع البيانات المختلفة جيدة في القيام بأشياء مختلفة. لهذا السبب من المهم فهم نوع أنواع البيانات التي نعمل معها. لاحقًا ، رأينا أنه باستخدام عبارات if else ، يمكننا البدء في التحكم في الكود الخاص بنا. بدءًا من هؤلاء ، تعلمنا أن نتجاهل الكود جزئيًا من أجل تكييفه مع شروط معينة. لقد تعلمنا عن هياكل التحكم المختلفة التي يمكننا استخدامها للتحكم بشكل أكثر دقة في التعليمات البرمجية والبيانات الخاصة بنا. بهذه الطريقة ، يمكن أن يتكيف الكود الخاص بنا مع المدخلات المختلفة بإجابات أكثر دقة.

حلقات في البرمجة

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

بشكل عام ، لا نريد كتابة رمز أكثر مما يتعين علينا ، لإكمال المهمة. لأنه في كل مرة نكتب المزيد من التعليمات البرمجية ، نقدم المزيد من الفرص للأخطاء في التعليمات البرمجية. يستغرق الأمر مزيدًا من الوقت والجهد لكتابة المزيد من التعليمات البرمجية ، وإدخال أخطاء محتملة ، وعادةً ما يكون غير فعال حيث يتعين عليك الآن حفظ نفس الرمز ربما 10 مرات. وبشكل عام يمكن أن يقلل بشكل كبير من تجربة الترميز. هذا هو السبب في أننا بدأنا بحلقات while و for loops ، وبدأنا في الاستغناء عن الأكواد التي يحتمل أن تكون متكررة.

المصفوفات والوظائف

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

لقد رأينا أن هناك نوعين رئيسيين من الوظائف. واحد منهم هو وظائف خالصة ، والنوع الآخر هو وظائف نجسة. بشكل عام ، كلما استطعنا ، يجب أن نهدف إلى استخدام وظائف نقية مقارنة بالوظائف غير النقية. بهذه الطريقة ، ستعمل الوظائف النقية التي نكتبها بنفس الطريقة وستعطينا نفس النتائج ، بغض النظر عن مكان تشغيل الكود ، أو عندما نقوم بتشغيل الكود.

كائنات جافا سكريبت

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

مفاهيم شائعة للغاية في JavaScript

بعد ذلك ، رأينا مفاهيم وموضوعات شائعة للغاية في JavaScript. كانت الغالبية العظمى منهم تعتمد على تحسين الوظائف بطريقة أو بأخرى. باستخدام طرق التعيين والتصفية ، تمكنا من تخطي بعض عبارات for و if . باستخدام وظائف السهم ، تمكنا من تقليل حجم وظائفنا بشكل كبير. لقد رأينا العديد من الميزات في دورة JavaScript هذه ، بما في ذلك وظائف الأسهم المقدمة مع ES6 أو ES2015 ، والتي تعد أكبر التغييرات الأخيرة في معايير JavaScript.

أين أذهب من هنا؟

اعتمادًا على ما تريد تحقيقه ، يمكنك أن تسلك طرقًا مختلفة. إذا كنت ترغب فقط في تذكير نفسك بأساسيات JavaScript لأنه يتعين عليك العمل معها قريبًا ، آمل أن توفر لك دورة JavaScript هذه دليلاً شاملاً. ربما كنت جيدًا بالفعل في لغة أخرى ، مثل Python ، لكنك أردت أيضًا رؤية JavaScript. إذا كان الأمر كذلك ، آمل أن أكون قد جعلت الأمر سهلاً نسبيًا بالنسبة لك للبدء في بناء جملة ومفاهيم JavaScript. أو ربما تكون قد بدأت للتو في تطوير الويب وكنت تعلم أن JavaScript يحظى بشعبية كبيرة.

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

المؤلف: روبرت ويتني

خبير JavaScript ومدرب يدرب أقسام تكنولوجيا المعلومات. هدفه الرئيسي هو رفع مستوى إنتاجية الفريق من خلال تعليم الآخرين كيفية التعاون الفعال أثناء البرمجة.

مشاهدة جميع المشاركات

دورة JavaScript من المبتدئين إلى المتقدمين في 10 منشورات مدونة:

1. كيف تبدأ الترميز في JavaScript؟
2. أساسيات JavaScript
3. المتغيرات وأنواع البيانات المختلفة في JavaScript
4. المقتطفات وهياكل التحكم
5. بينما الحلقات والحلقات
6. مجموعة جافا
7. وظائف JavaScript
8. كائنات جافا سكريبت
9. طرق JavaScript والمزيد
10. ملخص دورة JavaScript