بعد نجاح الإصدار المجاني من ورشة عمل ReactJS (متضمنة لقطة شاشة) ، تمت إعادة بناء نفس الإصدار ليشمل محاضرات جديدة وأمثلة للرموز بما في ذلك التقييمات. يتم تقديم التنسيق الأسبوعي.
بصفتي مديرًا - ممارسة وهندسة UI ، تم وضع تصور لورشة العمل هذه التي مدتها 5 أيام بعد أن حققت نجاحًا كبيرًا من خلال تقديم ILTs بهذا التنسيق.
لقد كنت أقوم ببناء تطبيقات JavaScript لعدد من السنوات وأحب العمل مع أحدث وأكبر أطر عمل للواجهة الأمامية مثل React و Redux و ES6 و Webpack لتقديم حلول للعملاء عبر العديد من الصناعات هنا في الغرب الأوسط وما وراءه. معًا ، من خلال سلسلة من الدروس القصيرة والمختبرات المليئة بالشفرات ، سننشئ تطبيقًا قيد التشغيل باستخدام React و Redux. سوف تغادر بفهم عملي لكيفية استخدام React في تطبيقاتك الخاصة ، بالإضافة إلى كود العمل للاستفادة منه كمورد مستقبلي مفيد.

أهداف ورشة العمل
------------------------------------
1. تفاعل المفردات والمفاهيم
2. إعادة الاستخدام
3. الإلمام بأدوات JS الحديثة
4. التقييم
5. رابط لأمثلة التعليمات البرمجية
6. معيار PPT على مادة الموضوع.
7. نهج منظم لمدة 5 أيام في معالجة منحنى التعلم.

1. إعادة الأساسيات
في الجزء الأول من ورشة العمل هذه ، سنبدأ بتغطية مفاهيم React الأساسية مثل DOM الظاهري. بمجرد مسح المفاهيم الأساسية ، سنغطي فئات React و API التي يتم توفيرها. سنخوض في التفاصيل حول التصيير ، والحالات ، والعناصر ، بالإضافة إلى دورة حياة مكوِّن React. بعد ذلك ، ستنتقل المناقشة إلى JSX والاختلافات المهمة بين HTML العادي. سنغطي كيفية اختبار مكون React الأول باستخدام Jest and Enzyme. وبالطبع ، نظرة عامة على مشهد أدوات React: بما في ذلك أحدث أدوات إنشاء JS ، وإدارة تبعية JS ، وإطار عمل Create-React-App المذهل.

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

3-إعادة
الآن بعد أن بدأت البصمة التطبيقية لدينا في النمو ، سنحتاج إلى نمط جيد لتنظيم حالة جميع مكوناتنا. هذا هو المكان الذي تأتي فيه بنية Redux: أن تكون المصدر الوحيد للحقيقة لدعم تطبيق الصفحة الواحدة. سنغطي في هذه المحاضرة الأجزاء الرئيسية من Redux (الإجراءات ، والمخفضات ، والمخازن) وكيفية تفاعلها. في المعمل ، سنضيف مكتبة Redux إلى تطبيقنا ونستخدمها لتوفير البيانات لمكونات React الخاصة بنا.

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