ReactJS
Training Description
ReactJS هي أحدى مكتبات الجافا سكريبت التي تستخدم لبناء واجهة المستخدم تفاعلية بطريقة سهله للغاية، ﻻ يجب عليك سوى أن تصمم واجهة بسيطة لكل حالة من حالات التطبيق و بعدها React يتكفل وبفاعلية بتحديث و إعادة رسم المكّون المعني بالتحديث فقط عند تغيُّر البيانات.
يعتمد React بشكل أساسي على مفهوم المكوّنات (Components). حيث يجب عليك بناء مكوّنات مُغلَّفة تُدير حالتها الخاصّة، ومن ثمّ تُركِّب هذه المكوّنات مع بعضها لإنشاء واجهات مستخدم مُعقّدة.
بما أنّ منطق المكوّنات مكتوب باستخدام JavaScript بدلًا من صيغة القوالب، فبإمكانك تمرير الكثير من البيانات عبر تطبيقك بسهولة وإبقاء الحالة بعيدة عن DOM.
Skills acquired in accordance with SFIA:
Training Course index
اليوم الأول:
- الشروع في العمل مع React JS
- بدء التشغيل باستخدام Webpack loader & Browserify
اليوم الثاني :
- إنشاء مكونات تطبيقات المهام
- إنشاء تطبيق بحث ذكي
- إنشاء تطبيق عربة التسوق
- إنشاء سلة التسوق ومكونات قائمة المنتجات
- إنشاء مكون المنتج
اليوم الثالث :
- تجميع المكونات باستخدام Webpack
- أمثلة قيد التشغيل على وحدة تحكم Chrome
- وحدات استيراد وتصدير
اليوم الرابع :
- الاختلافات بين مثيلات المكون وفئات المكونات
- تطبيق الأنماط على المكونات
- مقدمة إلى تطبيقات الصفحة الواحدة باستخدام React JS
اليوم الخامس:
- تنفيذ دورة الحياة والتواصل بين المكونات
- تنفيذ توجيه React باستخدام جهاز التوجيه
- لنبدأ مع Redux
- ما هو Redux مع الفرق بين Redux و Flux
- إدارة حالة التطبيق باستخدام تطبيق قائمة الكتب النامية Redux
Training course outcomes
عند الانتهاء من هذه الدورة ، سوف تكون قادرًا على:
1- تدريب التطوير الشامل لتمكين الشركاء من إنشاء تطبيق كامل مع خدمات React + Redux + Redis + Redux Store و Redux Thunk و Redux.
2- معرفة أساسيات React.js مع ES6 وحزمة الويب مع أمثلة التعليمات البرمجية
3- تفاعل اختبار التطبيق باستخدام الأطر
4- تطوير التطبيق باستخدام Redux React
5- فهم إطار عمل React js
Training Pre-requirements
سعودي الجنسية.
الحصول على دبلوم كحد أدنى وفي تخصص تقني أو معلوماتي أو هندسي
اكبر من 18 سنة
وجود جهاز حاسب آلي سعته لا تقل عن 4 جيجا بايت وانترنت مناسب
ملاحظة الدورة من 10 صباحا الى 2 مساء لمدة خمسة أيام
Related Professional Certificates |
|
---|---|
Trainer Name |
|
Trainer Experiences |
|