التقنية والبرمجةمبتدئمجاني

تطوير الويب من الصفر

HTML وCSS وجافاسكريبت، بموقع منشور في النهاية

٤٫٥ (٢ تقييم)٢٣٧ متعلّم٤ وحدة١٢ درس٣ س ٢٧ دالعربية
كريم فؤادالمدرّب: كريم فؤاد

شاهد مقدّمة الكورس

الفيديو معروض من مصدره الأصلي على يوتيوب.HTML and CSS Full Course — freeCodeCamp.org, embedded from YouTube

نظرة عامة

الكورس يبني موقعاً واحداً عبر كل الوحدات، فترى كيف تتراكم القطع بدل تعلّمها منفصلة. تبدأ بصفحة نصية، تضيف التنسيق، ثم التفاعل، ثم تنشر الموقع على رابط حقيقي يمكنك مشاركته. نغطّي أيضاً التصميم المتجاوب لأن أغلب الزوار على الموبايل.

ماذا ستتعلّم

  • بناء صفحة ويب بـHTML سليم
  • تنسيق الصفحة بـCSS وتخطيطها
  • إضافة تفاعل بجافاسكريبت
  • تصميم متجاوب يعمل على الموبايل
  • نشر الموقع على رابط حقيقي

محتوى الكورس

٤ وحدة · ١٢ درس · ٣ س ٢٧ د

١الوحدة الأولى — HTML٣ · ٣٥ د

بنية الصفحة ومعناها.

    كيف يعمل الويبفيديو١١ دمعاينة مجانية
    العناصر والبنيةفيديو١٤ دمقفل — أكمل الدرس السابق أولاً
    النماذجمقال١٠ دمقفل — أكمل الدرس السابق أولاً
٢الوحدة الثانية — CSS٣ · ٤١ د

الشكل والتخطيط والتجاوب.

    الألوان والخطوط والمسافاتفيديو١٣ دمقفل — أكمل الدرس السابق أولاً
    التخطيط بـFlexbox وGridفيديو١٦ دمقفل — أكمل الدرس السابق أولاً
    التصميم المتجاوبفيديو١٢ دمقفل — أكمل الدرس السابق أولاً
٣الوحدة الثالثة — جافاسكريبت٣ · ٥٩ د

جعل الصفحة تستجيب.

    أساسيات جافاسكريبتفيديو١٥ دمقفل — أكمل الدرس السابق أولاً
    التفاعل مع الصفحةفيديو١٤ دمقفل — أكمل الدرس السابق أولاً
    تكليف: عنصر تفاعليتكليف٣٠ دمقفل — أكمل الدرس السابق أولاً
٤الوحدة الرابعة — النشر٣ · ١ س ١٢ د

من ملف على جهازك إلى رابط يعمل.

    تنظيم المشروعمقال٩ دمقفل — أكمل الدرس السابق أولاً
    النشر على الإنترنتفيديو١٣ دمقفل — أكمل الدرس السابق أولاً
    المشروع الختامي: موقعكتكليف٥٠ دمقفل — أكمل الدرس السابق أولاً

المتطلّبات

  • جهاز كمبيوتر وإنترنت
  • لا يحتاج خبرة برمجية سابقة
  • استعداد لكتابة الكود بيدك لا نسخه

المدرّب

كريم فؤاد

كريم فؤاد

مهندس برمجيات أول

٣ الكورسات · ٦٠٥ متعلّم · ٤٫٦

بايثونجافاسكريبتتطوير الويبقواعد البيانات

يعمل كريم على أنظمة تخدم مئات الآلاف من المستخدمين، ويدرّس البرمجة من زاوية المهندس لا من زاوية الكتاب: كيف تقرأ خطأ، كيف تقسّم مشكلة، ومتى يكون الحل البسيط هو الصحيح. كل كورس عنده ينتهي بمشروع يعمل فعلاً ويمكن رفعه في ملف أعمالك.

آراء المتعلّمين

نموذج توضيحي الآراء المعروضة نماذج توضيحية لعرض التصميم، وليست آراء متعلّمين حقيقيين.

بدأت وأنا لا أعرف شيئاً وانتهيت بمشروع أعرضه. الوحدة الثالثة كانت الأصعب.

متعلّمة (نموذج ٤)متعلّمة (نموذج ٤)

الترتيب منطقي والتمارين عملية. أنهيته في أسبوعين وطبّقت أول تكليف في شغلي فعلاً.

متعلّم (نموذج ٥)متعلّم (نموذج ٥)

أسئلة عن الكورس

هل الكورس مجاني؟

نعم، كامل ومجاني بالشهادة — هو الكورس المجاني في مجال التقنية.

هل يغطي React؟

لا. الكورس يبني الأساس الذي تحتاجه قبل أي إطار عمل.

هل النشر مجاني؟

نعم، نستخدم استضافة مجانية بالكامل للمشروع.

كورسات ذات صلة

مميّزضمن الاشتراك
التقنية والبرمجة، مبتدئ

البرمجة بلغة بايثون

كريم فؤاد
١٢ درساً٣ س ٢١ د٤٫٨ (٤)
‏٧٩٩ ج.م.‏‏١٬١٩٩ ج.م.‏
مميّزضمن الاشتراك
التقنية والبرمجة، مبتدئ

أساسيات الذكاء الاصطناعي التطبيقي

عمر شفيق
١٢ درساً٢ س ٤٧ د٤٫٥ (٤)
‏٧٩٩ ج.م.‏‏١٬٠٩٩ ج.م.‏
ضمن الاشتراك
التقنية والبرمجة، متوسّط

جافاسكريبت للمحترفين

كريم فؤاد
١٢ درساً٣ س ١٨ د٤٫٧ (٣)
‏٩٩٩ ج.م.‏
تواصل معنا على واتساب