دورة HTML & CSS وبناء المشاريع بها

تعلم كيفية بناء صفحات الانترنت باستخدام html & css من خلال دورة مكثفة وعدد كبير من المشاريع التطبيقية

مقدمة عن الدورة

ماذا سنتعلم في هذه الدورة؟

تقنيات الويب وكيف تعمل

مواقع الإنترنت وأنواعها

الفرق بين HTML & CSS

تجهيز البيئة المحلية للتطوير

ماهي الأوسمة tags في html

انواع الأوسمة وخصائصها

خصائص وكيفية استخدام css

التكامل بين html & css

تخطيط صفحات الويب والتصميم

المحاذات في الصفحات ودعم اللغات

اضافة الصور و الوسائط المتعددة للمواقع

التحكم بالخطوط والألوان والنصوص

أوسمة النصوص واستخداماتها والفروقات بينها

نماذج البيانات والحقول forms & inputs

جداول البيانات وتنسيقاتها

التحكم في ابعاد العناصر والهوامش لها

استخدام الأيقونات والخطوط الخارجية

خصائص العرض المتعددة

التصاميم المرنة والمتوافقة مع احجام الشاشات المختلفة

توجيه العناصر والتحكم في أماكن الظهور

اضافة الروابط في الصفحات وربط صفحات متعددة

المؤثرات البصرية وجماليات الصفحات

نصائح في التصميم والتطوير

وخصائص كثيرة أخرى داخل المشاريع

وصف الدورة

دورة مكثفة في تعلم تطوير مواقع الإنترنت باستخدام HTML & CSS

في هذه الدورة سوف تتعلم عدد كبير من المهارات اللازمة التي تمكنك من تصميم المواقع بكل سهولة وذلك من خلال منهج مكثف ومرن في التعلم من مدرب لديه خبرة كبيرة في مجال تطوير المواقع.

المتطلبات

جهاز حاسب آلي بمواصفات:

معالج لا يقل عن i3
ذاكرة عشوائية لا تقل عن 4GB

اتصال انترنت

هذه الدورة تتوفر في مسارات

مسار Front-End Development

ترتيبها ضمن المسار : 1

مسار وخطة تعليمية لتطوير واجهات المواقع باحترافية Front-end Development

مسار Full Stack Development

ترتيبها ضمن المسار : 1

مسار وخطة تعليمية مخصصة لاكتساب مهارات التطوير المتكاملة Full Stack Development

منهج هذه الدورة

