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

به این دوره پرفروش CSS بپیوندید تا همه چیز را در مورد CSS از پایه و عمیق بیاموزید!

CSS - مخفف C صعودی S tyle S sheets - یک "زبان برنامه نویسی" است که از آن برای تبدیل صفحات HTML خام خود به وب سایت های زیبای واقعی استفاده می کنید.

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

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



/p>

• The Basics Track: از ابتدا شروع کنید، CSS را از پایه یاد بگیرید. شما با سخنرانی 1 شروع می کنید و به سادگی تا انتها ادامه می دهید.

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

• مسیر خبره: شما نیز دانش پیشرفته ای دارید، اما می خواهید به چیزهایی مانند Flexbox، CSS Grid، CSS Variables یا Sass بپردازید. این آهنگ برای شماست.

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

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

در اینجا جزئیات داخل دوره آمده است - این همه در مورد پروژه دوره ذکر شده نیز اعمال می شود:

• اصول در مورد انتخابگرها، ترکیب‌کننده‌ها و نحوه تنظیم قوانین استایل به طور کلی

• ویژگی ها، مقادیر و بیانیه ها

• ویژگی و وراثت چگونه کار می کند و چرا به آن Style Sheets "Cascading" می گویند

• مفاهیم نظری مهم مانند "مدل جعبه"

• نحوه تغییر موقعیت پیش فرض عناصر

• طراحی پس‌زمینه (مانند شیب‌ها) و تصاویر

• از کدام واحدها و ابعاد معمولاً در CSS استفاده می‌کنید (px، rem، % و بیشتر)

• نحوه تعامل جاوا اسکریپت و CSS

• طراحی واکنش‌گرا و معنای "Mobile First"

• استایل دادن به فرم‌ها و ورودی‌های فرم

• کار با متن، فونت ها و سبک های متن

• Flexbox! نحوه کار و نحوه استفاده از آن

• استفاده از CSS Grid و تفاوت آن با Flexbox

• تبدیل و متحرک سازی عناصر HTML با کمک CSS

• نوشتن CSS مقاوم در برابر آینده با ویژگی‌هایی مانند متغیرهای CSS یا نام‌های بهترین کلاس

• استفاده از Sass و آنچه در واقع در مورد آن است

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

این برای شماست اگر ...

• شما با یادگیری توسعه وب شروع کرده اید و می خواهید وب سایت های زیباتری بسازید

• شما قبلاً CSS را می شناسید اما می خواهید عمیق تر شوید

• شما از CSS به صورت آزمون و خطا استفاده می کنید و می خواهید این را تغییر دهید (باید!)

اگر ...

• شما یک حرفه ای مطلق در CSS هستید و پیش نویس های گروه کاری CSS را به طور خلاصه می دانید

• شما یک توسعه دهنده فقط باطن هستید (Node، PHP، NO HTML یا Frontend JavaScript)

• شما یک تازه وارد در توسعه وب هستید و اصول اولیه HTML را نمی دانید

اگر به نظر شما خوب است، خوشحال می شویم که در این دوره از شما استقبال کنیم!