تذكّر الدرس الأول، حين كان console.log(450 + 1200) برنامجًا كاملًا. منذ ذلك الحين بنيت Pocket: تطبيقًا يتحقّق من المدخلات، ويحتفظ ببياناته في كائن state واحد، ويعرض قائمة مصفّاة مع مجاميعها، ويتعامل مع النقرات عبر مستمع مفوَّض واحد، ويحفظ في التخزين، ومنظّمًا في وحدات لكل منها مهمة واضحة. وتعرف أيضًا لماذا تعمل كل قطعة، من حقيقة ما تفعله = إلى الترتيب الذي تنفّذ به حلقة الأحداث الـ callbacks.
هذا الأساس لا تنتهي صلاحيته. أطر العمل تأتي وتذهب؛ أما المتغيّرات والدوال والمصفوفات والكائنات والـ DOM والأحداث والـ promises فهي المادة التي صُنعت منها كلها.
\nالخطوة التالية الأكثر فاعلية على الإطلاق هي أن تبني أشياء لم يخبرك أحد كيف تبنيها. بعض الأفكار، مرتّبة بشكل عام من الأسهل إلى الأصعب:
\nfetch ويحسب النتيجة.توقّع أن تتعثّر. التعثّر، ثم البحث في MDN، ثم تصحيح طريقك للخروج، هو المهارة الحقيقية، ولا تنمو إلا بممارستها.
\nكل مما يلي يُبنى مباشرة على ما تعرفه الآن، وكل منه يحلّ مشكلة شعرت بها من قبل:
\nexpenses.js مثالية للاختبارات الآلية التي تُثبت أنها تعمل وتظل تعمل. ودورة اختبار تطبيقات JavaScript تبدأ من هناك.aria-invalid والأزرار الحقيقية؛ ودورة إمكانية الوصول على الويب عمليًا تجعلها عادة في كل واجهة تبنيها.أبقِ MDN مفتوحًا وأنت تكتب الكود؛ فهو المرجع الذي يستخدمه المطوّرون المحترفون يوميًا. اقرأ كل رسالة خطأ حتى نهايتها قبل أن تبحث عنها. وحين يتصرّف شيء بغرابة، افحص القيم الحقيقية بالطباعة أو بنقطة توقّف قبل أن تغيّر الكود. واكتب دوال صغيرة بأسماء واضحة: فأنت في المستقبل أكثر من سيقرأ كودك على الأرجح.
\n","toc":[{"id":"sec-1","text":"واصل البناء","level":2},{"id":"sec-2","text":"إلى أين من هنا","level":2},{"id":"sec-3","text":"عادات تستحق الاحتفاظ بها","level":2}],"takeaways":["صار بإمكانك كتابة برامج تمثّل البيانات، وتتخذ القرارات، وتحوّل القوائم، وتحدّث الصفحة، وتتعامل مع المدخلات، وتحفظ البيانات، وتتحدّث إلى الخوادم.","أسرع طريقة للنموّ من هنا هي بناء مشاريعك الصغيرة الخاصة من أولها إلى آخرها، أكثر من القراءة عن الأدوات الجديدة.","TypeScript، وإطار عمل مثل React، والاختبارات، وإمكانية الوصول، كلها تُبنى مباشرة على ما علّمته هذه الدورة، وكل منها يحلّ مشكلة صرت تعرفها.","MDN هو المرجع الذي يجب أن يبقى مفتوحًا أمامك؛ اقرأ رسائل الأخطاء كاملة وصحّح الأخطاء بالأدلة قبل البحث عن إجابات."],"further":[{"title":"JavaScript Guide (MDN)","url":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide"},{"title":"TypeScript for JavaScript Programmers","url":"https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html"},{"title":"Quick Start (react.dev)","url":"https://react.dev/learn"}],"quiz":[{"q":"أنهيت Pocket وتريد أن تتحسّن بأسرع ما يمكن. أيّ خطة هي الأفضل؟
","options":[{"text":"اقرأ ثلاثة شروحات أخرى قبل أن تكتب أي كود إضافي.","why":"القراءة تساعد، لكن المهارات تأتي من حلّ مشاكل لم ترها من قبل. والشروحات وحدها تُشعرك بالإنجاز لكنها لا تثبت جيدًا."},{"text":"تعلّم ثلاثة أطر عمل دفعة واحدة لترى أيّها الأفضل.","why":"أطر العمل تتشارك أسس JavaScript نفسها. وتعلّم واحد منها جيدًا يعلّمك أكثر من المرور السريع على ثلاثة."},{"text":"احفظ كل دوال المصفوفات قبل أن تنتقل إلى غيرها.","why":"معرفة وجود الدالة والبحث عن تفاصيلها في MDN هي طريقة عمل المحترفين. والحفظ ليس عنق الزجاجة."},{"text":"أضف إلى Pocket ميزة لم ترَ أحدًا يبنيها، مثل الميزانيات الشهرية، ثم ابنِ تطبيقًا صغيرًا ثانيًا من الصفر.","why":"صحيح. بناء شيء دون دليل خطوة بخطوة يجبرك على التصميم وتصحيح الأخطاء والبحث، وهذه هي المهارة الحقيقية."}],"answer":3},{"q":"يتعطّل Pocket مرارًا حين تستلم دالة مصروفًا قيمة amount فيه نص. أيّ موضوع تالٍ يعالج هذا بأكثر شكل مباشر؟
أيّ عادة من هذه الدورة هي الأهم حين تصادف خطأً برمجيًا في مشروع جديد؟
","options":[{"text":"انسخ أول إجابة تجدها على الإنترنت، ثم امضِ قدمًا.","why":"الإصلاحات المنسوخة دون فهم كثيرًا ما تحلّ مشكلة أخرى وتُنتج خطأً جديدًا."},{"text":"اقرأ الخطأ وأثر المكدّس كاملين، ثم افحص القيم الحقيقية عند السطر الذي يفشل.","why":"صحيح. الرسالة والسطر والقيم الفعلية تشير عادةً مباشرة إلى السبب."},{"text":"أعِد كتابة الميزة كلها من الصفر.","why":"إعادة الكتابة ترمي كودًا يعمل، وكثيرًا ما تُعيد الخطأ نفسه. جد السبب أولًا."}],"answer":1}],"exercise":null,"words":404,"readMinutes":3}