المدة	الدروس (150)
المقدمة - مقدمة الدورة
05:10	مقدمة عن الدورة مقدمة عن هذه الدورة والمحتوى والمدرب
13:41	مدخل إلى تقنيات الويب بهذا الدرس سنتعرف على تقنيات الويب كيف تعمل وأين يكمن مكان عمل مطور المواقع
إعدادات البيئة المحلية للتطوير + بهذا القسم سنقوم بتحميل برنامج بيئة التطوير المتكاملة IDE مع شرح لمزاياه وتثبيت الإضافة التي سوف نحتاج لها أثناء التعلم
01:43	الحصول على المحرر البرمجي بهذا الدرس سنقوم بالدخول للموقع الخاص بالمحرر وتحميله
06:32	كيفية استخدام المحرر بهذا الدرس سنقوم بالتعرف على المحرر الذي قمنا بتحميله وكيفية التعامل معه وتثبيت الإضافات التي نحتاجها
أساسيات HTML & CSS + في هذه المرحلة من الدورة سنتعرف على أساسيات لغة HTML ولغة CSS وكيف يتم كتابتها وعرض مخرجاتها
07:05	ماهي لغة HTML بهذا الدرس سنتعرف على لغة HTML وكيفية كتابتها
06:29	الهيكل الرئيسي لصفحات HTML مهم تحتوي صفحات HTML على هيكل أساسي لها وسنتعرف عليه بهذا الدرس
05:16	أسلوب الكتابة في لغة HTML لدى HTML بعض الخصائص في أسلوب الكتابة sytanx سنتعرف عليه الآن
04:09	ماهي لغة CSS وكيف تستخدم؟ متخصصة لغة CSS في تنسيق الصفحات وسنتعرف على خصائصها الأساسية هنا
09:54	وضع كل ما تعلمناه سويا لتصميم صفحة الآن سنقوم بوضع كل ما تعلمناه سابقا لكي نقوم بتصميم أول صفحة إنترنت لنا
مقال	ملخص القسم جرعة إضافية هدية لا يوجد وصف
المشروع الأول + مشروع هذا القسم هو بناء صفحة عن شيء تحبه. سنتعلم في هذا المشروع كيفية ادراج الصور وتتنسق النصوص والقوائم واختيار الخطوط والخلفيات
03:02	مقدمة المشروع الأول. شيء تحبه؟ لا يوجد وصف
09:32	الصور و أوسمة meta سنتعرف بهذا الدرس على كيفية إدراج الصور وعلى اوسمة meta المخصصة لمعلومات الصفحات
05:40	الترويسات و الفقرات بهذا الدرس سنتعرف على الترويسات headings واوسمة الفقرة p
06:10	الحاويات div و span سنتعرف بهذا الدرس على مفهوم الحاويات والأوسمة div و span والفروقات بينها
03:37	إنشاء القوائم القوائم جزء هام للتعداد في المواقع والآن سنتعرف على أنواعها
07:54	إضافة الروبط على الصفحات الرابط هو عنوان لموقع آخر أو لصفحة داخل موقعك تربط صفحتك في صفحة آخرى
04:59	إضافة اقتباسات للصفحات "قال فلان" .. السابق يعتبر اقتباس وله تنسيق خاص سنتعلمه بهذا الدرس
08:42	استخدام المحددات css selectors تحتوي css على محددات selector من خلالها يتم البحث عن العناصر وتنسيقها في الصفحات
07:53	الألوان وأنواعها في css هناك أكثر من طريقة لضبط الألوان في css تعال نشوفها
08:23	اختيار الخطوط في الصفحات سنتعلم الآن كيف يمكننا اختيار الخطوط في صفحات الإنترنت
05:02	استخدام خطوط خارجية جرعة إضافية يمكن أن نستخدم خطوط خارجية مخصصة من مواقع أخرى وهذا ما سنتعلمه الآن
08:19	محاذاة واتجاهات النصوص سنتعلم الآن كيفية محاذاة واتجاه النصوص في الصفحات
03:46	تنسيق النصوص - الجزء الأول لا يوجد وصف
04:51	تنسيق النصوص - الجزء الثاني لا يوجد وصف
04:59	وضع اللمسات الأخيرة على مشروعنا الأول جرعة إضافية انتهى المشروع، تعال نحط اللمسات الأخيرة عليه
مقال	ملخص القسم وتحميل المشروع جرعة إضافية هدية لا يوجد وصف
المشروع الثاني + في هذا القسم سنقوم ببناء المشروع الثاني لنا وهو عبارة عن صفحة استطلاع رأي ومن خلالها سنتعلم نماذج البيانات في html وأنواع الحقول التابعه لها كما سنتعلم كيفية التحكم في أبعاد العناصر والإطارات والهوامش في css
02:51	مالذي سوف نقوم ببناؤه في هذا المشروع؟ لا يوجد وصف
05:45	نماذج البيانات html forms سنتعرف بهذا الدرس على النماذج لماذا تستخدم وماهي أساسياتها
05:08	أزرار النماذج الأزرار buttons هو محور حديثنا بهذا الدرس كيف نقوم بربطها بالنموذج وماهي أنواعها
02:56	الحقول النصية بهذا الدرس سنتعرف على أول أنواع الحقول وهي الحقول النصية
06:33	سمات وخصائص الحقول النصية للحقول النصية سمات وخصائص attributes & properties تضيف لها خصائص تعال نتعرف عليها
02:59	عناوين الحقول labels ليست مجرد نص! للعناوين الخاصة بالحقول ميزة الارتباط بها أيضا
04:28	الحقل المخفي والألوان والروابط عندنا حقول إضافية وهي color و hidden و url مثل ما العنوان يقول
06:59	حقول الاختيار checkbox و radio سنتعلم الآن حقول الاختيار المتعدد أو الاختيار الواحد checkbox و radio
09:53	حقول الوقت والتاريخ date & time تتميز هذه الحقول بتوافقها مع التاريخ على وجود غرابه بها في بعض المتصفحات. تعال نتعرف عليها
03:03	حقل الملفات وحقل الصورة file & image وصلنا لحقول الملفات وحقل الصورة، تتوقع حقل الصورة فقط تظهر منه صورة؟
02:03	حقول الأرقام number & tel سنتعلم الآن التعامل مع حقول الأرقام والفروقات بينها
04:44	حقل القائمة أو الاختيار المتعدد select الحقل select عبارة عن قائمة منسدلة ويمكن تحويله لقائمة متعددة الاختيار ، هيا بنا نشوف
08:01	جولة على أدوات المطور في المتصفح المتصفح يساعدك كثيرا في توفير أدوات لك كمطور بحيث يمكنك معاينة كل شيء وكشف الاخطاء بسهولة
07:34	بدأ أكشن المشروع: التحكم بالألوان والأبعاد تمرين من هذا الدرس راح ناخذ الموضوع جد ونكمل المشروع وراح نتعلم الآن كيف نتعامل مع الوان الخطوط والخلفيات وأبعاد العناصر
04:11	الحد الأدنى والأقصى للأبعاد تمرين سنتعلم الآن خاصية max-width , max-height, min-width, min-height
06:26	استخدام الإطارات borders تمرين الإطارات تضيف لمسة جمايلة إذا أحسنت اختيارها، تعال نشوف أنواعها وطرق التعامل معها
07:42	التحكم بالهوامش padding & margin تمرين احفظها مثل اسمك: margin يعني هامش خارجي و padding يعني هامش داخلي
03:38	ضبط الهوامش تلقائيا تمرين للهامش الخارجي margin قيمة وهي auto تساعد على ضبط المسافة بينه وبين العناصر تلقائيا
15:20	تنسيق مجموعات الحقول تمرين جرعة إضافية وصلنا للنهاية، نحط اللمسات الأخيرة ونسوي تنسيق لكل مجموعة حقول
مقال	ملخص القسم وتحميل المشروع جرعة إضافية هدية لا يوجد وصف
المشروع الثالث + حاليا سنقوم بتعلم مفاهيم الوسوم ذات المعنى semantic tags وسنقوم بهذا القسم ببناء موقع من نوع Parallax ومن خلاله سنتعلم ضبط الصور كخلفيات للعناصر وسنتعلم وحدات قياس جديدة في css
02:05	مقدمة عن القسم ونوع المواقع متعدد المناظر لا يوجد وصف
11:14	ماهي semantics tags؟ تمرين سنتعرف بهذا الدرس على semantic tags ماهي وماسبب وجودها واستخدامها
06:24	استخدام وحدة القياس النسبية vh تمرين سنتعلم بهذا الدرس كيفية استخدام وحدة القياس النسبة vh
07:10	ضبط الصور كخلفيات للعناصر تمرين يمكن للعناصر ان تحمل صورا كخلفية لها باستخدام خاصية background-image
04:23	تثبيت الخلفيات تمرين سنتعلم الآن كيفية تثبيت مكان وجود الخلفيات عن طريق خاصية background-attachment
07:08	اللمسات الأخيرة على المشروع تمرين جرعة إضافية شوية لمسات نجمل فيها الشغل
مقال	ملخص القسم وتحميل المشروع تمرين جرعة إضافية هدية لا يوجد وصف
المشروع الرابع + بهذا القسم سنقوم بتصميم صفحة هبوط Landing Page من خلالها سنتعلم كيفة ضبط رأس الصفحات وقوائم الموقع ثم سنتعلم تغيير خصائص العرض الافتراضية وندخل في تعلم خاصية flex
08:22	التعديل على خاصية العرض display لعناصر html خصائص عرض افتراضية يمكن تعديلها لكسب مزايا افتراضية للعناصر سنتعلمها الآن
08:37	خاصية العرض المرنة flex وصلنا لخاصية مهمة جدا في التحكم في توزيع العناصر في الصفحات وهي flex تعال نغوض شوي فيها
03:25	المحاذاة في flex الجزء 1 سنتعلم بهذا الدرس خاصية justify-content
05:54	المحاذاة في flex الجزء 2 وصلنا الآن لخاصية align-items وهي لمحاذاة عناصر flex
03:00	المحاذاة في flex الجزء 3 آخر خصائص المحاذات في flex هي خاصية align-content
05:13	خصائص التمديد والتقليص في عناصر flex لا يوجد وصف
03:07	الترتيب والمحاذاة الذاتية في flex سنتعلم الآن كيفية اعادة ترتيب العناصر و محاذاتها لوحدها في flex
08:20	فصل css في ملفات مستقلة وربط الصفحات تمرين سنتعلم الآن كيف يمكن ان نفصل خصائص css في ملفات مستقلة وكيف نقوم بربط صفحات المشروع ببعضها
03:55	تخطيط هيكل صفحة الهبوط تمرين لا يوجد وصف
09:49	تخطيط وتصميم قائمة الموقع تمرين الآن سنستخدم ما تعلمناه سابقا في تخطيط وتصميم قائمة الموقع في الأعلى
09:46	تخطيط وتصميم القسم التعريفي للموقع تمرين هذا القسم يعتبر أهم عنصر في موقعنا والآن سنركز على كيفية تخطيطه ثم تصميمه
06:14	تخطيط وتصميم قسم عرض المنتجات تمرين وصلنا الآن لقسم عرض أهم المنتجات التي نرغب بعرضها
04:40	الصور المرنة Responsive Images تمرين جرعة إضافية هنا سنتعلم كيف يمكننا أن نجعل الصور في المواقع مرنة حسب حجم الحاويات الخاصة بها
مقال	ملخص القسم وتحميل المشروع تمرين جرعة إضافية هدية لا يوجد وصف
المشروع الخامس + المطعم هو مشروعنا في هذا القسم! سنتعلم في هذا القسم مفاهيم التصاميم المرنة والتحكم في css من خلال استعلامات media التابعة لها ومفاهيم إضافية للتحكم بالصور بشكل مرن ثم تخصيص أماكن العناصر وتحريكها في الصفحات علاوة على دمج css selectors
02:29	مالذي سنتعلم وبنبني هذه المرة؟ في هذا الدرس سنتعرف على خطتنا في هذا القسم
05:23	استعلامات css وكيف تستخدم بهذا الدرس سنتعرف على مزايا css media queries وكيف تستخدم للتحكم بالصفحات بناء على استعلامات خاصة نضعها بها
02:55	أنواع الأجهزة القارئة في css media بهذا الدرس سنتعرف على media types وهي انواع أجهزة أو برمجيات يمكن التحكم في شكل الصفحات بناء على معرفة نوعها
02:35	ربط ملفات css بناء على أنواع الوسائط بهذا الدرس سنتعرف على كيفية ادراج ملفات css مخصصة على حسب نوع الوسيط القارئ للصفحة
03:35	تغيير أماكن العناصر - الجزء 1 سنتعلم الآن خاصية poisiton والتي يمكن من خلالها التحكم في أماكن وجود العناصر على الصفحات
07:18	تغيير أماكن العناصر - الجزء 2 وصلنا الآن للجزء الثاني من تغيير أماكن العناصر وسنتعلم خصائص تحكم إضافية
05:18	التجميع في الاختيار بـ css combinators css combinators هي مجرد طريقة لاستخدام selectors في هذه اللغة بحيث يمكننا البحث بشكل مفصل وأكثر دقة
10:18	تهيئة هيكل المشروع والقسم الأساسي تمرين لا يوجد وصف
10:49	تهيئة هيكل القسم الأساسي وضبط خصائص media تمرين لا يوجد وصف
13:51	تصميم قائمة الطعام و وضع الصور كخلفيات تمرين مهم جرعة إضافية عندنا فكرة جديدة الآن، وهو استخدام الصور كخلفيات دائما بدلا من استخدامها في وسم img
07:44	تصميم زر الإضافة للسلة وتعويم العناصر تمرين بهذا الدرس يوجد خاصية جديدة لتعويم العناصر واسمها float
05:54	ضبط أماكن عناصر العروض والتخفيضات تمرين الآن سنرى إحدى فوائد تحريك العناصر بخاصية absolute
06:41	تحسين تصميم الصفحة المرن تمرين اللمسات الأخيرة في تحسين شكل الموقع على الشاشات الصغيرة
مقال	ملخص القسم وتحميل المشروع تمرين جرعة إضافية هدية لا يوجد وصف
المشروع السادس + سنتعلم في السلسلة القادمة خصائص أكثر من لغة css وهي خصائص التمرير والشفافية والظل وخصائص أخرى من خلالها سنقوم ببناء مشروع لموقع يعرض تقويم لأحداث ومؤتمرات.
06:06	لنبدأ في المشروع الجديد وتخطيطه تمرين سنبدأ بالمشروع مباشرة! هذا القسم مركز على خصائص css جديدة سنتعلمها أثناء البناء
09:22	استخدام before & after مع خاصية z-index تمرين بهذا الدرس سنتعلم كيف يمكننا وضع طبقات فوق بعض وفائدة استخدام before و after مع العناصر
13:03	تصميم قائمة الأحداث تمرين بهذا الدرس سنرى كيف يمكننا تصميم قائمة بالأحداث المدرجة على الموقع
06:45	البحث في css باستخدام عناصر الترقيم تمرين بهذا الدرس سنتعلم خاصية تسمى nth-child تساعدنا على البحث من خلال ترقيم العناصر
04:48	استخدام الظل مع العناصر تمرين بهذا الدرس سنتعلم box-shadow وهي خاصية الظل لعناصر html
03:48	التمرير داخل العناصر scolling تمرين عرفت الحل؟ الي راح نسويه هو كيف نقدر نسوي تمرير داخل العناصر
09:04	خاصية الشفافية وضبط التصميم المرن النهائي تمرين بهذا الدرس سنتعلم خاصية opacity لضبط الشفافية ثم نضبط التصميم المرن للمشروع بشكل كامل
مقال	ملخص القسم وتحميل المشروع تمرين جرعة إضافية هدية لا يوجد وصف
المشروع السابع + إضافة الوسائط المتعددة للمواقع مثل الفيديو والصوت هو ما سنقوم بالتركيز عليه في القسم الحالي وسننهي هذا القسم ببناء موقع لعرض الفيديو شبيه بمواقع نشر الفيديو الشهيرة الأخرى
06:19	مقدمة حول تضمين الوسائط في المواقع والفيديو بدأنا قسم جديد، وسنبدأ بهذا الدرس بكيفية تضمين الفيديو داخل الصفحات
05:23	المصادر المتعددة والصور المصغرة للفيديو لا يوجد وصف
02:53	تنسيق الفيديو باستخدام css لا يوجد وصف
03:29	اضافة مقاطع الصوت للصفحات لا يوجد وصف
04:06	تضمين صفحات أخرى داخل الصفحة لا يوجد وصف
05:08	اضافة الخرائط ومقاطع الفيديو من اليوتيوب لا يوجد وصف
08:03	تصميم مخطط موقع عرض الفيديو تمرين لا يوجد وصف
06:41	تصميم القائمة العلوية للموقع تمرين لا يوجد وصف
04:52	استخدام ايقونات خارجية للموقع تمرين لا يوجد وصف
14:34	إضافة نموذج بحث أعلى الموقع تمرين لا يوجد وصف
11:19	تصميم قسم عرض الفيديو تمرين لا يوجد وصف
14:25	تصميم قسم عرض التعليقات واستخدام حقل textarea تمرين لا يوجد وصف
08:25	وضع قائمة الفيديوهات المقترحة يمين الموقع تمرين لا يوجد وصف
08:22	ضبط التصميم المرن لموقع عرض الفيديو تمرين لا يوجد وصف
مقال	ملخص القسم وتحميل المشروع تمرين جرعة إضافية هدية لا يوجد وصف
المشروع الثامن + في هذا القسم سوف نقوم ببناء لوحة تحكم Dashboard ومن خلالها سنتعلم التعامل مع الجداول وتصميمها ، متغيرات css والمخططات الشبكية وتصميمها المرن
10:53	مقدمة القسم وبداية تصميم المخطط الشبكي grids لا يوجد وصف
07:53	تمديد أعمدة الشبكة لا يوجد وصف
04:04	تمديد صفوف الشبكة لا يوجد وصف
04:12	أساسيات الجداول في html لا يوجد وصف
02:11	تجميع تنسيق الأعمدة colgroup لا يوجد وصف
02:16	رأس ومحتوى الجدول thead tbody لا يوجد وصف
05:39	تمديد أعمدة وصفوف الجداول وعناوينها لا يوجد وصف
04:33	المتغيرات في css لا يوجد وصف
07:16	تصميم هيكل لوحة عرض البيانات تمرين لا يوجد وصف
03:44	تنسيق ألوان أقسام لوحة عرض البيانات تمرين لا يوجد وصف
11:35	ضبط شكل القائمة في اللوحة تمرين لا يوجد وصف
04:25	خاصية الإضائة css brightness تمرين لا يوجد وصف
08:21	إضافة جدول المستخدمين إلى لوحة التحكم تمرين لا يوجد وصف
08:28	تصميم رأس لوحة التحكم تمرين هنا راح نسوي تصميم header الخاص بلوحة التحكم
03:54	تصميم ذيل لوحة التحكم تمرين والآن وصلنا لكيفية تصميم footer الخاص بلوحة التحكم
13:00	تحسين تصميم لوحة التحكم تمرين الآن دعنا نكتشف بعض المشاكل في التصميم وتحسينها لجعله أفضل
13:49	التصميم المرن للوحة التحكم تمرين وصلنا الآن للنهاية، نضبط التصميم المرن responsive وننتهي
مقال	ملخص القسم وتحميل المشروع تمرين جرعة إضافية هدية لا يوجد وصف
المشروع التاسع + في هذا القسم سنتعلم كيفية إنشاء موقع تعريفي شخصي نعرض فيه خدماتنا و أعمالنا وطرق للتواصل معنا
02:36	مقدمة لمشروع الملف التعريفي الشخصي هنا راح نشوف وش ممكن نسوي بهذا القسم وايش التحدي الي ينتظرك
10:56	تصميم مخطط الصفحة التعريفية تمرين كالعادة! نبدأ في تصميم المخطط الرئيسي قبل كل شيء
07:12	نمط تصميم وتوزيع جديد لـ css تمرين من خلال هذا النمط راح نتعلم كيف نقلل من كتابة css في الملفات
08:54	الوسم <br> وتصميم قائمة اللغة تمرين جرعة إضافية الآن راح نتعرف على وسم break ومنها نصمم قائمة اللغة
09:03	تصميم مقدمة الموقع تمرين الآن وصلنا لتصميم مقدمة الموقع التعريفية
10:03	إضافة قائمة الخدمات للموقع تمرين خدماتك يا عيني! هنا راح نضع قائمة بالخدمات المقدمة
12:07	إضافة أعمالك للصفحة تمرين إضافة البطاقات الخاصة بالأعمال على الصفحة
10:53	إنشاء القسم التعريفي عن نفسك تمرين الآن عرفنا بنفسك
03:26	اللمسات الأخيرة على المشروع تمرين ومن هنا نصل لنهاية مشروعنا
مقال	ملخص القسم وتحميل المشروع تمرين جرعة إضافية هدية لا يوجد وصف
المشروع العاشر + هنا وصلنا لكيفية إنشاء المؤثرات في css والخلفيات المتدرجة وسنتعلم أيضا html bookmarks وخصائص أخرى متفرقة من خلالها سنقوم ببناء موقع تعريفي لشركة
01:57	مقدمة عن المشروع العاشر بهذا الدرس سنتعرف على ماذا سنتعلم خلال هذا القسم
12:02	الخلفيات المتدرجة في css بهذا الدرس سنتعلم طريقة عمل خلفيات متدرجة
08:45	مقدمة في مؤثرات css المؤثرات هي: تغير في الشكل أو الحجم خلال فترة زمنية محددة (احفظ التعريف)
04:56	تأخير وقت بداية المؤثرات ستنعلم بهذا الدرس طريقة عمل وقت لتأخير بداية المؤثرات بcss
05:40	أجزاء المؤثرات keyframes لا يوجد وصف
04:12	اتجاه وتكرار المؤثرات لا يوجد وصف
10:21	بناء قائمة الموقع وخاصية not في css تمرين لا يوجد وصف
06:34	إنشاء قوائم منسدلة dropdown تمرين لا يوجد وصف
08:07	تصميم مقدمة الموقع تمرين الآن سنقوم بتصميم المقدمة الخاصة بالموقع
05:24	إضافة مؤثرات على خلفية المقدمة تمرين لا يوجد وصف
09:32	إضافة قسم الخدمات وخاصية bookmark تمرين لا يوجد وصف
10:48	إنشاء نموذج تواصل بطريقة grid تمرين لا يوجد وصف
03:43	إضافة خريطة قوقل للموقع تمرين لا يوجد وصف
07:08	تصميم ذيل الموقع footer تمرين لا يوجد وصف
11:46	التحسينات الأخيرة على موقع الشركة تمرين لا يوجد وصف
مقال	ملخص القسم وتحميل المشروع تمرين جرعة إضافية هدية لا يوجد وصف
نشر موقعك على الإنترنت + بعد الإنتهاء من تصميم الموقع وتطويره، يحين الوقت لنشره على الإنترنت وسنتعلم في هذا القسم كيفية القيام بذلك
06:30	نشر موقعك على الإنترنت بهذا الدرس سنتعلم كيف تنتشر موقعك على الإنترنت عبر خدمة netlify
07:22	مراجع إضافية ونصائح في البرمجة والتطوير جرعة إضافية هدية انتهينا هنا، شكرا لوجودك معي للنهاية.
عرض الكل + إخفاء الكل -

