تخطَّ إلى المحتوى
أكاديمية بدر التعليمية
English
أكاديمية بدر التعليمية

تصفح حسب المجال

البرمجة

HTML و CSS

ابنِ صفحات ويب حقيقية من الصفر: هيكل HTML دلالي ومتاح للجميع، وتنسيق CSS حديث بالـ Flexbox والـ Grid، وصفحات تعمل بالعربية والإنجليزية وعلى الموبايل.

  • م. عبدالمقصود بدر
  • لا توجد تقييمات بعد
  • مبتدئلا يشترط خبرة سابقة
  • 30 ساعةإجمالي وقت المحتوى
  • بالعربيةمع المصطلحات التقنية بالإنجليزية

عن الكورس

تبدأ الدورة بفهم كيف يعمل الويب، ثم تبني الهيكل بالـ HTML الدلالي، ثم التنسيق والتخطيط بالـ CSS، مع اهتمام خاص بالصفحات العربية (اتجاه من اليمين لليسار) وإتاحة المحتوى لذوي الإعاقة. تنتهي بنشر موقع شخصي من صفحتين.

Estimated duration: 30 hours (8 modules, 28 lessons + capstone)

تفاصيل الكورس (بالإنجليزية)

What you will learn

  • Explain how a browser requests and renders a page, and use developer tools to inspect HTML and CSS
  • Write a valid HTML document with correct structure, lang/dir, metadata, text, lists and links
  • Use semantic elements, images with meaningful alt text, tables for data and media elements appropriately
  • Build accessible forms with labels, input types and built-in validation
  • Apply CSS with selectors, the cascade and specificity, colours, units and typography (incl. Arabic web fonts)
  • Control the box model, sizing, spacing, backgrounds and overflow
  • Lay out pages with Flexbox and Grid and make them responsive with mobile-first media queries
  • Write direction-agnostic CSS with logical properties and custom properties, debug, validate and publish a site

Who it is for: beginners who want to build web pages; future front-end, WordPress or UX learners

Prerequisites: none; typing and file/folder basics

محتوى من إعداد أكاديمية بدر. / Academy-authored content.

محتوى من إعداد أكاديمية بدر.

النتيجة العملية

ما ستبنيه في هذا الكورس

ابنِ صفحات ويب حقيقية من الصفر: هيكل HTML دلالي ومتاح للجميع، وتنسيق CSS حديث بالـ Flexbox والـ Grid، وصفحات تعمل بالعربية والإنجليزية وعلى الموبايل.

آخر درس: 8.3 النشر

محتوى الكورس

كل محتوى الكورس ظاهر هنا بمدة كل جلسة، والجلسات تُفتح بعد الاشتراك في الكورس وتفعيله في حسابك.

  • 9وحدات
  • 28جلسة
M1 — كيف يعمل الويب3 جلسات
  1. 1.1 العميل والخادم فيديو المقدمة قريبًا
  2. 1.2 المحرر والملفات
  3. 1.3 أدوات المطور
M2 — هيكل HTML4 جلسات
  1. 2.1 العناصر والوسوم والخصائص
  2. 2.2 هيكل المستند
  3. 2.3 العناوين والفقرات والقوائم
  4. 2.4 الروابط والمسارات
M3 — HTML الدلالي والوسائط4 جلسات
  1. 3.1 عناصر التخطيط الدلالية
  2. 3.2 الصور
  3. 3.3 الجداول
  4. 3.4 الصوت والفيديو
M4 — النماذج والإتاحة3 جلسات
  1. 4.1 عناصر النموذج
  2. 4.2 أنواع الحقول والتحقق المدمج
  3. 4.3 أساسيات الإتاحة
M5 — أساسيات CSS4 جلسات
  1. 5.1 الربط والصيغة
  2. 5.2 المحددات والتتالي والخصوصية
  3. 5.3 الألوان والوحدات
  4. 5.4 النصوص والخطوط العربية
M6 — نموذج الصندوق3 جلسات
  1. 6.1 نموذج الصندوق
  2. 6.2 الهوامش والحشو والحدود
  3. 6.3 الخلفيات و overflow و display
M7 — التخطيط4 جلسات
  1. 7.1 Flexbox
  2. 7.2 Grid
  3. 7.3 position
  4. 7.4 التصميم المتجاوب
