تخفیف!
آموزش Sass - آموزش فوق پیشرفته CSS - آموزش پیشرفته flexbox- آموزش فوق پیشرفته sass

آموزش CSS و Sass فوق پیشرفته – Advanced CSS and Sass: Flexbox, Grid, Animations and More

(9 customer reviews)

200,000ریال

  • 28 ساعت ویدیو با کیفیت 1080 و زیرنویس انگلیسی
  • به روز رسانی 6/2022 تهیه شده رسمی یودمی ایران
  • دسترسی همیشگی
  • پرفروش ترین در این زمینه
  • حجم: 17.8GB (ترافیک داخلی)

توضیحات

آموزش Sass – آموزش فوق پیشرفته CSS و Sass – آموزش پیشرفته flexbox

نام دوره : Advanced CSS and Sass: Flexbox, Grid, Animations and More! 

به روز رسانی 11/2022 از لحاظ محتوا هیچ تغییری نداشته

پیش نیاز:

  • این دوره برای مبتدیان نیست – قبل از گذراندن دوره باید در کد نویسی HTML و CSS اطلاعات داشته باشید
  • هر رایانه و سیستم عامل کار می کند – Windows ، macOS یا Linux
  • نیازی به هیچ نرم افزار پولی وجود ندارد – ویرایشگر متنی که قبلاً دارید به خوبی کار می کند

توضیحات:

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

آیا یک منبع  وجود داشته دارد که در آن بتوانید تمام تکنیک ها و ویژگی های پیشرفته و مدرن CSS که در مورد آنها خوانده اید را بیاموزید؟

خبر خوب: وجود دارد!

به “Advanced CSS and Sass” ، پیشرفته ترین ، مدرن ترین و کاملترین دوره CSS در اینترنت خوش آمدید. این چیزی است که در یک دوره پیشرفته CSS می خواهید .

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

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

پس از اتمام دوره آموزش فوق پیشرفته CSS و Sass ، موارد زیر را خواهید داشت:

  1.  با جدیدترین و پیشرفته ترین ویژگی ها و تکنیک های CSS آشنا باشید.
  2.  بر فن آوری های طرح بندی پیشرفته Flexbox و CSS Grid تسلط داشته باشید.
  3.  آماده ایجاد طرح بندی پاسخگو برای انواع دستگاه ها و موقعیت ها باشید.
  4.  واقعاً نحوه عملکرد CSS در پشت صحنه را درک کنید.
  5.  قادر به معماری پایگاه های بزرگ CSS برای استفاده مجدد و قابلیت نگهداری با استفاده از Sass باشید.

لطفاً توجه داشته باشید که این دوره برای مبتدیان مطلق نیست. بنابراین باید قبلاً در سطح متوسط ​​در HTML و CSS کدنویسی کرده باشید (لطفاً در صورت عدم تسلط، دوره دیگر من را بررسی کنید).

این دوره بسیار گسترده است و بیش از 28 ساعت آموزش را در بر می گیرد.

چیز هایی که خواهید آموخت:

• صد ها نوع از تکنیک های مدرن CSS پیشرفته برای ایجاد طرح ها و جلوه های خیره کننده: clip-path, background-clip, mask-image. background-blend-mode, shape-outside, filter. backdrop-filter, object-fit, transform.column-count. hyphens, perspective, calc() and custom CSS properties

• انیمیشن های پیشرفته CSS باkeyframes ، انیمیشن و انتقال.

• انتخاب کننده های پیشرفته CSS ، شبه کلاس ها و عناصر شبه مورد نیاز برای توسعه CSS مدرن.

• نحوه عملکرد CSS در پشت صحنه:  cascade, specificity, inheritance, value processing, the visual formatting model, the box model, box types, positioning schemes and stacking contexts

• معماری CSS: قانون 7-1 ، طراحی مبتنی بر جزء ، روش BEM ، نوشتن کدهای قابل استفاده مجدد ، قابل نگهداری و مقیاس پذیر.

 

قسمت Sass:

• مقدمه ای بر  variables, nesting, partials, imports, mixins, functions, extends :Sass: و موارد دیگر.

• استفاده از Sass در پروژه های دنیای واقعی: تنظیم متغیرهای جهانی ، ایجاد قابلیت استفاده مجدد ، معماری CSS و مدیریت پرس و جوهای رسانه ای.

• اکوسیستم NPM: ایجاد یک فرایند توسعه برای کامپایل Sass و بارگیری خودکار مرورگر ، و ایجاد یک فرایند ساخت برای اتصال ، پیشوند و فشرده سازی فایل های CSS.

• طراحی پاسخگو مدرن: fluid grids, layout types ، تصاویر انعطاف پذیر ، استفاده از پرس و جوهای رسانه ای برای آزمایش عرض های مختلف صفحه ، تراکم پیکسل و قابلیت های لمسی.

