نصب و معرفی ابزارهای مورد نیاز

معرفی و آشنایی با HTML

ساختار یک صفحه HTML

معرفی chrome dev tools

معرفی تگ ها بخش اول

معرفی تگ ها بخش دوم

Relative URLs و Absolute URLs

Semantic HTML

پروژه سطح مقدماتی

پروژه سطح متوسط

پروژه سطح پیشرفته

معرفی و نحوه استفاده CSS و نوشتار آن

ترتیب اجرای CSS

انتخابگرها (Selectors)

انتخابگرهای Pseudo-element

انتخابگرهای Pseudo-class

انتخابگر های صفتی و ترکیبی (Combinator,Attribute Selectors)

اولویت انتخابگرها (Selectors specificity)

رنگ متن و پس زمینه در CSS

انواع رنگ در CSS

روش های استفاده از گرادیانت

ارث بری (Inheritance) در CSS

Display

تمام ویژگی های CSS

Relative and Absolute units

Positioning

Overflow

Box model , Box sizing

Float

Flex

Grid

Responsive

استایل دادن به فونت

معرفی تگ font-family و استفاده از فونت های دلخواه به صورت لینکی (cdn-font)

استفاده از فونت های external

کد تمیز در HTML و CSS

Transform

Transition

ساخت انیمیشن

معرفی تگ فرم و انواع ورودی ها و اعتبار سنجی فرم

متد های فرستنده فرم

معرفی Emmet

ساخت id و class و div و DocType با کمک Emmet

کنار هم قرار دادن المنت ها (Sibling) با Emmet

قرار دادن المنت ها در یکدیگر و تعیین تعدادشون (Nesting and Multiplication) با Emmet

گروه بندی المنت ها (Grouping) با Emmet

نوشتن Attribute های تگ های HTML با کمک Emmet

شماره گذاری تگ های HTML با کمک Emmet

نوشتن CSS Properties با کمک Emmet