دبلومة برمجة وتطوير الويب 0125

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

المادة التدريبية لـ HTML + CSS

اختصارات كيبورد مستخدمة في برنامج VS code

مقدمة عن لغة HTML

هيكلية وعناصر HTML

عناصر المسطرة HTML Element BR HR

عناصر التنسيق HTML Text format

الاقتباسات والاستشهاد HTML Quotation

الراوبط HTML Links

الصور HTML Images

شرح كيفية تسليم التكاليف (الواجبات)

التكاليف رقم 1

الصور المتعددة HTML Picture

صورة العنوان المصغرة HTML Favicon

راس الصفحة HTML Head

الجدول HTML Table

الجدول HTML Table الجزء 2

التكاليف رقم 2

القوام HTML List

التكاليف رقم 3

النماذج الجزء الاول - HTML FORMS part 1

التكاليف رقم 4

ألنماذج الجزء الثاني HTML FORMS part 2

ألنماذج الجزء الثالث HTML FORMS part 3

العناصر الدلالية HTM Semantic part1

العناصر الدلالية HTM Semantic part2 / مثال على بناء هيكلية build Structure

HTML iframe

HTML Multimedia

الكاينات والاشكال والرموز HTML Entities Symbols Emojis

تحميل وتثبيت برنامج download & install Adobe XD

اللقاء المباشر رقم 1

كويز رقم 1

اللقاء البث المباشر رقم 2 || live no 2

مقدمة CSS

انواع المحدادت CSS Types of Selector

المفاهيم CSS Concepts

تضمين CSS لصفحة الويب

الالوان || css color

الخطوط || CSS Fonts

الاتجاه والمحاذاة النصوص || CSS Direction & Align

تنسيقات النصوص (ديكور - التحويل - الظل) || css text Decoration Transform Shadow

المسافات || CSS Text Spacing

الخلفيات || CSS Background

اللقاء البث المباشر رقم 3 || live no 3

تكاليف رقم 5 - CSS

الحدود || CSS border

الصندوق || CSS Box Model

الهوامش الداخلية والخارجية || CSS Marign & Padding

الحدود الخارجية || CSS Outline Style

الظل || CSS Shadow

اللقاء البث المباشر رقم 4 || live no 4

تنسيقيات القوائم والجدوال CSS List & Table

عرض العناصر CSS Display

الابعاد (الطول والعرض) css Dimensions

تدفق النص داخل العنصر CSS overflow

التفاف النصوص داخل العنصر CSS wraping

الايقونات CSS Icons

اللقاء البث المباشر 5 || live5

طوفان العناصر || CSS Layout Float Clear

الموضع || CSS Layout Position

تكاليف رقم 6 - CSS

تكاليف رقم 7 - CSS

كويز رقم ١ لغة CSS

مقدمة عن الصندوق المرن || flex intro

التخطيط من خلال flex - خصائص الاب || Flex Parent

التخطيط من خلال flex - خصائص الابناء || Flex child

مراجعة موضوع التخطيط من خلال Flex Boxs review

التجاوب مع الشاشات والاجهزة || Responsive - Media Queries

المناداة المتقدمة || Selectors Advance

لقاء البث المباشر رقم 6 || live 6

التحويلات || CSS Transfrom

تسلسل الحركات || CSS Transition

الانيميشن || CSS Animation

التخطيط عبر الشبكة || CSS Layout - Grid

مراجعة شاملة || Grid review

تنزيل والتعامل مع برنامج فيجما || Figma Install & Using

01- المشروع النهائي - المقدمة || Final Project Intro

02- القسم الثاني الشريط الانتقال header section