M8 — الجودة والنشر3 جلسات
  1. 8.1 الخصائص المنطقية والمتغيرات
  2. 8.2 التحقق وتصحيح الأخطاء
  3. 8.3 النشر
المشاريع والواجبات / Projects and assignmentsلا توجد جلسات
  1. A1 — «صفحة نادي المدرسة»
  2. A2 — «بطاقات الدورات»
  3. Capstone — «موقعي الشخصي ثنائي اللغة»

المحاضر

محاضر

م. عبدالمقصود بدر

  • 72 كورسًا منشورًا في الأكاديمية
الملف الشخصي

التقييمات

لا توجد تقييمات بعد – كن أول من يقيّم.

لا توجد مراجعات مكتوبة بعد

المراجعات المكتوبة يكتبها الطلاب المسجلون بعد الدراسة. لن نعرض مراجعات لم يكتبها طلاب حقيقيون.

النقاش (0)

التعليق للأعضاء المسجلين في الأكاديمية. تعليقات غير المسجلين في الكورس تُراجع من المحاضر أو الإدارة قبل ظهورها.

لا توجد تعليقات بعد – كن أول من يشارك.

خطوتك التالية

هذا الكورس ضمن مسارالبرمجةمن أول سطر كود إلى مشروع حقيقي تبنيه بنفسك. 20 كورسًا

كورسات قريبة من هذا الكورس

البرمجة

Microsoft SQL Server

العمل مع SQL Server ولغة T-SQL: الإصدارات والأدوات وقواعد البيانات، الأنواع و NVARCHAR والترتيب العربي، الاستعلام وخصائص T-SQL، الإجراءات المخزنة والدوال ومعالجة…

  • متوسط
  • 30 ساعة
م. عبدالمقصود
قريبًا – اعرف المزيد
البرمجة

React

ابنِ واجهات من مكونات: JSX والخصائص والقوائم، الحالة والأحداث، إدارة الحالة بالرفع و useReducer و Context، المؤثرات والمراجع والـ hooks المخصصة، جلب…

  • متوسط
  • 36 ساعة
م. عبدالمقصود
قريبًا – اعرف المزيد
البرمجة

PostgreSQL

PostgreSQL عمليًا: التثبيت و psql والمخططات، الأنواع الغنية (هوية، نصوص، تواريخ بمناطق زمنية، JSONB، مصفوفات، ENUM)، الاستعلام المتقدم والعودة بالنتائج والإدراج مع…

  • متوسط
  • 30 ساعة
م. عبدالمقصود
قريبًا – اعرف المزيد
البرمجة

Laravel

بناء تطبيقات ويب كاملة بإطار Laravel: التوجيه والمتحكمات وقوالب Blade، الترحيلات و Eloquent والعلاقات، النماذج والتحقق والحماية، المصادقة والصلاحيات، واجهات API مع…

  • متوسط
  • 36 ساعة
م. عبدالمقصود
قريبًا – اعرف المزيد
البرمجة

أساسيات SQL

لغة الاستعلام عن قواعد البيانات: الجداول والمفاتيح، SELECT والتصفية والترتيب، القيم الفارغة، التجميع و GROUP BY و HAVING، الربط بين الجداول، الاستعلامات…

  • مبتدئ
  • 28 ساعة
م. عبدالمقصود
قريبًا – اعرف المزيد
البرمجة

البرمجة بلغة Python

تعلّم البرمجة من الصفر بلغة Python: المتغيرات والقرارات والتكرار والقوائم والدوال والملفات، وصولًا إلى مشروع تطبيقي كامل.

  • مبتدئ
  • 36 ساعة
م. عبدالمقصود
قريبًا – اعرف المزيد
البرمجة

البرمجة بلغة PHP

برمجة الخادم بلغة PHP: المتغيرات والأنواع والنصوص، الشروط و match والحلقات والدوال، المصفوفات و JSON، النماذج والتحقق والهروب من HTML والجلسات، البرمجة…

  • مبتدئ
  • 34 ساعة
م. عبدالمقصود
قريبًا – اعرف المزيد
البرمجة

MySQL

العمل مع MySQL عمليًا: التثبيت والأدوات والاتصال، الأنواع وترميز utf8mb4 للعربية ومحرك InnoDB، الاستعلام والتعديل بخصائص MySQL، الفهارس و EXPLAIN، المستخدمون والصلاحيات…

  • مبتدئ
  • 28 ساعة
م. عبدالمقصود
قريبًا – اعرف المزيد