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

• مهارت‌های CSS لازم برای ساخت یک وب‌سایت از ابتدا
• آشنایی با اصول طراحی با استفاده از CSS Grid و Flexbox
• Flexbox ،Grid، انیمیشن‌ها، ترنزیشن ها، فونت‌ها، کوئری های رسانه‌ای و خیلی چیزهای دیگر - همه اینها شامل می‌شود!
• استفاده از ویژگی‌های CSS پایه و پیشرفته

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

• این دوره برای افرادی که دانش پایه‌ای از HTML دارند مناسب است، اما اگر در عین حال در حال یادگیری HTML هستید، باید بدون مشکل بتوانید دوره را دنبال کنید.

توضیحات دوره

این دوره همه چیز را پوشش می‌دهد - ما از ابتدایی‌ترین مفاهیم شروع می‌کنیم (CSS چیست؟ چگونه کار می‌کند؟ چگونه از آن استفاده می‌کنید؟) و به تدریج به عمق مطالب بیشتری می‌رویم. و این کار را با ارائه مثال‌های عملی و تئوری انجام می‌دهیم.

شروع کار با CSS ممکن است آسان به نظر برسد، اما در واقع مطالب زیادی برای CSS وجود دارد - بنابراین این دوره مسیرها یا نقاط ورود مختلفی را ارائه می‌دهد تا دقیقاً با نیازهای شما همخوانی داشته باشد و سطح دانش فعلی شما را منعکس کند:

• مسیر مبتدی: از صفر شروع کنید، CSS را از پایه یاد بگیرید. شما از درس 1 شروع می‌کنید و به سادگی تا پایان ادامه می‌دهید.
• مسیر پیشرفته: شما اصول CSS را می‌دانید، می‌دانید که انتخاب‌گرها چه هستند و چگونه کار می‌کنند، اما می‌خواهید به درک عمق تری برسید و برخی از ویژگی‌ها و کاربردهای پیشرفته را یاد بگیرید.
• مسیر متخصص: شما دانش پیشرفته‌ای دارید، اما می‌خواهید به موضوعاتی مانند Flexbox ،CSS Grid ،CSS Variables یا Sass بپردازید. این مسیر برای شماست.

البته این دوره هم تئوری و هم مثال‌های عملی ارائه می‌دهد - ما در طول دوره یک پروژه واقعی کامل ایجاد خواهیم کرد - اما همچنین آزمون‌ها و چالش‌های متعددی برای تمرین مفاهیم فردی آموزش داده شده در طول دوره وجود دارد.

در مورد پروژه دوره - ما بستر (بدون بک‌اند) یک شرکت وب هاستینگ خیالی را ایجاد خواهیم کرد. ما یک صفحه شروع خواهیم داشت که بخش‌های مختلفی از جمله طراحی واکنشگرا با یک منو سایدبار انیمیشنی، مودال‌ها و فرم‌ها و به طور کلی تعداد زیادی انیمیشن CSS، استایل های فونت و غیره دارد!

جزئیات دقیق آنچه در دوره وجود دارد - این همه نیز به پروژه دوره ذکر شده اعمال می‌شود:

• اصول انتخاب‌گرها، combinators و نحوه راه اندازی قواعد استایل دهی به طور کلی
• ویژگی‌ها، مقادیر و اعلان ها
• چگونه specifity و inheritance کار می کند و چرا به آن «Cascading Style Sheets» می‌گویند؟
• مفاهیم نظری مهم مانند «مدل جعبه ای»
• چگونه می‌توان موقعیت پیش‌فرض عناصر را تغییر داد؟
• استایل دادن به پس‌زمینه‌ها (مثلاً گرادیانت‌ها) و تصاویر
• کدام واحدها و ابعاد معمولاً در CSS استفاده می‌شوند؟ (px ،rem، % و غیره)
• چگونه JavaScript و CSS با هم تعامل می‌کنند؟
• طراحی واکنشگرا و معنای «Mobile First»
• استایل دادن به فرم‌ها و ورودی‌های فرم
• کار با متن، فونت‌ها و استایل های متنی
• Flexbox! چگونه کار می‌کند و چگونه از آن استفاده کنیم؟
• استفاده از CSS Grid و چگونه با Flexbox متفاوت است؟
• تبدیل و انیمیشن عناصر HTML با کمک CSS
• نوشتن CSS به‌روز با ویژگی‌هایی مانند CSS variables یا نام‌های کلاس بهینه
• استفاده از Sass و آنچه در واقع به آن مربوط می‌شود.

آیا این دوره مناسب شماست؟

این دوره برای شما مناسب است اگر

• شما با یادگیری توسعه وب شروع کرده‌اید و می‌خواهید وب‌سایت‌های زیباتری بسازید.
• شما CSS را می‌شناسید اما می‌خواهید درک عمیق‌تری داشته باشید.
• شما به صورت تجربی از CSS استفاده می‌کنید و می‌خواهید این وضعیت را تغییر دهید (باید!).

ممکن است بعداً به این دوره برگردید اگر

• شما یک حرفه‌ای مطلق CSS هستید.
• شما یک توسعه‌دهنده فقط بک‌اند هستید (Node ،PHP، بدون HTML یا جاوااسکریپت فرانت‌اند)
• شما یک تازه‌وارد کامل در توسعه وب هستید و اصول اولیه HTML را نمی‌دانید.

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

• هر کسی که می‌خواهد برای اولین بار CSS را یاد بگیرد یا مهارت‌های CSS خود را تقویت کند.
• مبتدیان در CSS که می‌خواهند آینده وب را طراحی کنند.