21:I[136834,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/22hgxf35ctwa7.js","/_next/static/immutable/chunks/3wzrv_v9svik2.js","/_next/static/immutable/chunks/1u1wjrm4gik14.js","/_next/static/immutable/chunks/0o69qb1urstsc.js","/_next/static/immutable/chunks/1okjuzrx-e0re.js","/_next/static/immutable/chunks/1w0pfjpmwb3i1.js","/_next/static/immutable/chunks/0o4nxkvsqnp-z.js","/_next/static/immutable/chunks/3-7s51ih79alo.js","/_next/static/immutable/chunks/1-_2rz54razfw.js","/_next/static/immutable/chunks/0hcrexuci0lpe.js","/_next/static/immutable/chunks/0x-9uqpbbp9fe.js","/_next/static/immutable/chunks/336y4882uuw2b.js","/_next/static/immutable/chunks/0h1d65eo2-bu8.js","/_next/static/immutable/chunks/1eryhqltb_6ig.js"],"PublicProgramDetailPage"] 25:I[27201,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/22hgxf35ctwa7.js","/_next/static/immutable/chunks/3wzrv_v9svik2.js","/_next/static/immutable/chunks/1u1wjrm4gik14.js","/_next/static/immutable/chunks/0o69qb1urstsc.js","/_next/static/immutable/chunks/1okjuzrx-e0re.js","/_next/static/immutable/chunks/1w0pfjpmwb3i1.js","/_next/static/immutable/chunks/0o4nxkvsqnp-z.js","/_next/static/immutable/chunks/3-7s51ih79alo.js","/_next/static/immutable/chunks/1-_2rz54razfw.js","/_next/static/immutable/chunks/0hcrexuci0lpe.js"],"IconMark"] 22:Ta5a,

ينقل هذا المستوى المتدرب من المواقع التقليدية إلى بناء تطبيقات ويب تفاعلية تتعامل مع البيانات والمستخدمين والخدمات باستخدام JavaScript الحديث وReact.

أهداف المستوى

إتقان مفاهيم JavaScript الحديثة.
بناء واجهات تفاعلية قابلة لإعادة الاستخدام.
استهلاك REST APIs وإدارة البيانات والحالة.
تنفيذ المصادقة وعمليات CRUD.

المحاور التدريبية

ES6+ وModules وArray Methods.
Promises وAsync/Await وFetch وJSON.
React: Components وProps وState وHooks.
Routing وForms وValidation.
State Management بالمفاهيم المناسبة للمستوى.
REST APIs وAuthentication وAuthorization الأساسي.
CRUD وربط التطبيق بقاعدة بيانات أو Backend Service.
Loading وError States وDebugging واختبارات أساسية.
Git Branches والعمل التعاوني والنشر.

التطبيق العملي

استهلاك APIs حقيقية وربطها بالواجهة.
بناء مكونات React قابلة لإعادة الاستخدام.
تنفيذ تسجيل الدخول وإدارة البيانات والنماذج.

المشروع التطبيقي

بناء تطبيق ويب مثل نظام حجوزات أو إدارة مهام أو متجر مصغر، يتضمن حسابات مستخدمين وCRUD وقاعدة بيانات وواجهة Responsive.

المخرجات المتوقعة

تطوير تطبيقات React تفاعلية.
ربط REST APIs والتعامل مع البيانات غير المتزامنة.
تنفيذ Authentication وCRUD.
إدارة الحالة والنماذج والتنقل.
نشر تطبيق ويب متصل بالبيانات.

المتطلبات السابقة

اجتياز المستوى الأول شرط إلزامي.
لا يسمح بالدخول المباشر إلى المستوى الثاني.

الانتقال للمستوى التالي

اجتياز تطبيقات وتقييمات ومشروع المستوى شرط للانتقال إلى المستوى الثالث.

23:T7cc,

This applied level moves learners from traditional websites into interactive, data-driven applications using modern JavaScript, React, APIs, and backend services.

Level Goals

Apply modern JavaScript concepts confidently.
Build reusable interactive interfaces.
Consume REST APIs and manage application data and state.
Implement authentication and CRUD workflows.

Training Modules

ES6+, modules, array methods, and code organization.
Promises, async/await, Fetch, and JSON.
React components, props, state, and hooks.
Routing, forms, and validation.
State management concepts appropriate to the level.
REST APIs, authentication, and basic authorization.
CRUD and database or backend-service integration.
Loading states, error handling, debugging, and basic testing.
Git branches, collaboration, and deployment.

