راهنمای کامل CSS (شامل انیمیشن، Flexbox ،Grid و Sass)

آنچه یاد خواهید گرفت:

• اصول CSS: یادگیری خصوصیات اولیه CSS مانند padding margin ،height ،width ،cursor ،clip-path ،shape outside box shadow ،overflow و غیره
• خصوصیات متن و فونت در CSS: آموزش font-family ،font-size ،font-weight ،font-style ،text-align ،text-decoration، text-transform ،line-height و موارد دیگر
• خصوصیات پس‌زمینه در CSS: آموزش background-color background-image ،background-repeat ،background-position ،background-size ،background-attachment و غیره
• طرح‌بندی CSS: آموزش Display ،Visibility ،Position ،Z-Index ،Media Queries، جدول‌ها، Object-fit ،Resize و موارد دیگر
• واحدها، توابع و متغیرهای پیشرفته CSS: یونیت‌های CSS (em rem ،vh ،vw ،vmax ،vmin و غیره)، متغیرهای CSS، توابع CSS و بیشتر
• سلکتورهای پیشرفته CSS: سلکتورهای ترکیبی، سلکتورهای ویژگی، Pseudo-classes ،Pseudo Elements و موارد دیگر
• انیمیشن CSS: فیلترهای CSS، ترنزیشن ها، تبدیل‌های 2D و 3D، پرسپکتیو، transform-style، انیمیشن‌ها و پروژه‌های عملی
• CSS Grid: یادگیری کامل خصوصیات CSS Grid از ابتدا
• CSS Flexbox: مدل قدرتمند طرح‌بندی که امکان طراحی طرح‌های پیچیده و پاسخگو را به‌سادگی فراهم می‌کند
• یادگیری پیش‌پردازنده مدرن CSS: آموزش Sass (Syntactically Awesome Style Sheets) که قابلیت‌های CSS را با افزودن امکاناتی گسترش می‌دهد.

پیش‌نیازهای دوره

• باید با اصول ابتدایی HTML و توسعه وب به‌صورت کلی آشنا باشید.
• هیچ دانشی از CSS لازم نیست! همه موارد را در این دوره یاد خواهید گرفت!
• نیاز به دانش پیشرفته HTML یا توسعه وب ندارید.

توضیحات دوره

در این دوره جامع CSS، به دنیای Cascading Style Sheets (CSS) وارد می‌شوید و نه تنها اصول آن را یاد می‌گیرید بلکه تکنیک‌های پیشرفته‌ای مانند انیمیشن، طرح‌بندی با Flexbox و Grid و استفاده از Sass برای استایل‌دهی بهینه را نیز فرا خواهید گرفت.

فرقی نمی‌کند تازه‌کار باشید و بخواهید از ابتدا شروع کنید یا توسعه‌دهنده مجربی که می‌خواهد مهارت‌های CSS خود را بهبود دهد، این دوره برای همه ارزشمند است.

طرح کلی دوره:

• اصول CSS: یادگیری خصوصیات اولیه CSS مانند padding margin ،height ،width ،cursor ،clip-path ،shape outside box shadow ،overflow و غیره
• خصوصیات متن و فونت در CSS: آشنایی با font-family ،font-size ،font-weight ،font-style ،text-align ،text-decoration ،text-transform ،line-height و سایر ویژگی‌های مرتبط با متن
• خصوصیات پس‌زمینه در CSS: یادگیری background-color background-image ،background-repeat ،background-position ،background-size ،background-attachment و مفاهیم مرتبط
• تکنیک‌های طرح‌بندی CSS: درک گزینه‌های display ،visibility، موقعیت‌دهی، z-index، media queries برای پاسخگویی، استایل جداول، object-fit ،resize و تکنیک‌های پیشرفته طرح‌بندی
• واحدها، توابع و متغیرهای پیشرفته CSS: آشنایی با واحدهای CSS مانند em ،rem ،vh ،vw ،vmax ،vmin، متغیرهای CSS، توابع و کاربردهای عملی آن‌ها
• سلکتورهای پیشرفته CSS: تسلط به سلکتورهای ترکیبی، سلکتورهای ویژگی، pseudo-classes ،pseudo-elements و کاربردهای آن‌ها در خلق استایل‌های پویا
• انیمیشن CSS: بررسی افکت‌های فیلتر CSS ،ترنزیشن تبدیل های 2D و 3D، پرسپکتیو، transform-style، انیمیشن‌ها و انجام پروژه‌های عملی برای به‌کارگیری این مفاهیم
• CSS Grid: کسب درک کامل نسبت به خصوصیات CSS Grid و ساخت راحت طرح‌های پاسخگو مبتنی بر grid
• CSS Flexbox: استفاده از قدرت Flexbox برای طراحی طرح‌های پیچیده و پاسخگو، که طراحی‌ها را قابل تطبیق با اندازه‌ها و دستگاه‌های مختلف می‌کند.
• پیش‌پردازنده مدرن CSS – Sass: ادغام Sass (Syntactically Awesome Style Sheets) در روند کاری خود برای افزایش قابلیت‌های CSS با ویژگی‌هایی مانند متغیرها، نِستینگ، mixinها و توابع، که روند استایل‌دهی را بهینه و کد شما را قابل نگهداری و مقیاس‌پذیر می‌کند.

در پایان این دوره، تسلط بالایی به CSS خواهید داشت و می‌توانید طراحی‌های وب خیره‌کننده و پاسخگو ایجاد کنید و از جدیدترین تکنیک‌ها و ابزارهای موجود در این حوزه استفاده کنید.

این دوره برای چه کسانی مناسب است؟

• هر کسی که می‌خواهد برای اولین بار CSS را یاد بگیرد یا مهارت‌های CSS خود را ارتقا دهد.
• کسانی که می‌خواهند با دنیای هیجان‌انگیز نوآوری‌های پیشرفته CSS مانند تسلط به Flexbox، امکانات پویا CSS Grid و انعطاف‌پذیری تحول‌آفرین متغیرهای CSS آشنا شوند!
• کسانی که با CSS آشنا هستند اما می‌خواهند عمیق‌تر یاد بگیرند.