مسار تعلم · تطوير الويب

دروس مباشرة تطوير الويب

دروس مباشرة يتم بثها مرة بالأسبوع حول أساسيات تطوير الويب

  • 11 خطوة
  • 11 فيديو
  • المستوى: مبتدئ
  • يُحدَّث باستمرار
  • آخر تحديث: يونيو 2024

خريطة المسار

  1. أساسيات HTML4 خطوات
  2. أساسيات CSS3 خطوات
  3. أساسيات جافاسكربت4 خطوات
  4. أنهيت المسارأحسنت، وصلت إلى النهاية

قبل أن تبدأ

عبارة عن دروس مباشرة مخصصة للمبتدئين فعلاً.

مصادر المسار

خطوات المسار

تقدمك في المسار

0 من 11 خطوة

0%

ابدأ المسار ←

علّم كل خطوة تنهيها، بأي ترتيب. يُحفظ تقدمك في هذا المتصفح.

100 أساسيات HTML

4 خطوات

سنستكشف عالم HTML ونقدم لك دليل شامل حول كيفية تصفح شيفرة المصدر HTML لأي موقع وكيفية كتابة ملف HTML بنفسك.

  1. 101 مقدمة عامة وكتابة أول ملف HTML فيديو

    سنقوم بتعريف حول HTML بشكل مبسط، وكيف بدأت؟ وما هي أساسيات إنشاء ملف HTML ؟ وما هي الوسوم الأساسية في HTML؟

  2. 102 المزيد حول ترميز HTML فيديو

    هنا سنتعلم المزيد حول وسوم HTML، وكيفية استخدامها؟ وما هو المعنى الذي تحمله ومتى يجب استخدامها؟

  3. 103 نماذج HTML فيديو

    كيف يتم إنشاء نماذج HTML؟ كيف يتم اضافة حقول الادخال المختلفة مثل النصوص و الأرقام والتاريخ؟ كيف يتم اضافة حقول القائمة مثل Select و checkbox و radio؟

  4. 104 ٍSemantic Elements فيديو

    الهدف من HTML هو ترميز النصوص لإعطائها معنى معين. في هذا الدرس سنتعلم المزيد من Semantic HTML Elements.

200 أساسيات CSS

3 خطوات

تعلم أساسيات CSS بطريقة سهلة ومبسطة.

  1. 201 الخطوة الأولى في تعلم CSS فيديو
  2. 202 مشروع CSS مبسط -1- فيديو

    تعلم أهم قواعد CSS من خلال مشروع مبسط مثل display, position, font-size, color, background, transition, flex, width, height وغيرها.

  3. 203 مشروع CSS مبسط -2- فيديو

    نكمل بتعلم CSS من خلال التطبيق على مشروع مبسط

300 أساسيات جافاسكربت

4 خطوات

تعلم أساسيات جافاسكربت المبسطة، كيف تنشىء ملف جافاسكربت وكيف تكتب المتغيرات وFunctions و الجمل الشرطية والتكرارية.

  1. 301 أساسيات الأساسيات فيديو
  2. 302 طريقة التنفيذ وتعريف المتغييرات فيديو

    في هذا الدرس سنتعلم طريقة تنفيذ الأوامر في لغة جافاسكربت وحول كيفية كتابة الجمل الشرطية وإضافة المتغييرات باستخدام كلمات var, const, let.

  3. 303 المتغيرات، المصفوفات والكائنات فيديو

    كيفية إنشاء متغيرات في جافاسكربت باستخدام الكلمات المفتاحية var ، const, let وما هو الفرق بينها. كما سنتعلم معاً حول كيفية إنشاء arrays و objects باستخدام لغة جافاسكربت.

  4. 304 الدوال ودوال المصفوفات فيديو

    سنتعلم معاً حول functions وحول arrow functions وأهميتها في تطوير الويب. كما سنتصفح حول array helpers مثل Find ، filter و map.