Practical Work

Consume real APIs and connect them to the UI.
Build reusable React components.
Implement login, forms, and data workflows.

Applied Project

Build a web application such as a booking system, task manager, or mini e-commerce platform with user accounts, CRUD operations, a database, and responsive UI.

Expected Outcomes

Build interactive React applications.
Integrate REST APIs and asynchronous data.
Implement authentication and CRUD.
Manage state, forms, and navigation.
Deploy a data-driven web application.

Prerequisites

Successful completion of Level 1 is mandatory.
Direct entry to Level 2 is not permitted.

Progression Requirement

Completion of this level, its assessments, and project is required before Level 3.

24:Ta5a,

أهداف المستوى

إتقان مفاهيم JavaScript الحديثة.
بناء واجهات تفاعلية قابلة لإعادة الاستخدام.
استهلاك REST APIs وإدارة البيانات والحالة.
تنفيذ المصادقة وعمليات CRUD.

المحاور التدريبية

ES6+ وModules وArray Methods.
Promises وAsync/Await وFetch وJSON.
React: Components وProps وState وHooks.
Routing وForms وValidation.
State Management بالمفاهيم المناسبة للمستوى.
REST APIs وAuthentication وAuthorization الأساسي.
CRUD وربط التطبيق بقاعدة بيانات أو Backend Service.
Loading وError States وDebugging واختبارات أساسية.
Git Branches والعمل التعاوني والنشر.

التطبيق العملي

استهلاك APIs حقيقية وربطها بالواجهة.
بناء مكونات React قابلة لإعادة الاستخدام.
تنفيذ تسجيل الدخول وإدارة البيانات والنماذج.

المشروع التطبيقي

المخرجات المتوقعة

تطوير تطبيقات React تفاعلية.
ربط REST APIs والتعامل مع البيانات غير المتزامنة.
تنفيذ Authentication وCRUD.
إدارة الحالة والنماذج والتنقل.
نشر تطبيق ويب متصل بالبيانات.

المتطلبات السابقة

اجتياز المستوى الأول شرط إلزامي.
لا يسمح بالدخول المباشر إلى المستوى الثاني.

الانتقال للمستوى التالي

اجتياز تطبيقات وتقييمات ومشروع المستوى شرط للانتقال إلى المستوى الثالث.

