آموزش جامع CSS3 | طراحی ظاهر صفحات وب - آخرین آپدیت

هفته اول: شروع کار با استایل‌دهی ساده Week One: Getting Started with Simple Styling

• مقدمه‌ای بر CSS3 Introduction to CSS3

• شروع کار با گیت‌هاب (Github) Getting Started with Github

• دانلود و آپلود کد با VSCode و Github Downloading and Uploading Code with VSCode and Github

• کپی کردن کد با GitHub Codespaces Copying Code with GitHub Codespaces

• آپلود در GitHub Pages Uploading to GitHub Pages

• مرور: انتشار سایت شما Review: Publishing Your Site

• بررسی Cascading Style Sheets Cascading Style Sheets

• بررسی مفهوم Cascading در CSS Reviewing the "Cascading" of CSS

• رنگ‌ها Colors

• استایل‌دهی به متن Styling Your Text

• کدنویسی مشترک: اعمال استایل Code Together: Applying Style

• نمایش و قابلیت مشاهده (Display and Visibility) بخش اول Display and Visibility - Part 1

• نمایش و قابلیت مشاهده (Display and Visibility) بخش دوم Display and Visibility - Part 2

• کدنویسی مشترک: ویژگی Display Code Together: The Display Property

• توضیحات تمرین اول Homework One Description

هفته دوم: انتخابگرهای پیشرفته، Display و طراحی برای دسترسی‌پذیری Week Two: Advanced Selectors, Display, and Designing for Accessibility

• نمایش: Grid Display: Grid

• نمایش: Flex Display: Flex

• استایل‌دهی به لینک‌ها و لیست‌ها Styling Links and Lists

• انتخابگرهای پیشرفته Advanced Selectors

• انتخابگرهای ویژگی (Attribute Selectors) Attribute Selectors

• کدنویسی مشترک: ناوبری (Navigation) Code Together: Navigation

• قابلیت‌های مرورگر Browser Capabilities

• کدنویسی مشترک: تصاویر پس‌زمینه و شفافیت (Opacity) Code Together: Background Images and Opacity

• طراحی برای دسترسی‌پذیری (Accessibility) Designing For Accessibility

• توضیحات تمرین دوم Homework Two Description

هفته سوم: مدل جعبه (Box Model) و موقعیت‌دهی (Positioning) Week Three: The Box Model and Positioning

• مدل جعبه (Box Model) Box Model

• کدنویسی مشترک: Box Model Code Together: Box Model

• موقعیت‌دهی (Positioning) Positioning

هفته چهارم: شبه‌کلاس‌ها، شبه‌المان‌ها و پروژه نهایی Week Four: Pseudo-classes, Pseudo-elements, and a Final Project

• شبه‌کلاس‌ها و شبه‌المان‌ها Pseudo Classes and Elements

• کدنویسی مشترک: استایل‌دهی به تصاویر با شبه‌کلاس‌ها Code Together: Styling Images with Pseudo-classes

• انتقال‌ها (Transitions) Transitions

• تبدیل‌ها (Transforms) Transforms

• ناوبری قابل دسترس Accessible Navigation

• توضیحات پروژه نهایی Final Project Description

• بخش پایانی Closing

هفته پنجم: قدم بعدی چیست؟ Week Five: Where To Go From Here?