دوره جامع CSS

59,000 تومان

تعداد دانشجوها: 184

 

بعد از ثبت نام در دوره، برای دانلود ویدیوها وارد قسمت “حساب کاربری” شوید.

این دوره در حال برگزاری است.

توضیحات

CSS یک زبان نشانه گذاری است که برای پیاده سازی رابط کاربری صفحات وب استفاده می‌شود. همچنین اگر نرم افزارهای موبایل را با چهارچوب‌هایی مثل React Native توسعه دهیم، برای قسمت رابط کاربری برنامه باید از CSS استفاده کنیم. زبان‌های CSS و HTML به عنوان مبانی توسعه وب در نظر گرفته می‌شوند. بنابراین یادگیری و تسلط بر این دو، بسیار مهم است.

توسعه دهنده‌های بک‌اند و مخصوصا فرانت‌اند، باید CSS و HTML را به خوبی درک کنند. ممکن است تمرکز اصلی شما بر روی منطق توسعه با زبان‌هایی مثل جاوااسکریپت باشد. ولی باید بدانیم که ادامه مسیر یادگیری دقیق مفاهیم برنامه نویسی، بدون تسلط بر این زبان‌ها بسیار پیچیده خواهد بود. همچنین تمام موقعیت‌های شغلی در شرکت‌های پیشرو فناوری، تسلط بر سی‌اس‌اس را یکی از مهم‌ترین پارامترها در نظر می‌گیرند.

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

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

 

سرفصل‌ها:

معرفی دوره. بررسی کاربردهای CSS

۱. مسیر یادگیری و سرفصل‌های دوره – مشاهده ویدیو

۲. یادگیری دقیق‌تر مفاهیم – مشاهده ویدیو

۳. بررسی ابزارهای مورد نیاز – مشاهده ویدیو

۴. ساخت و اجرای پروژه – مشاهده ویدیو

۵. روش‌های اضافه کردن استایل‌ها

۶. استفاده از فونت‌ها

۷. بررسی Selectorها

۸. ابزارهای مرورگر برای توسعه فرانت‌اند

۹. استفاده از Selectorهای متعدد

۱۰. درک بهتر Box Model

۱۱. بررسی دستورهای کوتاه

۱۲. مقدارهای عرض و ارتفاع

۱۳. بررسی Box Sizing

۱۴. اضافه کردن Header

۱۵. مقادیر Display

۱۶. توسعه Navigation

۱۷. کار با دستورات text-decoration و vertical-align

۱۸. توسعه استایل برای لینک‌ها

۱۹. کلاس‌ها و المنت‌های Pseudo

۲۰. بهینه سازی کد برای کلاس‌ها

۲۱. استایل متفاوت برای یک لینک

۲۲. افزودن تصویر پس زمینه

۲۳. قسمت پلن‌های وب‌سایت

۲۴. دستورات box-shadow و rgba

۲۵. تکمیل استایل‌های پلن‌ها

۲۶. استایل‌ دهی به Button

۲۷. اضافه کردن قسمت ویژگی‌ها

۲۸. تکمیل استایل‌های Section جدید

۲۹. افزودن قسمت Footer

۳۰. بررسی تمرین شماره ۱

۳۱. ساختار فایل‌های پروژه

۳۲. توسعه صفحه پلن‌ها

۳۳. استفاده از دستور float

۳۴. بررسی دستورات Position

۳۵. استفاده از Position برای تصویر پس‌زمینه

۳۶. دستور z-index

۳۷. افزودن پیشنهاد ویژه به پلن‌ها

۳۸. استایل دهی به قسمت پیشنهادهای ویژه

۳۹. درک بهتر دستورات Background

۴۰. استفاده از دستور کوتاه برای Background

۴۱. افزودن صفحه مشتریان

۴۲. توسعه استایل‌های صفحه مشتریان

۴۳. استایل‌ دهی به تصاویر

۴۴. استفاده از Linear Gradient

۴۵. استفاده از Radial Gradients

۴۶. افزودن Backgroundهای متنوع

۴۷. دستورات Filters

۴۸. بررسی max-width و min-width

۴۹. بررسی واحد‌های em و rem

۵۰. استفاده از rem در پروژه

۵۱. تکمیل مقادیر rem

۵۲. بررسی واحدهای Viewport

۵۳. استفاده از مقدار auto برای margin

۵۴. افزودن Modal به پروژه

۵۵. تغییر استایل‌ها با جاوااسکریپت