• گردش کار طراحی پاسخگو پیشرفته: استراتژی های تلفن همراه اول در مقابل دسکتاپ ، انتخاب نقاط شکست ، واحدهای em و rem و پرس و جوهای ویژگی برای آزمایش پشتیبانی مرورگر.

• تصاویر پاسخگو در HTML و CSS برای بارگذاری سریعتر صفحات: تغییر وضوح ، تغییر چگالی ، جهت هنری.

• تصاویر SVG در HTML و CSS: نحوه و چرایی استفاده از SVG . ایجاد اسپریت SVG ، تغییر رنگ SVG در CSS و بهترین شیوه ها.

• فیلم ها در HTML و CSS: ایجاد جلوه ویدئویی در پس زمینه.

• قسمت آموزش پیشرفته flexbox طرح بندی Flexbox: مفاهیم اصلی ، آشنایی با ویژگی های خاص کانتینر فلکس و آیتم های فلکس ، تکنیک های موقعیت یابی پیشرفته که برای یک پروژه بزرگ در دنیای واقعی استفاده می شود.

• طرح بندی شبکه CSS : مفاهیم اصلی ، شبکه CSS در مقابل flexbox و تکنیک های طرح بندی که برای یک پروژه در دنیای واقعی استفاده می شود. قسمت آموزش پیشرفته flexbox به تنهایی می تواند یک دوره کامل باشد!

 

چرا باید دوره آموزش فوق پیشرفته CSS و Sass را بگذرانید؟

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

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

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

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

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

 

 

دوره آموزش فوق پیشرفته CSS و Sass برای چه کسانی است:

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

بخشی از دوره :

9 reviews for آموزش CSS و Sass فوق پیشرفته – Advanced CSS and Sass: Flexbox, Grid, Animations and More

  1. یودمی ایران

    دوره در خواستی خود را از راه های ارتباطی درخواست کنید

  2. علیرضا علمی

    سلام، ممنون از سایت خوبتون.
    اگه امکانش وجود داره دوره رو آپدیت کنید.

    • یودمی ایران

      سلام عرض شد
      بررسی شد از نظر محتوا چیزی اضافه یا کم نشده

  3. yasin

    سلام لطفا اگه امکانش هست دوره رو آپدیت کنید .

    • یودمی ایران

      سلام عرض شد
      بررسی شد نه از لحاظ سرفصل ها نه زمان دوره تغییری نداشته . آپدیت بعدی دوره رو مجدد از اول دانلود می کنیم

  4. نگار

    ممکنه دوره رو آپدیت کنید ممنون

    • یودمی ایران

      سلام عرض شد
      در حال به روز رسانی هست با کیفیت 1080

  5. علی

    سلام خسته نباشید،
    آیا با خرید این دوره از آخرین آپدیت اون می تونیم استفاده کنیم؟
    و آیا این آموزش آخرین آپدیت هست؟
    خیلی ممنون.

    • یودمی ایران

      سلام عرض شد
      بله این دوره همین چند روز پیش به روز رسانی شد و به کیفیت 1080 ارتقا یافت
      با یکبار خرید آپدریت های بعدی هم رایگان خواهد بود

  6. abolfazl

    سلام
    ایا فایل تمرین های دوره اموزشی موجود است یا فقط فیلمهای دوره است

    • یودمی ایران

      سلام عرض شد
      کامله کامل هست هر چی که بوده رو دانلود کردیم

  7. رضا

    سلام وقت بخیر
    میتونم بپرسم در آخرین آپدیت چه قسمت هایی اضافه و یا کم شده؟. چون من این دوره رو با آپدیت تاریخ 11/2021 تموم کردم ولی میخوام بدونم اگه تغییری بوده شاید تهیه کنم ..ممنون.

    • یودمی ایران

      سلام عرض شد
      چیزی که ما دیدیم قسمتی به دوره اضافه نشده بود برای همین الزام به تهیه مجدد نیست

  8. ساناز

    من Css advanced رو بخش اول دنلود کردم کامل که شامل 5تا فایله. اما فایل پنجم که نوشته پارت دوم اکسترکت نمیشه و خطا میده. خطای the volum
    لطفا راهنماییم کنید

    • یودمی ایران

      سلام عرض شد
      همه ی پارت ها رو دانلود و بعد اکسترکت کنید

  9. Void

    سلام و عرض ادب. در آپدیت 2023/06 محتوای دوره تغییراتی نداشته؟

    • یودمی ایران

      درود بر شما
      خیر همه دوره های جوناس در این تاریخ آپدیت زدن که لینک با کد تخفیف به کورس ری اکت مدرس اضافه شده

دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *