جدول المحتويات[يخفي][يعرض]
- 1. تحسين المعرفة الأساسية الخاصة بك
- 2. الاستفادة من استراتيجية وجوه المنحى
- 3. الاستفادة من الوظائف حتى لو كانت صغيرة
- 4. بدلاً من == ، استخدم ===
- 5. استخدم JSLint
- 6. يجب وضع النصوص في أسفل الصفحة
- 7. أسرع طريقة لعمل سلسلة
- 8. إضافة تعليق على التعليمات البرمجية الخاصة بك
- 9. الاستفادة من القوالب الحرفية
- 10. التكرارات و ... من الحلقات
- 11. استخدم {} بدلاً من كائن جديد ()
- 12. ضع في اعتبارك وضع let and const في التعليمات البرمجية الخاصة بك
- 13. تقييم () ليست فكرة جيدة
- 14. عامل فروق الأسعار مفيد
- 15. انتظر وغير متزامن
- 16. استخدم طريقة include () في جافا سكريبت
- 17. إزالة العناصر من مجموعة باستخدام لصق
- 18. الاستفادة من وظيفة السهم
- 19. باستخدام التدمير ، يمكنك تعيين قيم متغيرة بسرعة
- 20. عمل عدة مشاريع
- وفي الختام
إذا كنت مهتمًا بتطوير الويب ، فمن المحتمل أن تكون قد صادفت JavaScript. لغة البرمجة الشيئية هي JavaScript. يستخدمه المطورون لجعل صفحات الويب من جانب العميل (الواجهة الأمامية) ديناميكية وتفاعلية.
يتم استخدامه أيضًا لإنشاء صفحات الويب وتطبيقات الويب باستخدام HTML و CSS. لا توجد صفحة ويب على الإنترنت في الوقت الحاضر لا تحتوي على كود JavaScript. لقد أصبح جانبًا لا ينفصم عن وظيفة المطور.
في الواقع ، إنه يتزايد باطراد. على الرغم من أن JavaScript هو الأفضل لتوفير وظائف لصفحات الويب ، إلا أنه يعمل أيضًا في بيئات غير JavaScript. تعد Node.js و Apache Couch-DB و Adobe Acrobat أمثلة على هذه التقنيات. لتشغيل JavaScript ، تحتوي معظم متصفحات الويب الحديثة على محرك تنفيذ JavaScript مدمج. إذا كنت تريد أن تكون مطور ويب ناجحًا ، فسيتعين عليك التعامل مع JavaScript.
يجب أن تتعامل معها اليوم أو غدًا. لماذا لا تتعلم JavaScript مسبقًا حتى تكون مستعدًا عندما يحين الوقت؟
هذا ما سوف تتعلمه في هذه الجلسة. يشرح كيفية البقاء متقدمًا على زملائك من مطوري الويب من خلال تلميع JavaScript.
هيا نبدأ!
1. تحسين المعرفة الأساسية الخاصة بك
سأبدأ بفكرة وعبارة أساسية حقًا سمعتها منذ أن كنت صغيرًا. تعلم الأساسيات ووضعها موضع التنفيذ. في كثير من الأحيان ، ستطبق المنطق مع الترميز ، لكنك ستنسى أن هناك بالفعل وظيفة مضمنة له ، مثل تقسيم المصفوفة. عند تشغيل كود JavaScript ، يمكن أن تحصل على خطأ ، ونتيجة لذلك ، تتوقف العديد من الميزات الإضافية عن العمل.
يمكن أن يحدث هذا بسبب النقطتين المفردة أو الفاصلة المقلوبة. تحدث هذه الأشياء نتيجة عدم فهم الأساسيات. مرات عديدة في برنامج واحد ، يتم استخدام حلقة أساسية مثل for أو which أو do while. الحلقات هي واحدة من أكثر بنيات البرمجة الأساسية.
من الصعب جدًا كتابة التعليمات البرمجية وحتى لديك فرصة للعمل لدى شركة إذا لم تكن على دراية بالتكرار الحلقي والأساسيات الأخرى. يعد تنظيف الأساسيات أمرًا بالغ الأهمية نظرًا لأنها توفر أساسًا متينًا لتطوير منطق الحل المعقد وسمعته.
2. الاستفادة من استراتيجية وجوه المنحى
الطريقة الشيئية هي أكثر طرق البرمجة شهرة اليوم. نمت شعبية النهج الموجه للكائنات ، والتي بدأت بـ C ++ ، بشكل كبير منذ ذلك الحين. اليوم ، يتم استخدام البرمجة الشيئية فقط لإنشاء جميع اللغات الرئيسية. الإستراتيجية الموجهة للكائنات هي تلك التي تركز على كائن معين.
يصبح العنصر بعد ذلك كيانًا أساسيًا. ثم يتم استخدام هذا الكائن لإضافة سمات ووظائف إلى الصفحة كأساس. يمكنك أيضًا استخدام الطريقة التقليدية لإنشاء التعليمات البرمجية من أعلى إلى أسفل بدون أي وظائف أو كائنات. هذا واسع جدًا ولا ينبغي أبدًا تجربته. عند تطوير التعليمات البرمجية ، يجب أن نستخدم نهجًا وظيفيًا ، وإذا استخدمنا الوظائف ، فيجب علينا استخدام الكائنات.
لذلك ، في البداية ، حاول جاهدًا لتحويل التعليمات البرمجية الشاملة إلى تعليمات برمجية موجهة للكائنات ، واكتب دائمًا التعليمات البرمجية بأسلوب موجه للكائنات. عندما تدرس كود أشخاص آخرين ، سوف تبحث باستمرار عن تقنيات موجهة للكائنات. إذا كنت ترغب في إتقان JavaScript ، فمن الأفضل أن تحصل عليها.
3. الاستفادة من الوظائف حتى لو كانت صغيرة
تعد البرمجة باستخدام نهج وظيفي طريقة رائعة للذهاب. لماذا ا؟ إنه يفصل برنامجك إلى وحدات تعمل معًا ولكنها لا تزال متميزة عن بعضها البعض. دعني أعطيك مثالاً لمساعدتك على الفهم.
يمكن حساب جذر متوسط مربع الأعداد الصحيحة باستخدام دالة. للقيام بذلك ، يجب عليك تربيع الأعداد الصحيحة ، وحساب متوسطها ، ثم حساب الجذر التربيعي للمتوسط. هناك ثلاث مراحل في العملية. نتيجة لذلك ، يمكننا استخدام ثلاث وظائف. ولكن ، كما ترى ، كل هذه الوظائف مترابطة. يتم إرسال إخراج أحدهما إلى الآخر ، ونتلقى النتيجة النهائية.
دعنا نتظاهر أنه بدلاً من ثلاث وظائف ، فأنت تحتاج ببساطة إلى واحدة لحساب RMS بناءً على عوامل متعددة. الحل النهائي ، كما ترى ، غير صحيح. سيكون من الصعب عليك تحديد الخطأ الذي حدث في مثل هذا الحدث الكبير في هذه المرحلة.
من ناحية أخرى ، سيسمح لك وجود ثلاث وظائف صغيرة بالتحليل بسرعة. نتيجة لذلك ، حتى لو كانت الوظائف متواضعة ، استخدمها لتحديد وحدات رمز مميزة. ستساعدك هذه التقنية في أن تصبح خبيرًا في JavaScript مثل السحر.
الآن ، دعنا نلقي نظرة على بعض تلميحات ترميز JavaScript.
4. بدلاً من == ، استخدم ===
في JavaScript ، هناك نوعان من عوامل المساواة: عوامل المساواة الصارمة === و! == ، وعوامل المساواة غير الصارمة == و! =. عند المقارنة ، يعتبر من أفضل الممارسات أن توظف دائمًا المساواة الدقيقة. عند العمل مع == و! = ، ستواجه مشاكل عند التعامل مع أنواع مختلفة.
عندما تختلف أنواع القيم التي تقارنها ، سيحاول المشغلون غير الصارمين فرض قيمهم ، مما قد يؤدي إلى نتائج غير متوقعة.
5. استخدم JSLint
أنشأ دوغلاس كروكفورد JSLint ، وهو مصحح أخطاء. ما عليك سوى وضع البرنامج النصي في المربع ، وسيقوم بفحصه بسرعة بحثًا عن أي أخطاء أو عيوب.
يفحص JSLint ملف مصدر JavaScript. إذا تم اكتشاف مشكلة ، فإنها ترسل رسالة تحتوي على وصف للمشكلة وموضع تقريبي داخل المصدر. لا تعتبر المشكلة دائمًا خطأ نحويًا ، على الرغم من أنها تحدث في كثير من الأحيان.
تدرس JSLint كلاً من القواعد الأسلوبية والقضايا الهيكلية. لا يعني ذلك أن برنامجك دقيق. إنه يضيف فقط زوجًا آخر من العيون للمساعدة في اكتشاف المشكلات. قبل تسجيل الخروج من البرنامج النصي ، قم بتشغيله من خلال JSLint للتأكد من أنك لم ترتكب أي أخطاء.
6. يجب وضع النصوص في أسفل الصفحة
الهدف الأساسي للمستخدم هو تحميل الصفحة بأسرع ما يمكن. لا يمكن للمستعرض متابعة تحميل برنامج نصي حتى يتم تحميل الملف الكامل. نتيجة لذلك ، سيتعين على المستخدم الانتظار لفترة أطول ليرى أي تقدم.
إذا كانت لديك ملفات JS تُستخدم فقط لتوفير الوظائف (على سبيل المثال ، بمجرد الضغط على الزر) ، ضعها في أسفل الصفحة ، قبل علامة إغلاق النص مباشرةً. هذه بلا شك أفضل ممارسة.
7. أسرع طريقة لعمل سلسلة
عندما تحتاج إلى الالتفاف حول مصفوفة أو كائن ، لا تستخدم دائمًا عبارة for loop الموثوقة. استخدم خيالك للتوصل إلى أسرع حل للمهمة التي بين يديك. لن أحضر لك أرقامًا ؛ عليك ببساطة أن تثق بي (أو تختبر بنفسك).
هذه هي أسرع تقنية حتى الآن.
8. إضافة تعليق على التعليمات البرمجية الخاصة بك
قد يبدو الأمر عديم الجدوى في البداية ، لكن ثق بي عندما أقول إنه يجب عليك التعليق على الكود الخاص بك قدر الإمكان. ماذا لو عدت إلى المشروع بعد أشهر ولم تستطع تذكر عملية التفكير الأصلية؟
ماذا لو كان يجب تحديث شفرتك بواسطة أحد زملائك في العمل؟ يجب دائمًا التعليق على المجالات المهمة في التعليمات البرمجية الخاصة بك.
9. الاستفادة من القوالب الحرفية
قيود السلاسل التي تم إنشاؤها بعلامات اقتباس مزدوجة أو مفردة عديدة. لتسهيل العمل معهم ، قد تختار استبدال بعض السلاسل بقوالب حرفية.
يتم استخدام حرف backtick (') لإنشاء قوالب حرفية ، والتي لها عدد من المزايا. يمكنك استخدامها لتخزين التعبيرات أو لبناء سلاسل متعددة الأسطر.
كما ترى ، على عكس السلسلة الحرفية التقليدية التي يتم إنشاؤها باستخدام علامات اقتباس مفردة أو مزدوجة ، لم يكن علينا الدخول والخروج بشكل متكرر من القالب الحرفي. هذا يقلل من احتمالية الأخطاء الكتابية ويسمح لنا بكتابة كود أنظف.
10. التكرارات و ... من الحلقات
التكرارات هي كائنات في جافا سكريبت تنفذ الطريقة التالية () لإرجاع كائن يخزن القيمة التالية في تسلسل بالإضافة إلى صواب أو خطأ اعتمادًا على ما إذا كان هناك المزيد من القيم المتبقية. هذا يعني أنه في حالة تنفيذ بروتوكول المكرر ، يمكنك إنشاء كائنات مكرر خاصة بك.
هناك بعض التكرارات المضمنة في JavaScript ، مثل String و Array و Map وما إلى ذلك. يمكنك استخدام حلقات for… of لتكرارها. عند مقارنتها بحلقات for العادية ، يكون هذا أكثر إيجازًا وأقل عرضة للخطأ. لا يتعين علينا تتبع الطول الكامل للمصفوفة أو الفهرس الحالي باستخدام حلقة for… of. عند تصميم حلقات متداخلة ، قد يساعد ذلك في تبسيط التعليمات البرمجية.
11. استخدم {} بدلاً من كائن جديد ()
في JavaScript ، يمكنك إنشاء كائنات بعدة طرق. يعد استخدام المُنشئ الجديد ، كما هو موضح ، طريقة تقليدية أكثر. من ناحية أخرى ، تم وضع علامة على هذه الاستراتيجية على أنها "ممارسة سيئة".
إنها ليست مدمرة ، لكنها قليلة الكلام وفريدة من نوعها. أقترح بدلاً من ذلك استخدام الأسلوب الحرفي للكائن.
12. ضع في اعتبارك وضع let and const في التعليمات البرمجية الخاصة بك
يمكننا استخدام الكلمة الرئيسية let لعمل المتغيرات المحلية التي يتم تحديد نطاقها إلى الكتلة الخاصة بها. يمكننا استخدام الكلمة الأساسية const لإنشاء متغيرات ذات نطاق كتلة محلية لا يمكن تغييرها.
عند التصريح عن المتغيرات ، يجب أن تفكر في استخدام الكلمتين الأساسيتين let و const عند الاقتضاء. تذكر أن الكلمة الأساسية const تعطل إعادة التعيين فقط. لا يجعل المتغير غير قابل للتغيير أيضًا.
13. تقييم () ليست فكرة جيدة
تتيح لنا طريقة EVAL () ، لغير المدركين ، الوصول إلى مترجم JavaScript. في الأساس ، يمكننا استخدام Eval لتنفيذ نتيجة سلسلة من خلال توفيرها كمدخل ().
لن يؤدي هذا إلى إبطاء البرنامج النصي بشكل كبير فحسب ، بل إنه يوفر أيضًا مصدر قلق أمني كبير لأنه يمنح النص الذي تم تمريره الكثير من السلطة. تجنب بأي ثمن!
14. عامل فروق الأسعار مفيد
هل احتجت يومًا إلى إرسال جميع العناصر في المصفوفة كعناصر فردية إلى دالة أخرى ، أم أنك بحاجة إلى وضع كل القيم من مصفوفة إلى أخرى؟ هذا هو بالضبط ما يسمح لنا عامل الانتشار (...) بتحقيقه. هذا رسم توضيحي.
15. انتظر وغير متزامن
قم بإنشاء وظائف غير متزامنة باستخدام الكلمة الأساسية غير المتزامنة ، والتي تُرجع دائمًا وعدًا ، سواء بشكل صريح أو ضمني.
يمكن استخدام الكلمة الأساسية في انتظار الوظائف غير المتزامنة لوقف التنفيذ حتى اكتمال حل الوعود المرتجعة. خارج الوظيفة غير المتزامنة الخاصة بك ، سيستمر تشغيل الرمز بشكل طبيعي.
16. استخدم طريقة include () في جافا سكريبت
في JavaScript ، تحدد الدالة include () ما إذا كانت السلسلة تحتوي على الأحرف المتوفرة أو ما إذا كانت المصفوفة تحتوي على العنصر المحدد.
هذه الطريقة ترجع صحيحًا إذا تم اكتشاف السلسلة أو العنصر ؛ وإلا فإنها ترجع خطأ. من الجدير بالذكر أن دالة Strings contains () حساسة لحالة الأحرف. إذا كنت ترغب في مطابقة سلسلة بغض النظر عن الحالة ، فما عليك سوى كتابة الأحرف الصغيرة في النص الهدف أولاً.
17. إزالة العناصر من مجموعة باستخدام لصق
لإزالة عنصر من مصفوفة ، رأيت مطورين يستخدمون وظيفة الحذف. هذا خطأ لأنه بدلاً من حذف الكائن ، تقوم طريقة الحذف باستبداله بـ غير معرف.
أسهل طريقة لإزالة عنصر من مصفوفة اعتمادًا على قيمته في JavaScript هي استخدام دالة indexOf () للحصول على رقم فهرس تلك القيمة في المصفوفة ، ثم حذف قيمة الفهرس هذه باستخدام طريقة splice () ..
18. الاستفادة من وظيفة السهم
وظائف الأسهم هي ميزة مهمة أخرى تمت إضافتها للتو إلى JavaScript.
لديهم الكثير من المزايا. بادئ ذي بدء ، فهي تجعل الأجزاء الوظيفية لجافا سكريبت أكثر جاذبية من الناحية المرئية وأسهل في الكتابة. ومع ذلك ، فإن استخدام وظائف الأسهم يجعل ذلك أكثر وضوحًا وإيجازًا.
19. باستخدام التدمير ، يمكنك تعيين قيم متغيرة بسرعة
في وقت سابق من هذا المنشور ، تعرفنا على عامل الانتشار في JavaScript. يشبه التدمير التدمير من حيث أنه يؤدي أيضًا إلى تفريغ البيانات الموجودة داخل المصفوفات.
الفرق هو أن هذه القيم غير المعبأة يمكن تخصيصها لمتغيرات مميزة. الصيغة مماثلة لتلك الخاصة بالاختصار [] عند تكوين مصفوفة. ومع ذلك ، يتم وضع الأقواس على الجانب الأيسر من عامل التخصيص هذه المرة. هذا رسم توضيحي.
20. عمل عدة مشاريع
تتطلب أي موهبة ممارسة متسقة ، لذا حاول إنشاء مجموعة متنوعة من المشاريع لصقل قدراتك واكتساب الخبرة من خلال مجموعة متنوعة من سيناريوهات البرمجة.
أثناء العمل في المشاريع ، ستواجه العديد من التحديات والأخطاء ، والتي ستوفر لك الخبرة اللازمة. لذا حاول ابتكار مشاريع ، وهناك عدد كبير من الأفكار والأمثلة على الإنترنت لمساعدتك. استمر في تطوير الكود ، وستتحسن قدراتك.
وفي الختام
قد يكون من الصعب تعلم لغة كمبيوتر مثل JavaScript. إذا كنت جادًا في أن تصبح مبرمجًا جيدًا وتأمين وظيفتك الأولى ، فإن استراتيجيات تعلم JavaScript هذه يمكن أن تساعدك على تسريع عملية التعلم الخاصة بك.
تأكد من ممارسة الترميز بشكل منتظم ، وتدوين ملاحظات شاملة أثناء تعلم أفكار جديدة ، واستخدام جميع الأدوات المتاحة لك. قبل كل شيء ، انطلق وابدأ في البرمجة بينما تستمتع.
اترك تعليق