22: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"] 26: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"] 23:T99a,

يضع هذا المستوى الأساس الصحيح لتطوير الويب، ويمنح المتدرب القدرة على بناء مواقع حديثة ومتجاوبة دون الحاجة إلى خبرة برمجية سابقة.

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

فهم طريقة عمل الويب والمتصفح والخادم.
بناء صفحات منظمة باستخدام HTML.
تصميم واجهات متجاوبة باستخدام CSS.
إضافة التفاعل الأساسي باستخدام JavaScript.

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

HTML والعناصر الدلالية والروابط والصور والنماذج.
CSS وBox Model والألوان والخطوط والمسافات.
Flexbox وGrid وResponsive Design.
JavaScript: المتغيرات والشروط والحلقات والدوال.
Arrays وObjects وDOM وEvents.
Developer Tools وأساسيات Git وGitHub.
مبادئ Accessibility ونشر المواقع.

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

بناء صفحات ويب من الصفر.
تحويل تصميم بسيط إلى واجهة Responsive.
إنشاء نماذج وتفاعلات باستخدام JavaScript.

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

إنشاء ونشر موقع متجاوب لمؤسسة أو نشاط تجاري، يتضمن عدة صفحات وعناصر تفاعلية ليكون أول مشروع في Portfolio المتدرب.

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

بناء موقع باستخدام HTML وCSS وJavaScript.
تصميم واجهات متجاوبة مع الشاشات المختلفة.
التعامل مع DOM وإضافة تفاعلات أساسية.
استخدام Git لإدارة المشروع ونشر الموقع.

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

لا يشترط وجود خبرة سابقة في البرمجة.
تكفي مهارات أساسية في استخدام الحاسوب.

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

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

24:T6f6,

This level establishes the core skills needed to build modern responsive websites without requiring previous programming experience.

Level Goals

Understand how browsers, clients, and servers work.
Build structured pages with HTML.
Create responsive interfaces with CSS.
Add basic interaction with JavaScript.

Training Modules

HTML, semantic elements, links, images, and forms.
CSS, box model, typography, spacing, and styling.
Flexbox, Grid, and responsive design.
JavaScript variables, conditions, loops, and functions.
Arrays, objects, DOM manipulation, and events.
Developer tools, Git, and GitHub fundamentals.
Accessibility basics and website publishing.

Practical Work

Build web pages from scratch.
Convert a simple design into a responsive interface.
Create forms and interactions with JavaScript.

Applied Project

Build and publish a responsive multi-page website for a business or organization, creating the learner's first portfolio project.

Expected Outcomes

Build websites with HTML, CSS, and JavaScript.
Create layouts for different screen sizes.
Use the DOM to add basic interaction.
Manage code with Git and publish a website.

Prerequisites

No previous programming experience is required.
Basic computer literacy is sufficient.

Progression Requirement

Successful completion of this level and its project is required before Level 2.

25:T99a,

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

فهم طريقة عمل الويب والمتصفح والخادم.
بناء صفحات منظمة باستخدام HTML.
تصميم واجهات متجاوبة باستخدام CSS.
إضافة التفاعل الأساسي باستخدام JavaScript.

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

HTML والعناصر الدلالية والروابط والصور والنماذج.
CSS وBox Model والألوان والخطوط والمسافات.
Flexbox وGrid وResponsive Design.
JavaScript: المتغيرات والشروط والحلقات والدوال.
Arrays وObjects وDOM وEvents.
Developer Tools وأساسيات Git وGitHub.
مبادئ Accessibility ونشر المواقع.

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

بناء صفحات ويب من الصفر.
تحويل تصميم بسيط إلى واجهة Responsive.
إنشاء نماذج وتفاعلات باستخدام JavaScript.

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

إنشاء ونشر موقع متجاوب لمؤسسة أو نشاط تجاري، يتضمن عدة صفحات وعناصر تفاعلية ليكون أول مشروع في Portfolio المتدرب.

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