دورات يوصى بها

دورة jQuery جافا سكربت من الصفر للاحتراف

دورة البرمجة باستخدام جافا سكريبت Javascript

دورة استضافة المواقع: كيف تنشر موقعك على الإنترنت

دورة HTML & CSS وبناء المشاريع بها

تعلم كيفية بناء صفحات الانترنت باستخدام html & css من خلال دورة مكثفة وعدد كبير من المشاريع التطبيقية

299 ر.س.

إضافة للسلة

299 ر.س.

المستوى : الجميع

مدة الدراسة : من 5 ~ 7 أسابيع

الدروس : 150

التمارين : 72

الوقت المُسجل : 15:39:43 ساعات

آخر تحديث : 2024/01

وصول دائم للمحتوى

ستحصل على شهادة

اسأل المدرب في أي وقت

متابعة مشاريعك مع المدرب

تسويق سيرتك الذاتية ومشاريعك

مشاريع مميزة لطلاب الدورة

عرض جميع مشاريع هذه الدورة

مجتمع الدورة

الذهاب إلى مجتمع هذه الدورة

المدرب

عبدالمجيب محمد الحميد

مدرب في فلكس كورسز وقائد فريق التطوير والبرمجة في هذا الموقع الرائع. إذا كنت ترغب بمعرفة المزيد عني يمكنك زيارة موقعي الشخصي.

