دوره CSS و Sass پیشرفته: Flexbox ،Grid، انیمیشن ها و بیشتر!

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

• تکنیک‌های مدرن CSS برای ایجاد طراحی‌ها و افکت‌های فوق‌العاده
• انیمیشن‌های پیشرفته CSS با keyframes@، انیمیشن و ترنزیشن
• چگونه CSS در پس‌زمینه کار می‌کند؟ - cascade ،specificity، وراثت و غیره
• معماری CSS: طراحی مبتنی بر کامپوننت، BEM، نوشتن کد قابل‌استفاده مجدد و غیره
• طرح بندی های Flexbox: ساخت یک پروژه بزرگ واقعی با Flexbox 
• طرح بندی های CSS Grid: ساخت یک پروژه بزرگ واقعی با CSS Grid
• استفاده از Sass در پروژه‌های واقعی: متغیرهای سراسری، معماری CSS، مدیریت مدیا کوئری‌ها و غیره
• طراحی واکنشگرا پیشرفته: مدیا کوئری‌ها، موبایل‌فرست در مقابل دسکتاپ‌فرست، یونیت های em در مقابل rem و غیره
• تصاویر واکنشگرا در HTML و CSS برای بارگذاری سریع‌تر صفحات
• تصاویر و ویدیوهای SVG در HTML و CSS: ایجاد افکت ویدیوی پس‌زمینه
• اکوسیستم NPM: گردش‌کارهای توسعه و فرآیندهای ساخت
• درس‌ها، کد و منابع طراحی قابل دانلود برای تمام پروژه‌ها

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

• این دوره قابل‌استفاده برای مبتدیان نیست - شما باید در نوشتن HTML و CSS اطمینان داشته باشید.
• هر کامپیوتر و سیستم‌عاملی کار می‌کند - ویندوز، macOS یا لینوکس
• نیازی به نرم‌افزار پرداخت‌شده نیست - ویرایشگر متنی که دارید به خوبی کار می‌کند.

توضیحات دوره

آیا مدت‌هاست که کد نویسی CSS می‌کنید و می‌خواهید به سطح بعدی برسید؟ آیا با اصطلاحات CSS مانند وراثت، specificity یا cascade گیج شده‌اید؟

اگر یک منبع وجود داشت، یک مکان که می‌توانستید تمام تکنیک‌ها و خواص پیشرفته و مدرن CSS را یاد بگیرید، چه می‌کردید؟

خبر خوب: چنین چیزی وجود دارد!

به "CSS و ساس پیشرفته" خوش آمدید، پیشرفته‌ترین، مدرن‌ترین و کامل‌ترین دوره CSS در اینترنت. این دقیقاً همان‌ چیزی است که در یک دوره CSS پیشرفته می‌خواهید و حتی بیشتر.

شما انیمیشن‌های پیچیده CSS، تکنیک‌های پیشرفته طراحی واکنشگرا، طرح بندی های flexbox، ساس، معماری CSS، مفاهیم بنیادین CSS و موارد بسیار بیشتر را یاد خواهید گرفت.

شما پروژه‌های زیبا و با دقت طراحی‌شده‌ای خواهید ساخت که شما به خودتان افتخار کنید و شما را آماده می‌کند تا پروژه‌های پیچیده را به تنهایی بسازید.

پس از اتمام این دوره، شما:

• با جدیدترین و پیشرفته‌ترین ویژگی ها و تکنیک‌های CSS آشنا خواهید شد؛
• تخصص لازم برای استفاده از تکنولوژی‌های طرح بندی پیشرفته flexbox و CSS Grid را خواهید داشت؛
• آماده خواهید بود تا طرح بندی های واکنشگرا برای انواع دستگاه‌ها و موقعیت‌ها بسازید؛
• واقعاً خواهید فهمید که CSS چگونه در پس‌زمینه کار می‌کند؛
• قادر خواهید بود تا کدهای CSS بزرگ را برای استفاده مجدد و نگهداری با استفاده از Sass سازماندهی کنید.

لطفاً توجه داشته باشید که این دوره برای مبتدیان مطلق نیست، پس باید در HTML و CSS در سطح متوسط باشید.

چرا باید این دوره را بگذرانید؟

پس شما دیدید که دوره کاملاً پر از محتوا است. اما شاید هنوز مطمئن نیستید که آیا باید CSS پیشرفته را یاد بگیرید؟

احتمالاً به این دلیل است که CSS آنقدر آسان است که می‌توان با آن شروع کرد. در واقع، اکثر توسعه‌دهندگان به شدت اهمیت و قدرت CSS را دست کم می‌گیرند. اما هیچ چیز می‌تواند دورتر از حقیقت باشد!

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

علاوه بر این، یادگیری پیشرفته CSS می‌تواند به یک کابوس واقعی تبدیل شود، و وقتی شما باید پروژه‌های بزرگ را نگهداری کنید، دشواری دوچندان می‌شود. بنابراین داشتن تسلط به مفاهیم بنیادین برای هر توسعه‌دهنده جدی فرانت‌اند ضروری است.

و این دوره به شما در تمام این موارد کمک خواهد کرد!

پس آیا باید این دوره را بگذرانید؟ پاسخ احتمالاً یک بله بزرگ است!

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

• توسعه‌دهندگان CSS که می‌خواهند مهارت‌های CSS خود را به جدیدترین سطح به‌روزرسانی کنند.
• توسعه‌دهندگان CSS که می‌خواهند ابزارهای خود را با انیمیشن‌ها، flexbox ،Sass ،NPM ،SVG و موارد دیگر گسترش دهند.
• توسعه‌دهندگان فرانت‌اند که می‌خواهند سرانجام بفهمند CSS چگونه در پس‌زمینه کار می‌کند.
• در کل: هر کسی که می‌خواهد واقعاً به CSS تسلط پیدا کند!