إتقان HTML و CSS
-
AI Tools
-
CSS3
-
Figma
-
Git
-
HTML5
- 1
- 4
hours in Accelarated Training A full weekend sprint to a finished project.
- 4
- 8
hours in Continued Training 3 months / 12 weeks for intensive full covered training.
Our students are getting hired by top freelnacing companies. We can help you too.
حول هذا التدريب
يُعدّ HTML و CSS الأساس الذي يقوم عليه كل موقع على الإنترنت. في هذا التدريب ستنطلق من ملف فارغ لتصل إلى موقع ويب كامل ومتجاوب واحترافي المظهر — وهي بالضبط المهارة التي يدفع العملاء المستقلون مقابلها، والقاعدة التي تحتاجها قبل أي framework أو CMS أو مكتبة JavaScript. هذا التدريب العملي على HTML و CSS في تطوان تطبيقي بالكامل، ضمن مجموعة صغيرة من 16 طالبًا كحد أقصى.
هذا التدريب عملي 100%. أنت لا تكتفي بالمشاهدة — بل تبني موقعًا حقيقيًا خطوة بخطوة، وتحتفظ بالكود والمشروع في النهاية. سواء اخترت الصيغة المكثّفة (تدريب من 14 ساعة خلال عطلة نهاية الأسبوع) أو الصيغة المستمرة (حوالي 48 ساعة على مدى 3 أشهر)، ستخرج بمشروع تعرضه على عملائك وتضيفه إلى ملف أعمالك (portfolio).
اختر صيغتك
الصيغتان عمليّتان 100% — الفرق هو العمق ووقت الممارسة:
- المكثّفة (سبرينت عطلة الأسبوع، 14 ساعة): الأساسات بسرعة — HTML5 الدلالي وجوهر CSS3 وأول صفحة متجاوبة لك على الإنترنت.
- المستمرة (3 أشهر، حوالي 48 ساعة): حرفة الواجهات كاملة — تخطيطات Flexbox و Grid ومكوّنات UI حقيقية والحركات وتحويل تصميم Figma إلى HTML وعدة مواقع كاملة.
ما الذي ستتعلّمه
- كيف يعمل الويب: مستندات HTML، المتصفّح، وكيفية بناء الصفحة
- HTML5 الدلالي (semantic) — العناوين والقوائم والروابط والصور والجداول والنماذج بالطريقة الصحيحة
- CSS3 الحديث — الألوان والخطوط والمسافات ونموذج الصندوق (box model) والأنماط القابلة لإعادة الاستخدام
- تصاميم متجاوبة تعتمد على الهاتف أولاً باستخدام Flexbox و CSS Grid
- قوائم التنقّل، أقسام hero، البطاقات، الأزرار، ومكوّنات واجهة حقيقية
- الانتقالات وتأثيرات التمرير (hover) والرسوم المتحركة الخفيفة
- تحويل تصميم Figma أو صورة إلى HTML و CSS بدقّة عالية (design-to-HTML)
- بنية ملفات نظيفة وأفضل الممارسات القابلة لإعادة الاستخدام في كل مشروع
- نشر موقعك على الإنترنت
تعلّم أسرع مع الذكاء الاصطناعي
ستتعلّم أيضًا كيفية استخدام أدوات الذكاء الاصطناعي مثل ChatGPT و Claude كمُعلّم شخصي — لشرح الكود الذي لا تفهمه، وإصلاح التصاميم المعطّلة، وتوليد كود بداية، ومواصلة التعلّم بعد انتهاء التدريب بوقت طويل. فبدلاً من أن تتوقّف عند مشكلة، ستعرف تمامًا كيف تطرح الأسئلة الصحيحة وكيف تتحقّق من الإجابات، بحيث يُسرّع الذكاء الاصطناعي تعلّمك بدل أن يحلّ محلّ فهمك.
ما الذي ستحصل عليه
- موقع ويب كامل ومتجاوب بنيتَه بنفسك
- كل كود ومصادر مشروعك للاحتفاظ بها
- طريقة عمل قابلة لإعادة الاستخدام لبناء المواقع انطلاقًا من تصميم
- شهادة إتمام من Freelancers Web Academy (بعد إنجاز مشروع فردي)
الخطوة التالية الطبيعية هي تدريب JavaScript — أو ابنِ مواقع دون برمجة عبر WordPress.
جاهز للبدء؟ اختر موعدًا أدناه أو راسلنا على واتساب.
المتطلّبات المسبقة
لا شيء. هذا تدريب للمبتدئين تمامًا — لا يتطلّب أي برمجة أو تصميم أو خلفية تقنية. كل ما تحتاجه هو حاسوب محمول والرغبة في البناء. نبدأ من أول سطر في HTML ونأخذك حتى موقع ويب مكتمل.