۵۶. بررسی متد addEventListener

۵۷. دکمه بستن Modal

۵۸. بررسی طراحی Responsive

۵۹. درک بهتر viewport در Meta Tag

۶۰. طراحی Mobile First

۶۱. افزودن دستورات Media Query

۶۲. بررسی Mobile First و Desktop First

۶۳. سایزهای مختلف برای دیوایس‌ها

۶۴. طراحی Mobile First برای پلن‌ها

۶۵. افزودن Media Query برای پلن‌ها

۶۶. طراحی Responsive برای قسمت ویژگی‌ها

 

ویدیوهای اضافه شده:

۶۷. طراحی Responsive برای صفحه مشتریان

۶۸. افزودن فرم سفارش

۶۹. توسعه استایل برای فرم

۷۰. طراحی Responsive قسمت فرم

۷۱. بررسی استایل برای Checkbox

 

54 پاسخ به “دوره جامع CSS”

  1. aminda گفت:

    خیلی عالیه استاد
    ممنون از دوره های خیلی خوب شما
    واقعا یک نعمت هستین شما برای دانشجو ها به خاطر دورهای بسیار خوبتون
    برای انتقال دانش به روز خودتون
    برای اینکه پشتیانی خیلی خوبی از دورها دارین و واقعا پاسخگو هستید به سوالات

  2. سیروان گفت:

    سلام
    ایا sass و گالپ به طور کامل اموزش داده خواد شد ؟
    لطفا گالپ رو هم اضافه کنید و کامل اموزششون بدید ممنون

  3. morteza0936 گفت:

    در این دوره gulp هم آموزش داده میشه یا خیر ؟

  4. غلی گفت:

    سلام. روش دیگه‌ای برای خرید نیست؟ خارج از ایران هستم رمز پویا رو نمیتونم فعال کنم

  5. hooman_sarv گفت:

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

    • سلام
      خیلی ممنونم از لطفتون.
      تمام به روز رسانی‌ها به صورت رایگان انجام می‌شن.
      اگر یک بار برای دوره ثبت نام کنید، برای دریافت به روز رسانی‌ها نیازی به ثبت نام مجدد نیست.

  6. sian zare گفت:

    سلام خسته نباشید
    منم مثل سایر دوستان درخواست دارم اگر میشه sass و گالپ رو کامل بگید و کمی هم به سی اس اس انیمیشن بپردازید واقعا جای خالی این دو مورد اخر حس میشه
    تشکر

  7. محسن گفت:

    سلام ، خسته نباشی اقا مسعود گل
    میخواستم بدونم تصمیم بر این شد که gulp رو هم به دوره اضافه کنید یا نه هنوز ؟
    و اینکه پروژه های عملی با گرافیک مدرن رو هم در دوره خواهید داشت ؟
    باتشکر

  8. محسن گفت:

    دمتگرم
    پشتیبانی خوب به این میگن 🙂

  9. naeim گفت:

    درود بر شما
    فکر می کنید چقدر زمان ببره تکمیل دوره؟

  10. ali.dev گفت:

    سلام وقتتون بخیر
    ممنون که دوره‌هارو با قیمت مناسب قرار می‌دید

  11. hossein.art1 گفت:

    سلام grid و flex-box هم شامل این دوره میشه

  12. BroTher_ReZa گفت:

    خسته نباشی مهندس

  13. mohsen-jam گفت:

    سلام
    با توجه به سرفصل هایی که قرار است در این دوره تدریس کنید به نظرم دوره جذاب و پرباری باشه
    اما قبل از شروع نیازمند این هستم که بدونم دوره چه زمانی تکمیل میشه ؟ یه زمان تقریبی هم بگید خوبه
    ممنون

  14. mohsen-jam گفت:

    سلام من این دوره را تهیه کردم خیلی خوب و روان توضیح میدین و من قدم به قدم با شما پیش میرم
    یه سوال داشتم آیا در این دوره یک یا چندتا وبسایتی رو میاید از ابتدا با html css felebox grid sass بطور کامل پیاده سازی کنید ؟
    ممنون

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

  15. Ali گفت:

    سلام، gulp چی هست که دوستان همش میگم؟

  16. دانیال فیروزی گفت:

    سلام خسته نباشید
    میخواستم بدونم بحث sass کی شروع میشه؟

  17. hadi_chaloos گفت:

    شما که تو مسیر یادگیریتون میگید HTML و CSS پایه یادگیری وب هستش… کاش قبل آموزش CSS و JavaScript یه آموزش جامع HTML تو سایتتون داشتید که اون رو هم از همین سایت یاد بگیریم نیاز به سایت دیگه و آموزش های سایت های دیگه نباشه…

    • سلام
      به نظرم برای یادگیری HTML می‌شه از مستندات وب‌سایت MDN استفاده کرد، چون مفاهیم خیلی پیچیده‌ای نداره.
      اما در این دوره ما HTML رو هم همراه با CSS تا اندازه‌ای که لازم هست بررسی می‌کنیم.

  18. hadi_chaloos گفت:

    من آشنایی اولیه با HTML و CSS دارم…
    به نظرتون این مجموعه رو تهیه کنم نیاز به تهیه جداگانه آموزش HTML ندارم؟؟

  19. hadi_chaloos گفت:

    واسه این آموزش دیگه تخفیفی نداره
    درسته؟؟

  20. محمد گفت:

    با سلام،
    دوره هاتون عالیه فقط اینکه اگه بشه زود زود قسمت های دیگه روهم بذارین. من دوره های دیگه رو خریداری کردم و منتظر پایان این دوره ام. ظاهرا گفته بودین تا یه ماه تموم میشه ولی ما الان دوماهه که منتظر پایان دوره ایم.
    خیلی ممنون

  21. آیلا گفت:

    سلام. لطف میکنید یک کد تخفیف بفرستید که با نصف قیمت من بتونم دوره css روتهیه کنم .برام مقدور نیست که کل هزینه رو پرداخت کنم وگرنه تهیه میکردم. ممنونم

  22. mohammed15 گفت:

    in dore dige update nemishe?

  23. شهاب الدین دهقانپور گفت:

    سلام جناب صدری وقت تون بخیر
    واقعا آموزش به زبان ساده و روان هست و بسیار عالی
    من بشخصه بسیار راضی هستم
    فقط بسیار دیر آپلود میشن اگر امکانش باشه زمان آپلود ویدیوهای جدید رو کمتر کنید
    از آخرین آپدیت دوهفته گذشته!
    و دوره چه مدت دیگه تمام میشه؟
    از شما سپاسگزارم
    فقط

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

  24. شهاب الدین دهقانپور گفت:

    سلام استاد صدری وقت تون بخیر آموزش شماره ۴۶ واقعا عالی بود و کاربردی من این رو نمیدونستم و جایی هم بهش برنخورده بودم میشه به اینگونه گرادینت داد و همیشه توی فتوشاپ انجام می دادم بعد استفاده می کردم.ممنون
    ما توی کل دوره فقط روی همین قالب جلو میریم؟آیا با قالب های دیگه کار میشه؟که چالش ها بیشتر باشن؟و میشه آموزش ساخت اسلایدر فقط با HTML و CSS رو آموزش بدید؟ممنونم از شما

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

  25. مریم گفت:

    سلام. ممنون بابت دوره های خیلی خوبتون.
    داخل سرفصل های این دوره انیمیشن رو اصلا نمی بینم. جایی توضیح داده شده یا اینکه اضافه خواهد شد یا دوره ای برای انیمیشن قرار میدین؟
    ممنون

  26. alireza گفت:

    سلام استاد صدری وقتتون بخیر.
    این دوره برای کسی که پیش زمینه ای راجب html va css نداره میتونه مفید باشه؟ یا باید قبل از تهیه این آموزش دوره html رو آموزش دیده باشیم؟

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

  27. شهاب الدین دهقانپور گفت:

    سلام استاد وقت تون بخیر ای کاش دوره css تموم می شد بعد دوره جدید برگزار می کردید.زمان آپدیت ها خیلی زیاد هست امکانش نیست سریع تر پیش بره؟می دونم می خواین دوره عالی مثل دوره های دیگه سایت باشه ولی زمان آپدیت ها خیلی هست امکانش نیست تا یک ماه دیگر تکمیل بشود؟

    • سلام
      بله حق کاملا با شماست.
      واقعیتش برای دوره جامع و پیشرفته React و Redux درخواست‌های زیادی بود، برای همین سعی کردم زودتر منتشر بشه.
      اما نهایت تلاشم رو می‌کنم که دوره جامع CSS هر چه زودتر تکمیل بشه.
      ممنون که پیگیر هستید.

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

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

برای اطلاع از به روز رسانی دوره‌ها عضو کانال تلگرام فرانت کست شوید