آموزش CSS Essential Training 3 (2017)

مقدمه Introduction

• خوش آمدی Welcome

• آنچه شما باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

1. چیدمان 1. Layout

• طرح CSS را مرور کنید Review CSS layout

• با شبکه طراحی کنید Design with a grid

• معرفی CSS Grid Intro to CSS Grid

• مثال CSS Grid CSS Grid example

• معرفی فلکس باکس Intro to flexbox

2. نمایشگرها و تصاویر شبکیه چشم 2. Retina Displays and Images

• نمایشگرهای شبکیه و صفحه نمایش با چگالی بالا Retina and high-density displays

• گرافیک رستر و بردار Raster and vector graphics

• معرفی SVG Intro to SVG

• ورزش SVG SVG exercise

• شبکیه و تصاویر Retina and images

• تصاویر شبکیه و پس زمینه Retina and background images

3. انیمیشن و اشکال 3. Animation and Shapes

• ویژگی انتقال CSS3 CSS3 transition property

• فریم های کلیدی و انیمیشن CSS3 CSS3 keyframes and animation

• اشکال CSS CSS shapes

• توابع شکل CSS CSS shape functions

4. ابزارها و نکات 4. Tools and Tips

• تایپوگرافی پاسخگو Responsive typography

• تایپوگرافی مایع Fluid typography

• انتخاب کنندگان ویژگی پیشرفته Advanced attribute selectors

• دسترسی Accessibility

• دسترسی و ARIA Accessibility and ARIA

• راهنماهای سبک CSS CSS style guides

• رفکتور Refactor

نتیجه Conclusion

• مراحل بعدی Next steps