المزيد ...

الآراء

تحميل المزيد

دورة HTML & CSS وبناء المشاريع بها

تعلم كيفية بناء صفحات الانترنت باستخدام html & css من خلال دورة مكثفة وعدد كبير من المشاريع التطبيقية

مقدمة عن الدورة

ماذا سنتعلم في هذه الدورة؟

تقنيات الويب وكيف تعمل

مواقع الإنترنت وأنواعها

الفرق بين HTML & CSS

تجهيز البيئة المحلية للتطوير

ماهي الأوسمة tags في html

انواع الأوسمة وخصائصها

خصائص وكيفية استخدام css

التكامل بين html & css

تخطيط صفحات الويب والتصميم

المحاذات في الصفحات ودعم اللغات

اضافة الصور و الوسائط المتعددة للمواقع

التحكم بالخطوط والألوان والنصوص

أوسمة النصوص واستخداماتها والفروقات بينها

نماذج البيانات والحقول forms & inputs

جداول البيانات وتنسيقاتها

التحكم في ابعاد العناصر والهوامش لها

استخدام الأيقونات والخطوط الخارجية

خصائص العرض المتعددة

التصاميم المرنة والمتوافقة مع احجام الشاشات المختلفة

توجيه العناصر والتحكم في أماكن الظهور

اضافة الروابط في الصفحات وربط صفحات متعددة

المؤثرات البصرية وجماليات الصفحات

نصائح في التصميم والتطوير

وخصائص كثيرة أخرى داخل المشاريع

وصف الدورة

المتطلبات

هذه الدورة تتوفر في مسارات

مسار Front-End Development

مسار Full Stack Development

منهج هذه الدورة

المقدمة -

إعدادات البيئة المحلية للتطوير +

أساسيات HTML & CSS +

المشروع الأول +

المشروع الثاني +

المشروع الثالث +

المشروع الرابع +

المشروع الخامس +

المشروع السادس +

المشروع السابع +

المشروع الثامن +

المشروع التاسع +

المشروع العاشر +

نشر موقعك على الإنترنت +

دورات يوصى بها

دورة HTML & CSS وبناء المشاريع بها

مشاريع مميزة لطلاب الدورة

مجتمع الدورة

المدرب

عبدالمجيب محمد الحميد