19:["$","$L21",null,{"entityType":"course","initialData":{"id":"46fc902f-a7af-4ae2-a282-2eda0ff4c95e","course_no":40,"title":"تطوير تطبيقات الويب التفاعلية","slug":"web-development-career-path-level-2","description":"$22","price":450,"duration":"8 أسابيع - 40 ساعة تدريبية","trainer_id":null,"backup_trainer_id":null,"hall_id":null,"is_published":true,"created_at":"2026-08-19T21:08:08.937783+00:00","title_en":"Interactive Web Application Development","title_ar":"تطوير تطبيقات الويب التفاعلية","slug_en":null,"slug_ar":null,"description_en":"$23","description_ar":"$24","category_en":"Web Development","category_ar":"تطوير المواقع","level_en":"Level 2 - Applied","level_ar":"المستوى الثاني - تطبيقي","capacity":null,"start_date":null,"end_date":null,"language":null,"thumbnail_url":"https://qcqeegcggbyrwafdzfew.supabase.co/storage/v1/object/public/images/courses/course-web-development-career-path-level-2-1787177515194-1.webp","resources":{"registration_template":{"mode":"custom","fields":[{"id":"c1468d53-b2d2-4563-9927-3e3b5890275d","type":"single_select","help_ar":"","help_en":"","options":[{"id":"86fe87b4-8b4c-446c-902a-f16c89375cde","label_ar":"نعم","label_en":"Yes"},{"id":"bccc5a43-6d27-49aa-99ad-2d94f8a2e44f","label_ar":"لا","label_en":"No"}],"label_ar":"هل اجتزت المستوى الأول من هذا المسار؟","label_en":"Have you successfully completed Level 1 of this path?","required":true,"placeholder_ar":"","placeholder_en":""},{"id":"c8bd173e-4239-412a-aa69-5d2bad51c348","type":"multi_select","help_ar":"","help_en":"","options":[{"id":"fe5f4ddb-3ab0-4d3f-8a5d-dc89a64eec42","label_ar":"HTML وCSS والتصميم المتجاوب","label_en":"HTML, CSS, and responsive design"},{"id":"b23542d9-b061-401f-a965-24dc2ce5b670","label_ar":"JavaScript وDOM","label_en":"JavaScript and DOM"},{"id":"c464aeba-388a-4922-82b4-5f7e5aff0531","label_ar":"Git وGitHub","label_en":"Git and GitHub"},{"id":"3d44de3d-efd5-4aa0-b3de-73c5ca4aab6f","label_ar":"بناء صفحات ومواقع متعددة الأقسام","label_en":"Building multi-section websites"},{"id":"dffdd567-3336-42a2-bfa5-9e0fb4977443","label_ar":"أحتاج إلى مراجعة بعض الأساسيات","label_en":"I need to review some fundamentals"}],"label_ar":"أي من المهارات التالية تستطيع التعامل معها حالياً؟","label_en":"Which of the following skills can you currently work with?","required":true,"placeholder_ar":"","placeholder_en":""},{"id":"241e14b2-6d5b-4b14-aa61-cb7e42640b4c","type":"multi_select","help_ar":"","help_en":"","options":[{"id":"c3ba6089-e07b-4c34-9a52-bf7975c35731","label_ar":"React وبناء الواجهات التفاعلية","label_en":"React and interactive interfaces"},{"id":"63d57580-84d9-4a31-8a39-006535ea03d8","label_ar":"REST APIs والتعامل مع البيانات","label_en":"REST APIs and data handling"},{"id":"9ed4fa68-6102-44cf-8eca-586c448c2329","label_ar":"المصادقة وحسابات المستخدمين","label_en":"Authentication and user accounts"},{"id":"d25d2462-893f-4062-916c-bec7a9841a99","label_ar":"CRUD وربط التطبيق بقاعدة بيانات","label_en":"CRUD and database integration"},{"id":"9473d0a1-c0da-43c6-81b5-31ec7feb451a","label_ar":"بناء تطبيق ويب متكامل","label_en":"Build a complete web application"}],"label_ar":"ما المهارات التي ترغب في تطويرها خلال هذا المستوى؟","label_en":"Which skills would you like to develop during this level?","required":true,"placeholder_ar":"","placeholder_en":""},{"id":"a993d8f0-4a7f-41b4-85cd-26570620f390","type":"single_select","help_ar":"","help_en":"","options":[{"id":"44708f13-5c79-4481-9b05-a17f2ad371c1","label_ar":"نعم","label_en":"Yes"},{"id":"b0ae7b42-7b43-42bc-be4a-424f96a032ea","label_ar":"لا","label_en":"No"}],"label_ar":"هل تمتلك جهاز لابتوب؟","label_en":"Do you own a laptop?","required":true,"placeholder_ar":"","placeholder_en":""},{"id":"fe5c4c75-4701-4762-a8a8-de85fe24f55f","type":"short_text","help_ar":"","help_en":"","label_ar":"ما نوع جهاز اللابتوب الذي تمتلكه؟","label_en":"What is the type of your laptop?","required":false,"max_length":100,"placeholder_ar":"مثال: Dell، HP، Lenovo، MacBook","placeholder_en":"e.g. Dell, HP, Lenovo, MacBook"}],"version":1,"intro_ar":"","intro_en":"","base_fields":{"email":{"enabled":true,"label_ar":"البريد الإلكتروني","label_en":"Email","required":false,"placeholder_ar":"البريد الإلكتروني","placeholder_en":"Email address"},"notes":{"enabled":true,"label_ar":"ملاحظات","label_en":"Notes","required":false,"placeholder_ar":"أضف أي ملاحظة مهمة","placeholder_en":"Add any important note"},"phone":{"enabled":true,"label_ar":"الهاتف","label_en":"Phone","required":true,"placeholder_ar":"رقم الهاتف","placeholder_en":"Phone number"},"full_name":{"enabled":true,"label_ar":"الاسم الكامل","label_en":"Full name","required":true,"placeholder_ar":"اكتب الاسم الكامل","placeholder_en":"Enter full name"}},"media_gallery":{"images":[],"videos":[]},"submit_label_ar":"","submit_label_en":""}},"tags_en":["React","REST APIs","Authentication and CRUD"],"tags_ar":["React","REST APIs","المصادقة وCRUD"],"start_time":null,"end_time":null,"course_days":[],"venue_ar":null,"venue_en":null,"course_group_id":"1cbc293b-e3d8-442a-874d-776d3d161944","batch_no":1,"pricing_mode":"fixed","session_duration":null,"attendance_mode":"onsite","catalog_description_ar":"

انتقل إلى بناء تطبيقات ويب تفاعلية باستخدام JavaScript الحديث وReact وREST APIs والمصادقة وقواعد البيانات، ثم نفّذ تطبيقًا حقيقيًا متصلًا بالبيانات.

","catalog_description_en":"

Advance into interactive web applications with modern JavaScript, React, REST APIs, authentication, and databases, then build a complete data-driven application.

","registration_status":"open","registration_availability":"registration","active_registrations_count":0,"remaining_capacity":null},"initialCourseBatches":["$19:props:initialData"],"courseGroupId":"1cbc293b-e3d8-442a-874d-776d3d161944","initialLocale":"ar"}] 1c:null 20:[["$","title","0",{"children":"تطوير تطبيقات الويب التفاعلية | المحور الرقمي"}],["$","meta","1",{"name":"description","content":"انتقل إلى بناء تطبيقات ويب تفاعلية باستخدام JavaScript الحديث وReact وREST APIs والمصادقة وقواعد البيانات، ثم نفّذ تطبيقًا حقيقيًا متصلًا بالبيانات."}],["$","link","2",{"rel":"canonical","href":"https://digitalhub.ly/courses/web-development-career-path-level-2"}],["$","link","3",{"rel":"alternate","hrefLang":"ar","href":"https://digitalhub.ly/courses/web-development-career-path-level-2"}],["$","link","4",{"rel":"alternate","hrefLang":"en","href":"https://digitalhub.ly/en/courses/web-development-career-path-level-2"}],["$","link","5",{"rel":"alternate","hrefLang":"x-default","href":"https://digitalhub.ly/courses/web-development-career-path-level-2"}],["$","meta","6",{"property":"og:title","content":"تطوير تطبيقات الويب التفاعلية | المحور الرقمي"}],["$","meta","7",{"property":"og:description","content":"انتقل إلى بناء تطبيقات ويب تفاعلية باستخدام JavaScript الحديث وReact وREST APIs والمصادقة وقواعد البيانات، ثم نفّذ تطبيقًا حقيقيًا متصلًا بالبيانات."}],["$","meta","8",{"property":"og:url","content":"https://digitalhub.ly/courses/web-development-career-path-level-2"}],["$","meta","9",{"property":"og:site_name","content":"المحور الرقمي | Digital Hub"}],["$","meta","10",{"property":"og:locale","content":"ar_LY"}],["$","meta","11",{"property":"og:image","content":"https://qcqeegcggbyrwafdzfew.supabase.co/storage/v1/object/public/images/courses/course-web-development-career-path-level-2-1787177515194-1.webp"}],["$","meta","12",{"property":"og:image:alt","content":"تطوير تطبيقات الويب التفاعلية"}],["$","meta","13",{"property":"og:locale:alternate","content":"en_US"}],["$","meta","14",{"property":"og:type","content":"website"}],["$","meta","15",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","16",{"name":"twitter:title","content":"تطوير تطبيقات الويب التفاعلية | المحور الرقمي"}],["$","meta","17",{"name":"twitter:description","content":"انتقل إلى بناء تطبيقات ويب تفاعلية باستخدام JavaScript الحديث وReact وREST APIs والمصادقة وقواعد البيانات، ثم نفّذ تطبيقًا حقيقيًا متصلًا بالبيانات."}],["$","meta","18",{"name":"twitter:image","content":"https://qcqeegcggbyrwafdzfew.supabase.co/storage/v1/object/public/images/courses/course-web-development-career-path-level-2-1787177515194-1.webp"}],["$","link","19",{"rel":"shortcut icon","href":"/logo.ico"}],["$","link","20",{"rel":"icon","href":"/favicon.ico?favicon.14wc6v3o6id3l.ico","sizes":"256x256","type":"image/x-icon"}],["$","link","21",{"rel":"icon","href":"/logo.ico"}],["$","link","22",{"rel":"apple-touch-icon","href":"/apple-touch-icon.png"}],["$","$L25","23",{}]]