CSS

آموزش مقدماتی تا پیشرفته CSS

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

  • میلاد خسروی مدرس دوره میلاد خسروی
  • 04:00:32
  • 28 قسمت
  • 12 دانشجو
  • مقدماتی
  • به اتمام رسیده

توضیحات

دوره CSS (Cascading Style Sheets) یک دوره آموزشی است که به شما یاد می‌دهد چگونه استایل و ظاهر وب‌سایت یا برنامه وب خود را بهبود بخشید. CSS جزء سه عنصر اصلی وب (HTML، CSS، و JavaScript) محسوب می‌شود و نقش بسیار مهمی در طراحی و توسعه وب دارد. در این دوره، شما با مفاهیم اساسی و پیشرفته CSS آشنا می‌شوید و مهارت‌های لازم برای ایجاد طرح‌های جذاب و واکنش‌گرا را به دست می‌آورید.دوره CSS (Cascading Style Sheets) یک دوره آموزشی است که به شما یاد می‌دهد چگونه استایل و ظاهر وب‌سایت یا برنامه وب خود را بهبود بخشید. CSS جزء سه عنصر اصلی وب (HTML، CSS، و JavaScript) محسوب می‌شود و نقش بسیار مهمی در طراحی و توسعه وب دارد. در این دوره، شما با مفاهیم اساسی و پیشرفته CSS آشنا می‌شوید و مهارت‌های لازم برای ایجاد طرح‌های جذاب و واکنش‌گرا را به دست می‌آورید.

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

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

هر سوالی داشته بشی به صورت 24 ساعته پشتیبانی ما برای پاسخ گویی به شما هست.

در انتهای دوره ما یک نقشه راه مشخص کردیم که میتونه یک نور در تاریکی راه باشه، پس دیگه بهونه چیزی رو نداری.
 
 
آموزش مقدماتی تا پیشرفته CSS رایگان
 

CSS چیه؟

CSS یا Cascading Style Sheets یک زبان استایل‌دهی است که برای توصیف نحوه نمایش وب‌سایت‌ها ایجاد شده است. این زبان به طراحان و توسعه‌دهندگان وب این امکان را می‌دهد که ظاهر و تنظیمات گرافیکی مختلفی را بر روی صفحات وب اعمال کنند. CSS با ارائه یک سیستم استایل‌دهی جداگانه از ساختار اصلی HTML، اجازه می‌دهد تا طراحی و انتظام‌بندی ظاهری وب‌سایت بهبود یابد.

 

ویژگی‌های کلیدی CSS

  1. انتخابگرها (Selectors): CSS از انتخابگرها برای تعیین المان‌های HTML استفاده می‌کند. این انتخابگرها به طراحان این امکان را می‌دهند که سبک‌ها و تنظیمات را بر روی یک یا چند المان اعمال کنند.

  2. ویژگی‌های استایل (Properties): هر استایل در CSS شامل یک یا چند ویژگی و مقدار مرتبط است. برای مثال، ویژگی color مقدار رنگ متن را تعیین می‌کند و ویژگی font-size اندازه فونت را مشخص می‌کند.

  3. مقادیر (Values): هر ویژگی دارای یک مقدار است. برای مثال، مقدار red می‌تواند برای ویژگی color باشد و اندازه فونت می‌تواند به عنوان یک مقدار عددی معین شود.

  4. مدل جعبه (Box Model): CSS از یک مدل جعبه برای توصیف ساختار المان‌های وب استفاده می‌کند. این مدل شامل پد، حاشیه، حاشیه داخلی، عرض، و ارتفاع است و به ترتیب تأثیر مستقیم بر لایه‌ها و ترتیب قرارگیری المان‌ها در صفحه را دارد.

  5. واکنش‌گرایی (Responsive Design): CSS امکان ایجاد وب‌سایت‌های واکنش‌گرا را فراهم می‌کند که به صورت اتوماتیک با اندازه‌ها و نوع دستگاه‌های مختلف سازگاری داشته باشند.

 

تاریخچه CSS

تاریخچه CSS (Cascading Style Sheets) به دوران اواخر دهه 1980 میلادی بازمی‌گردد. این زبان استایل‌دهی به طور رسمی توسط W3C (کنسرسیوم جهانی وب) معرفی و استانداردسازی شده است. در زیر، تاریخچه CSS به طور خلاصه شده است:

 

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

دوره CSS مناسب برای افرادی است که علاقه دارند مهارت‌های استایل‌دهی و طراحی وب را یاد بگیرند. این دوره برای گروه‌های زیر مناسب است:

  1. تازه‌کاران در زمینه توسعه وب: اگر شما یک تازه‌کار در زمینه توسعه وب هستید و می‌خواهید یاد بگیرید چگونه وب‌سایت‌ها را زیبا و جذاب طراحی کنید، دوره CSS برای شما مناسب است.

  2. طراحان گرافیک و UI/UX: اگر شما یک طراح گرافیک یا UI/UX هستید و می‌خواهید مهارت‌های استایل‌دهی و طراحی وب خود را تقویت کنید، دوره CSS به شما کمک می‌کند تا وب‌سایت‌هایی با ظاهر جذاب ایجاد کنید.

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

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

  5. آموزش‌دهندگان و مدرسان: اگر شما یک مدرس یا آموزش‌دهنده هستید که می‌خواهید مفاهیم CSS را به دانشجویان یا دانش‌آموزان خود آموزش دهید، دوره CSS به شما کمک می‌کند تا محتوای آموزشی جذاب و عملی ارائه دهید.

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

 

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

