Full Stack web Developer Diploma 0125

Front-End Intro

HTML + CSS Training material course

keyboards shortcuts for using VS code

HTML INTRO

HTML Structure

HTML Element BR HR

HTML Text format

HTML Quotation

HTML Links

HTML Images

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

HTML Picture

HTML Favicon

HTML Head

الجدول HTML Table

HTML Table part 2

HTML List

HTML FORMS part 1

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

LIVE No1

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

CSS Intro

CSS Types of Selector

CSS Concepts

Include CSS in a webpage

الالوان || css color

CSS Fonts

CSS Direction & Align

css text Decoration Transform Shadow

CSS Text Spacing

CSS Background

live no 3

الحدود || CSS border

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

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

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

الظل || CSS Shadow

live no 4

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

CSS Display

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

CSS overflow

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

الايقونات CSS Icons

live 5

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

الموضع || CSS Layout Position

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

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

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

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

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

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

live6

CSS Transfrom

CSS Transition

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

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

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

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

01- Final Project Intro

02- header section