بناء موقع باستخدام HTML وCSS وJavaScript.
تصميم واجهات متجاوبة مع الشاشات المختلفة.
التعامل مع DOM وإضافة تفاعلات أساسية.
استخدام Git لإدارة المشروع ونشر الموقع.

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

لا يشترط وجود خبرة سابقة في البرمجة.
تكفي مهارات أساسية في استخدام الحاسوب.

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

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

1a:["$","$L22",null,{"entityType":"course","initialData":{"id":"18031bad-ce22-4ade-ad69-45fb4e001932","course_no":39,"title":"أساسيات تطوير المواقع","slug":"web-development-career-path-level-1","description":"$23","price":350,"duration":"6 أسابيع - 32 ساعة تدريبية","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":"Web Development Foundations","title_ar":"أساسيات تطوير المواقع","slug_en":null,"slug_ar":null,"description_en":"$24","description_ar":"$25","category_en":"Web Development","category_ar":"تطوير المواقع","level_en":"Level 1 - Foundation","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-1-1787177513047-1.webp","resources":{"registration_template":{"mode":"custom","fields":[{"id":"13876bd2-08c1-40d7-8d53-ae1fd1faec6d","type":"single_select","help_ar":"","help_en":"","options":[{"id":"e306b458-0013-4e8f-8c23-24cd526e49f0","label_ar":"مبتدئ تماماً","label_en":"Complete beginner"},{"id":"a75d9dbd-2d01-4a45-b48a-5cd9e59e22ff","label_ar":"لدي معرفة بسيطة","label_en":"I have basic knowledge"},{"id":"e0399474-ad74-4415-a37a-5c691f072657","label_ar":"سبق أن أنشأت صفحات ويب بسيطة","label_en":"I have built simple web pages before"}],"label_ar":"ما مستوى خبرتك الحالي في تطوير المواقع؟","label_en":"What is your current web development experience level?","required":true,"placeholder_ar":"","placeholder_en":""},{"id":"e0660cc9-545a-4b1e-9ac0-c14fcbf697fb","type":"multi_select","help_ar":"","help_en":"","options":[{"id":"1ce468ea-2993-4bf6-b0d7-ea7a7540b50f","label_ar":"HTML","label_en":"HTML"},{"id":"0155b84e-f10f-46da-ad28-1b66250a80cd","label_ar":"CSS","label_en":"CSS"},{"id":"25c5acd1-dcab-4fda-a8cb-d8556f4b8d20","label_ar":"JavaScript","label_en":"JavaScript"},{"id":"ee18f61f-db87-4180-a3e0-c57ed1073d12","label_ar":"Git وGitHub","label_en":"Git and GitHub"},{"id":"2785a7de-09b6-4de6-b000-769023c12016","label_ar":"لا توجد لدي معرفة سابقة","label_en":"No previous knowledge"}],"label_ar":"أي من التقنيات التالية لديك معرفة سابقة بها؟","label_en":"Which of the following technologies are you familiar with?","required":false,"placeholder_ar":"","placeholder_en":""},{"id":"2bb24dbf-a513-45db-84f3-540e4114c413","type":"single_select","help_ar":"","help_en":"","options":[{"id":"b70eb991-4f90-42ff-a8d9-1ae7ff6745b3","label_ar":"تعلم تطوير المواقع من الصفر","label_en":"Learn web development from scratch"},{"id":"115ed64d-fc62-48f7-b5c6-eb5815d6db1e","label_ar":"تعلم HTML وCSS وJavaScript","label_en":"Learn HTML, CSS, and JavaScript"},{"id":"699a6b21-dbf0-4928-83c5-726be33f3e6d","label_ar":"بناء ونشر أول موقع عملي","label_en":"Build and publish my first website"},{"id":"473ee826-bd4f-4109-a1a9-c40edb07d3be","label_ar":"الاستعداد للمستوى التطبيقي","label_en":"Prepare for the applied level"}],"label_ar":"ما هدفك الأساسي من هذا المستوى؟","label_en":"What is your main goal for this level?","required":true,"placeholder_ar":"","placeholder_en":""},{"id":"fe5a6fd6-b3d7-4ccd-9db9-61431f70ff77","type":"single_select","help_ar":"","help_en":"","options":[{"id":"0cef1a16-9532-4e98-9a7b-98fc2f05f840","label_ar":"نعم","label_en":"Yes"},{"id":"413d78b6-2c97-40f1-ac70-f1ede96da0a8","label_ar":"لا","label_en":"No"}],"label_ar":"هل تمتلك جهاز لابتوب؟","label_en":"Do you own a laptop?","required":true,"placeholder_ar":"","placeholder_en":""},{"id":"ef66ed18-918c-493d-a77f-2d74f5af4dcd","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":["HTML and CSS","JavaScript Fundamentals","Responsive Design"],"tags_ar":["HTML وCSS","JavaScript الأساسي","التصميم المتجاوب"],"start_time":null,"end_time":null,"course_days":[],"venue_ar":null,"venue_en":null,"course_group_id":"8b8cf3fc-0597-49ba-afdf-446063c94411","batch_no":1,"pricing_mode":"fixed","session_duration":null,"attendance_mode":"onsite","catalog_description_ar":"

ابدأ تطوير المواقع من الصفر وتعلّم HTML وCSS وJavaScript والتصميم المتجاوب وGit، ثم ابنِ وانشر موقعًا متكاملًا ليكون أول مشروع عملي في Portfolio الخاص بك.

","catalog_description_en":"

Start web development from the ground up with HTML, CSS, JavaScript, responsive design, and Git, then build and publish your first complete portfolio website.

","registration_status":"open","registration_availability":"registration","active_registrations_count":0,"remaining_capacity":null},"initialCourseBatches":["$1a:props:initialData"],"courseGroupId":"8b8cf3fc-0597-49ba-afdf-446063c94411","initialLocale":"ar"}] 1d:null 21:[["$","title","0",{"children":"أساسيات تطوير المواقع | المحور الرقمي"}],["$","meta","1",{"name":"description","content":"ابدأ تطوير المواقع من الصفر وتعلّم HTML وCSS وJavaScript والتصميم المتجاوب وGit، ثم ابنِ وانشر موقعًا متكاملًا ليكون أول مشروع عملي في Portfolio الخاص بك."}],["$","link","2",{"rel":"canonical","href":"https://digitalhub.ly/courses/web-development-career-path-level-1"}],["$","link","3",{"rel":"alternate","hrefLang":"ar","href":"https://digitalhub.ly/courses/web-development-career-path-level-1"}],["$","link","4",{"rel":"alternate","hrefLang":"en","href":"https://digitalhub.ly/en/courses/web-development-career-path-level-1"}],["$","link","5",{"rel":"alternate","hrefLang":"x-default","href":"https://digitalhub.ly/courses/web-development-career-path-level-1"}],["$","meta","6",{"property":"og:title","content":"أساسيات تطوير المواقع | المحور الرقمي"}],["$","meta","7",{"property":"og:description","content":"ابدأ تطوير المواقع من الصفر وتعلّم HTML وCSS وJavaScript والتصميم المتجاوب وGit، ثم ابنِ وانشر موقعًا متكاملًا ليكون أول مشروع عملي في Portfolio الخاص بك."}],["$","meta","8",{"property":"og:url","content":"https://digitalhub.ly/courses/web-development-career-path-level-1"}],["$","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-1-1787177513047-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":"ابدأ تطوير المواقع من الصفر وتعلّم HTML وCSS وJavaScript والتصميم المتجاوب وGit، ثم ابنِ وانشر موقعًا متكاملًا ليكون أول مشروع عملي في Portfolio الخاص بك."}],["$","meta","18",{"name":"twitter:image","content":"https://qcqeegcggbyrwafdzfew.supabase.co/storage/v1/object/public/images/courses/course-web-development-career-path-level-1-1787177513047-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"}],["$","$L26","23",{}]]