MODULE 1: HTML Basics
يتناول هذا الجزء التعرف على أساسيات لغة HTML وبناء الهيكل الأول لصفحات الويب، من إنشاء المشروع وكتابة العناوين والفقرات، إلى إدراج الصور والروابط والنماذج. يهدف هذا القسم إلى تمكين المبتدئ من فهم العناصر الأساسية للصفحة وكيفية تنظيم المحتوى بطريقة صحيحة وواضحة تمهيدًا للانتقال إلى مراحل التنسيق والتطوير المتقدمة.
0/7
MODULE 1: HTML & CSS Fundamentals
يتناول هذا الجزء استكمال عناصر HTML المهمة مثل الجداول والعناصر الدلالية، مع التعرف على وسم وتنظيم الصفحة بشكل صحيح. كما يقدّم مدخلًا إلى لغة CSS، وشرح مفهوم class وid وأنواع عرض العناصر (inline وblock)، مما يمهّد لفهم كيفية تنسيق الصفحات وبنائها بطريقة أكثر تنظيمًا واحترافية.
0/9
MODULE 2: CSS Fundamentals
يتناول هذا الجزء أساسيات تنسيق صفحات الويب باستخدام CSS، حيث يتعرّف المتدرّب على كيفية التحكم في المسافات والحدود والخلفيات، وفهم أولوية القواعد (Specificity)، بالإضافة إلى تنسيق الخطوط والألوان بطريقة صحيحة. يهدف هذا القسم إلى مساعدة المبتدئين على تحويل صفحاتهم من شكلٍ بسيط إلى تصميمٍ منسّق وواضح يعكس فهماً سليماً لأساسيات التنسيق.
0/8
MODULE 2: CSS Advanced Styling
يتناول هذا الجزء أساليب تموضع العناصر داخل الصفحة باستخدام خصائص position بأنواعها المختلفة، وكيفية التحكم في ترتيبها وظهورها.
كما يشرح التعامل مع خاصية overflow، وإخفاء العناصر، والتحكم في الشفافية،
بالإضافة إلى إضافة تأثيرات تفاعلية مثل hover وtransition. يساعد هذا القسم المبتدئ على فهم كيفية تنظيم العناصر بصريًا وإضافة لمسات حركية بسيطة تجعل التصميم أكثر احترافية.
0/9
MODULE 2: CSS Flexbox & Responsive Design
يتناول هذا الجزء أساليب تنسيق الصفحات الحديثة باستخدام Flexbox لتنظيم العناصر بشكل مرن واحترافي، مع التعرف على متغيرات CSS لتسهيل إدارة القيم داخل المشروع. كما يشرح مفهوم التصميم المتجاوب عبر Media Query، وتطبيق ذلك عمليًا من خلال إنشاء شريط تنقل (Navbar).
يهدف هذا القسم إلى تمكين المتدرّب من بناء واجهات مرنة تتكيف مع مختلف أحجام الشاشات بطريقة عملية وواضحة.
0/17
MODULE 2: CSS Bootstrp
يتناول هذا الجزء التعرف على إطار العمل Bootstrap واستخدامه في بناء صفحات ويب متجاوبة بسرعة وسهولة. يبدأ بشرح بعض الخصائص المتقدمة في CSS مثل العناصر الوهمية وخصائص الصور، ثم ينتقل إلى أساسيات Bootstrap وأدواته الجاهزة، ونظام الشبكة (Grid System) ونقاط التوقف (Breakpoints). يهدف هذا القسم إلى تمكين المتدرّب من إنشاء تصميمات عملية ومتناسقة تدعم مختلف أحجام الشاشات بأسلوب منظم وواضح.
0/9
MODULE 3: Final Project 1
تطبيق عملي شامل بـ HTML & CSS
0/7
MODULE 3: Final Project 2
تطبيق عملي شامل بـ HTML & CSS
0/2
MODULE 4: JavaScript Fundamentals
"أساسيات البرمجة بـ JavaScript" أو "مقدمة إلى JavaScript" — وهي اللبنة الأولى لأي مبرمج قبل الدخول في المفاهيم المتقدمة.
0/12
MODULE 4: JS Control Flow
"التحكم في تدفق البرنامج" أو "Control Flow" — وهي المرحلة التي يبدأ فيها الكود يتخذ قرارات ويكرر مهام بشكل ذكي.
0/6
MODULE 4: JS Functions & Strings
"الدوال والتعامل مع النصوص" — وهي المرحلة التي يبدأ فيها الكود يتنظم ويصبح قابلًا لإعادة الاستخدام.
0/7
MODULE 5: JS Functions, Objects & Arrays
"Functions, Objects & Arrays" — وهي المرحلة التي يبدأ فيها المبرمج يكتب كودًا منظمًا واحترافيًا ويتعامل مع البيانات المعقدة.
0/10
MODULE 5: JS Methods & Events
"DOM Interaction & Methods" — وهي المرحلة التي يبدأ فيها الكود يتفاعل مع الصفحة ويُنجز عمليات حقيقية.
0/6
MODULE 5: JS CRUD
0/5
MODULE 5: JS Data Management & Browser Storage
"Data Management & Browser Storage" — وهي المرحلة التي يتعلم فيها المبرمج كيف يحفظ البيانات ويتحكم فيها داخل المتصفح.
0/6
