01
تتابع شروحات كثيرة بلا مسار واضح
كل درس يعلمك شيئا صغيرا، لكنك لا تعرف ما الذي يجب أن تتعلمه أولا وما الذي يأتي بعده.
الدورة المطلوبة لمن يريد بداية صحيحة في تطوير الويب
الدورة الشاملة لتعلم تطوير مواقع وتطبيقات الويب
من الصفر إلى بناء تطبيقات حقيقية بالذكاء الاصطناعي. مسار عملي واضح يساعدك على التعلم خطوة بخطوة حتى تنتقل من متابعة الدروس إلى بناء مواقع وتطبيقات ويب حقيقية بنفسك.
السعر الحالي
290 درهم
790 درهم
عرض محدود
مناسب للمبتدئين حتى لو كنت تبدأ من الصفر تماما
أكثر من 120 فيديو تطبيقي مع 3 مشاريع حقيقية
حصة مباشرة أسبوعية ومتابعة للطالب طيلة الدورة
تعلم عملي مع دمج الذكاء الاصطناعي في بناء المشاريع
تشاهد شروحات كثيرة لكن ما زلت غير قادر على بناء مشروع حقيقي؟
هذا هو المشكل الذي يقع فيه أغلب المبتدئين: كثرة المحتوى، غياب التدرج، وضياع الوقت بين شروحات متفرقة لا توصلك إلى نتيجة واضحة. هذه الدورة صممت لتكسر هذه الحلقة.
02
تفهم الدرس لكن لا تستطيع التطبيق وحدك
بعد نهاية الفيديو تجد نفسك غير قادر على تحويل الفكرة إلى مشروع عملي أو صفحة تعمل فعلا.
03
لا تعرف كيف تنتقل من الأساسيات إلى المشاريع
تعلمت بعض HTML وCSS وربما JavaScript، لكنك لا تعرف كيف تجمعها في مشروع متكامل.
04
تخاف أن تضيع وقتك في محتوى لا يوصلك للنتيجة
أنت تريد طريقا عمليا مختصرا، لا مجرد معلومات متفرقة بدون متابعة ولا مشروع نهائي حقيقي.
لأنك لا تحتاج المزيد من النظريات، بل تحتاج مسارا عمليا يبني مستواك بوضوح
هذه الدورة ليست تجميعا عشوائيا للدروس، بل تجربة تعلم متدرجة تبدأ معك من الصفر وتنتقل بك إلى تنفيذ مشاريع حقيقية مع توجيه واضح، وتطبيق مباشر، وفهم عملي للأدوات الحديثة.
منهج خطوة بخطوة
كل مرحلة مبنية على التي قبلها حتى لا تشعر بالضياع أو التشتت، وحتى تعرف دائما أين أنت وإلى أين تتجه.
تعلم عملي من البداية
التركيز في الدورة على التطبيق الحقيقي وبناء الصفحات والواجهات والخصائص، وليس على الشرح النظري فقط.
دمج الذكاء الاصطناعي داخل التعلم
ستتعلم كيف تستفيد من أدوات الذكاء الاصطناعي لتسريع العمل، تحسين التفكير، ورفع جودة المشاريع التي تبنيها.
محتوى غني ومركز يساعدك على التعلم والتطبيق والمتابعة حتى النهاية
كل عنصر في هذه الدورة تم اختياره ليعطيك قيمة حقيقية: محتوى تطبيقي، مشاريع فعلية، دعم مباشر، ومتابعة تساعدك على الاستمرار.
120+
أكثر من 120 فيديو تطبيقي
دروس عملية مقسمة بشكل واضح حتى تتمكن من التعلم بسرعة وترجع إليها بسهولة كلما احتجت.
محتوى مركز ومباشر3
3 مشاريع حقيقية
لن تتوقف عند التمارين البسيطة، بل ستبني مشاريع تعطيك خبرة عملية وتوضح لك كيف يشتغل المشروع من البداية للنهاية.
خبرة تطبيقية حقيقيةبث
حصة مباشرة أسبوعية
لقاء أسبوعي لمراجعة التقدم، توضيح النقاط الصعبة، والإجابة عن الأسئلة حتى لا تبقى وحدك أثناء التعلم.
دعم مباشر منتظمدعم
متابعة للطالب طيلة الدورة
ستحصل على توجيه مستمر يساعدك على تجاوز العوائق والمحافظة على الاستمرارية حتى تصل إلى المشروع النهائي.
مرافقة حتى الإتقانأدوات وتقنيات حديثة تؤهلك لبناء مواقع وتطبيقات ويب حقيقية
ستتعلم التقنيات الأساسية والمتقدمة بطريقة مترابطة حتى تعرف كيف تستخدم كل أداة في مكانها الصحيح داخل مشروع كامل.
HTML
CSS
Algorithms
JavaScript
Git & GitHub
Tailwind CSS
React.js
PHP
Laravel
MySQL
Docker
المشروع النهائي
في نهاية الدورة ستبني موقع تجارة إلكترونية متكامل
الهدف ليس فقط أن تتعلم التقنيات، بل أن تطبقها في مشروع E-commerce حقيقي يبين أنك قادر على بناء متجر متكامل من الواجهة إلى الخلفية، مع خصائص ذكية وتكاملات عملية تشبه ما يُطلب في المشاريع الحديثة.
ما الذي ستخرج به فعلياً؟
مشروع Portfolio حقيقي
AI Features
Delivery API
لن تنتهي الدورة وأنت تحمل معلومات فقط، بل ستخرج بمشروع متكامل يعكس قدرتك على بناء واجهة، خلفية، لوحة تحكم، وخصائص حديثة مطلوبة فعلاً في السوق.
- متجر إلكتروني متكامل لعرض المنتجات، الفئات، وصفحات التفاصيل وتجربة شراء احترافية
- سلة شراء ونظام طلبات وإدارة واضحة لرحلة العميل من التصفح إلى تأكيد الطلب
- خصائص ذكاء اصطناعي داخل المشروع مثل اقتراحات ذكية، تحسين وصف المنتجات، أو مساعدة في البحث
- ربط API خاص بالتوصيل من أجل إرسال الطلبات أو تتبع حالة الشحن والتوصيل
- لوحة تحكم لإدارة المنتجات، الطلبات، العملاء، والمحتوى بشكل عملي ومنظم
- ربط الواجهة بالخلفية وقاعدة البيانات في مشروع حقيقي قابل للتطوير والعرض داخل البورتفوليو
خطة واضحة تنقلك من الأساسيات إلى بناء تطبيقات ويب متقدمة
كل مرحلة في المسار لها هدف واضح وتطبيقات عملية، حتى تتقدم بثبات دون أن تشعر بالقفز بين مواضيع غير مترابطة.
01
الانطلاقة الصحيحة وفهم المجال
تعرف على طريقة عمل الويب، الأدوات الأساسية، وكيف تبني عقلية صحيحة للتعلم العملي من البداية.
- فهم بنية مواقع الويب
- إعداد بيئة العمل
- أساسيات التنظيم والتدرج
02
إتقان HTML وCSS
ستبني الصفحات بشكل صحيح وتتعلم تصميم واجهات نظيفة ومتجاوبة تصلح للعمل الحقيقي.
- بنية الصفحات والعناصر الدلالية
- التنسيق والمرونة والتجاوب
- واجهات حديثة وعملية
03
JavaScript والخوارزميات
ستفهم المنطق البرمجي اللازم لبناء التفاعل، حل المشاكل، والانتقال من الصفحات الثابتة إلى الواجهات الذكية.
- المتغيرات والدوال والشروط
- التعامل مع DOM والأحداث
- أساسيات Algorithms بشكل مبسط
04
أدوات العمل الحديثة
ستتعلم كيف تنظم شغلك وتتعامل مع Git وGitHub وDocker بشكل عملي داخل مشاريع حقيقية.
- إدارة الأكواد والإصدارات
- العمل باحترافية أكبر
- تسريع دورة التطوير
05
بناء الواجهات والتطبيقات المتقدمة
ستنتقل إلى React.js وTailwind CSS لتبني واجهات أسرع وأكثر تنظيما واستعدادا للمشاريع الحديثة.
- مكونات قابلة لإعادة الاستخدام
- تصميم سريع ومرن
- تجربة تطوير حديثة
06
الخلفية وقاعدة البيانات والمشروع النهائي
هنا ستتعلم PHP وLaravel وMySQL وربط كل شيء معا حتى تبني تطبيقا متكاملا مع دمج الذكاء الاصطناعي.
- إدارة البيانات والطلبات
- منطق الخادم وبناء APIs
- تنفيذ مشروع نهائي حقيقي
المسار التعليمي
Course Introduction
Available in
days
days
after you enroll
HTML Fundamentals
Available in
days
days
after you enroll
- How the Web Works and Build Your First Project from Scratch (10:02)
- Create Your First HTML Project (0:41)
- HTML Comments and Code Organization (3:08)
- Essential HTML Elements Every Beginner Should Know (25:03)
- Creating Forms and Handling User Input in HTML (21:02)
- Working with Images and Media in HTML (14:44)
- Lesson 06: Build Your First Real Website Using HTML (11:28)
CSS for Web Design
Available in
days
days
after you enroll
- Lesson 07: What is CSS and Why We Use It (0:53)
- Where to Write CSS (4:54)
- Writing CSS Comments (2:30)
- CSS Syntax and Rules (5:23)
- Colors and Backgrounds in CSS (16:16)
- Dimensions and Element Sizing in CSS (4:55)
- Display Property and Element Layout (7:34)
- CSS Selectors and Targeting Elements (16:35)
- Spacing and Box Model (Margin, Padding, Box Sizing) (12:34)
- Positioning Elements in CSS (26:05)
- Handling Overflow in CSS (6:01)
- Flexbox for Layout and Alignment (11:01)
- Hover Effects, Transitions, and Cursor Styling (15:19)
- Typography and Text Styling (10:30)
- Responsive Design with Media Queries (18:30)
- Practical Project: Build a Login Page (53:29)
JavaScript and algorithms
Available in
days
days
after you enroll
- Where to Write JavaScript (4:18)
- How JavaScript Works Inside the Browser (3:09)
- Writing Comments in JavaScript (0:52)
- Introduction to Variables in JavaScript (0:44)
- Variable Naming Rules and Best Practices (7:57)
- Data Types in JavaScript (8:48)
- Declaring Variables with let and const (12:24)
- Conditional Statements in JavaScript (15:59)
- Operators in JavaScript (14:12)
- Loops in JavaScript (16:55)
- Arrays in JavaScript (13:41)
- Array Methods in JavaScript (13:43)
- Functions in JavaScript (11:21)
- Introduction to the DOM (4:00)
- DOM Methods and Element Selection (33:28)
- DOM Events and User Interaction (27:24)
- Objects and the this Keyword (7:33)
- Working with JSON in JavaScript (9:33)
- Storing Data with Local Storage (8:38)
- Understanding JavaScript Errors (3:52)
- JavaScript Error Handling: console.log vs throw (5:01)
- JavaScript APIs Fundamentals: Using Fetch to Get Data (13:43)
- Handling Errors with Try & Catch in JavaScript
- Asynchronous Error Handling in JavaScript: Promises, .catch(), and async/await
Tailwind CSS (Utility-First Styling)
Available in
days
days
after you enroll
- What is Tailwind CSS and Why Use It
- Setting Up Tailwind CSS in Your Project
- Understanding Utility Classes in Tailwind
- Layout and Spacing in Tailwind CSS
- Colors, Backgrounds, and Borders
- Typography and Text Styling
- Flexbox and Grid in Tailwind CSS
- Responsive Design with Tailwind
- Hover Effects and Transitions in Tailwind
- Building Reusable UI Components
- Practical Project: Build a Modern Landing Page
Git & Version Control
Available in
days
days
after you enroll
- What is Git and Why Developers Use It
- Installing Git and Initial Setup
- Creating Your First Repository
- Tracking Changes and Making Commits
- Understanding the Git Workflow
- Working with Branches in Git
- Merging Branches
- Introduction to GitHub and Remote Repositories
- Pushing and Pulling Code from GitHub
- Resolving Merge Conflicts
- Best Practices for Using Git in Projects
PHP
Available in
days
days
after you enroll
- Arithmetic Operators (5:13)
- Arrays [Indexed & Associative] (21:40)
- Arrays [Multidimensional] (37:05)
- Arrays [Sorting] (14:35)
- Arrays Introduction (8:28)
- Assignment Operators (4:27)
- Comparison Operators (9:58)
- Condition ( if _ elseif _ else ) (5:59)
- Function [Argument & Returning ] (18:28)
- Function Introduction (10:34)
- Increment Decrement Operators (6:04)
- Logical Operators (15:06)
- Loops [ Do ... while ] (2:44)
- Loops [for] (18:46)
- Loops [While] (8:43)
- Loops Introduction (6:44)
- Operators Introduction (2:16)
- Print Function (6:29)
- Switch Statement (12:24)
- Syntax & Comment (9:01)
- Variables & Constant (15:08)
مدرب يركز على الفهم والتطبيق
شرح واضح، متابعة عملية، ومحتوى مبني على مشاريع حقيقية
من يقودك في هذه الرحلة
Adnane Chaikhi
مطوّر Full-Stack ومدرّب بخبرة أكثر من 8 سنوات، أعمل كمستقل مع شركات وعملاء في المغرب، أوروبا، وكندا. أشتغل على تطبيقات ويب باستخدام React وLaravel، مع تركيز على تجربة المستخدم، الأداء، وكود نظيف وقابل للتوسع. طورت منصات تجارة إلكترونية، لوحات تحكم، وأنظمة مخصصة. في التدريب، ساعدت أكثر من 200 طالب على تعلم البرمجة وبناء مشاريع كاملة من الصفر بأسلوب عملي يحاكي سوق العمل. في هذه الدورة، ستحصل على نفس المنهجية والخبرة التي أستخدمها يومياً مع العملاء.
ما يميّز هذا المسار أنك لن تستهلك دروساً نظرية، بل ستبني تطبيقات كاملة من الصفر، وستكتسب طريقة التفكير التي يعتمدها المطورون في المشاريع الحقيقية.
- شرح مبسط ومنظم يراعي المبتدئ ولا يتركه في منتصف الطريق
- تركيز كبير على التطبيق العملي بدل التراكم النظري
- توجيه مستمر حتى تصل إلى مشروع نهائي حقيقي يمكن الافتخار به
5+ سنوات خبرة عملية
1000+ طالب ومتابع
تعليم عربي مركز وواضح
من الصفر إلى تطوير مشاريع حقيقية — هذا ما حققه طلابنا
لا خبرة مسبقة، لا تعقيد — فقط مسار واضح ونتائج يمكن رؤيتها.
عرض محدود
ابدأ الآن بسعر مناسب قبل انتهاء العرض
290 درهم
790 درهم
هذه فرصة قوية إذا كنت تريد الدخول إلى المجال بمسار واضح ومحتوى عملي يساعدك على بناء مهارة حقيقية بدل التشتت بين الدروس المجانية.
ماذا يشمل التسجيل؟
- أكثر من 120 فيديو تطبيقي منظم بشكل واضح
- 3 مشاريع حقيقية تساعدك على بناء خبرة عملية
- حصة مباشرة أسبوعية للإجابة عن الأسئلة وتوضيح الصعوبات
- متابعة للطالب طيلة الدورة حتى يحافظ على التقدم
- تعلم عملي من الصفر إلى بناء مواقع وتطبيقات ويب حقيقية
- مشروع نهائي حقيقي مع دمج الذكاء الاصطناعي
مناسب للمبتدئين
تركيز على التطبيق
نتيجة واضحة وملموسة
كل ما تحتاج معرفته قبل التسجيل
إذا كان لديك أي تردد قبل الانضمام، فهذه الإجابات ستوضح لك الصورة بشكل مباشر وسريع.
هل الدورة مناسبة للمبتدئين تماما؟
نعم، الدورة مصممة خصيصا للمبتدئ الذي لا يملك خلفية قوية في البرمجة. ستبدأ من الصفر بخطوات واضحة ثم تنتقل تدريجيا إلى مراحل أكثر تقدما.
هل أحتاج إلى تجربة سابقة في البرمجة أو تطوير الويب؟
لا، لست بحاجة إلى خبرة سابقة. المهم أن تكون لديك رغبة حقيقية في التعلم والالتزام بالتطبيق، وستجد داخل الدورة مسارا مبسطا يساعدك على البداية الصحيحة.
هل الدورة نظرية أم عملية؟
الدورة عملية بالدرجة الأولى. ستتعلم من خلال تطبيقات متدرجة ومشاريع حقيقية حتى تنتقل من الفهم النظري إلى القدرة على البناء والتنفيذ.
كيف تتم المتابعة مع الطلاب؟
هناك متابعة للطالب طيلة الدورة مع حصة مباشرة أسبوعية لمراجعة التقدم، حل المشاكل، والإجابة عن الأسئلة حتى تحافظ على الاستمرارية.
ماذا سأتمكن من بنائه بعد نهاية الدورة؟
ستكون قادرا على بناء مواقع وصفحات احترافية، بالإضافة إلى تطبيق ويب حقيقي كمشروع نهائي، مع فهم أوضح للواجهة الأمامية والخلفية وأساسيات العمل الحديث.
هل يمكنني الاستفادة من الدورة إذا كنت من المغرب أو الجزائر؟
نعم، محتوى الدورة مكتوب ومصاغ بطريقة مناسبة للمبتدئ العربي في المغرب والجزائر، مع شرح واضح ولغة مباشرة وسهلة الفهم.
كيف يمكنني التسجيل بسرعة؟
يكفي أن تضغط على زر واتساب الموجود في الصفحة وترسل رسالة التسجيل، أو تنتقل إلى صفحة الدورة على الموقع من خلال الرابط المباشر.
الخطوة التالية بين يديك
إذا كنت تريد بداية قوية في تطوير الويب فهذه هي فرصتك المناسبة
الدورة تمنحك مسارا واضحا، محتوى عمليا، مشاريع حقيقية، ومتابعة مستمرة حتى لا تبقى عالقا بين الدروس بدون نتيجة.
ابدأ الآن وتعلم كيف تبني مواقع وتطبيقات ويب حقيقية من الصفر مع دمج الذكاء الاصطناعي داخل رحلتك التعليمية.