تنها پیش نیاز شما برای این دوره یادگیری HTML هست که به صورت رایگان در پرانتز هست و میتونید تماشا کنید و لذت ببرید.

 

بعد از دیدن این دوره چه نتیجه ای می رسم؟

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

 

سرفصل های دوره چی هستند؟

  1. مقدمه به CSS:

    • تاریخچه و نقش CSS در توسعه وب.
    • تفاوت‌ها و ارتباطات بین HTML، CSS، و JavaScript.

  2. انتخابگرها و ویژگی‌های انتخاب:

    • استفاده از انتخابگرها برای تعیین المان‌های مختلف.
    • اعمال ویژگی‌های استایل به المان‌ها.

  3. طراحی طبقه‌بندی و سلسله‌مراتبی:

    • ایجاد سلسله‌مراتب در استایل‌دهی.
    • استفاده از کلاس‌ها و آیدی‌ها.

  4. طراحی تایپوگرافی:

    • انتخاب و تنظیم فونت‌ها.
    • اعمال حاشیه‌ها و فاصله‌ها.

  5. تعریف و استفاده از رنگ‌ها و پس‌زمینه‌ها:

    • انتخاب رنگ‌ها و اعمال آنها به مختلف المان‌ها.
    • ایجاد پس‌زمینه‌های جذاب.

  6. طراحی لایه‌ها و پوزیشنینگ:

    • مفاهیم مربوط به مدل جعبه (Box Model).
    • تنظیم و مدیریت موقعیت المان‌ها.

  7. واکنش‌گرایی (Responsive Design):

    • استفاده از رویه‌ها و راهکارهای CSS برای سازگاری با دستگاه‌ها و اندازه‌های مختلف.

  8. انیمیشن و ترنزیشن‌ها:

    • ایجاد جلب‌کننده‌ترین و انعطاف‌پذیرترین تجربه کاربری با استفاده از انیمیشن و ترنزیشن‌ها.

  9. ابزارهای پیشرفته CSS:

    • استفاده از متغیرها و پیشرفته‌ترین ویژگی‌های CSS.

  10. توسعه بهینه و کدنویسی CSS:

    • بهینه‌سازی کد CSS.
    • استفاده از اصول نگهداری و سازماندهی کد.

 

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

  • یادگیری CSS
  • طراحی وب
  • استایل دهی ها
  • انیمیشن ها
  • ریسپانسیو (Responsive)
  • Text Decoration
  • لینک دهی صفحات
  • افکت ها در وب
  • کار با Transition ها
  • کار با انیمیشن ها
  • محدود ها در طراحی وب
  • Css
  • سی اس اس
  • طراحی صفحات واکنش‌گرا (Responsive)
  • ایجاد انیمیشن و افکت‌های جذاب
  • استفاده از متغیرها و کدنویسی تمیز
  • سازمان‌دهی پروژه‌های CSS و فایل‌ها
  • Media Query

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

آشنایی با مبانی وب

کار با کامپیوتر

آشنایی با HTML

مدرس دوره

میلاد خسروی
میلاد خسروی
پروفایل مدرس
Fun Developer
  • 524 دانشجو
  • 598 جلسه تدریس کرده

برنامه نویس فان | Fun Developer

یک آدم ساده که عاشق برنامه نویسی و کد زدنه :)

تلاش میکنه تا به بقیه کمک کنه.

جلسات دوره

آزمون های دوره

هنوز آزمونی برای این دوره ثبت نشده است.

نظرات (0)

  • هنوز نظری ثبت نشده؛ اولین نفر باش!
قبل از خرید بخوان

سوالات متداول این دوره

دوره‌های پرانتز معمولاً از مقدماتی تا پیشرفته را پوشش می‌دهند، پس هم برای شروع از صفر مناسب‌اند و هم برای تقویت مهارت‌های حرفه‌ای.

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

بله. آموزش در پرانتز پروژه‌محور است؛ به‌جای تئوری صرف، در طول دوره پروژه‌های واقعی و کاربردی می‌سازی که در رزومه‌ات قابل استفاده‌اند.

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

بله. با تغییر نسخه‌ها و فناوری‌ها محتوای دوره‌ها به‌روزرسانی می‌شود و به نسخه‌ی جدید هم بدون پرداخت دوباره دسترسی داری.

بله، پس از اتمام موفقیت‌آمیز دوره مدرک معتبر پرانتز صادر می‌شود؛ اما مهم‌تر از مدرک، پروژه‌ها و مهارت واقعی است که به دست می‌آوری.
<