آموزش کنترل سی اس اس با جاوا اسکریپت

دوره آموزش کنترل سی اس اس با جاوا اسکریپت
Linkedin – Controlling CSS with JavaScript
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

جاوا اسکریپت به نشانه گذاری یک صفحه وب (DOM) و سبک های یک صفحه (CSOM) دسترسی کامل دارد. استفاده از جاوا اسکریپت برای تعامل با DOM و دستکاری آن یک روش معمول است، اما استفاده از جاوا اسکریپت برای تعامل با CSS به ندرت از لایه های کم عمق دستکاری کلاس ها و تزریق سبک های درون خطی کاوش می شود.

در این دوره آموزش کنترل سی اس اس با جاوا اسکریپت، Morten Rand-Hendriksen به عمق تقاطع جاوا اسکریپت و CSS می پردازد تا ببیند چه چیزی ممکن است. او دستکاری اساسی CSSOM را برای تغییر سبک های زنده سایت بررسی می کند، به فرصت های جدید ارائه شده توسط ویژگی های سفارشی می پردازد و مفاهیمی مانند نشانه های سبک را بررسی می کند.
همانطور که مورتن نشان می‌دهد، استفاده از جاوا اسکریپت برای کنترل CSS، راه را برای طراحی‌های تعاملی‌تر و تجربیات کاربر باز می‌کند و به طراحان و توسعه‌دهندگان اجازه می‌دهد کارهایی را انجام دهند که تنها با CSS امکان‌پذیر نیست.

این دوره کنترل سی اس اس با جاوا اسکریپت با GitHub Codespaces یکپارچه شده است، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به هیچ گونه راه اندازی ماشین محلی ارائه می دهد.
با Codespaces، می‌توانید در هر زمان و در هر زمانی از هر ماشینی تمرین عملی داشته باشید، در حالی که از ابزاری استفاده می‌کنید که احتمالاً در محل کار با آن مواجه خواهید شد. برای یادگیری نحوه شروع، ویدیوی «استفاده از فضاهای کد GitHub با این دوره» را بررسی کنید.

فهرست سرفصل های دوره : آموزش Linkedin – Controlling CSS with JavaScript
دوره آموزش کنترل سی اس اس با جاوا اسکریپت

• معرفی
  امکانات جدید در تقاطع CSS و جاوا اسکریپت
  فایل های تمرینی
  استفاده از GitHub Codespaces با این دوره
  
• 1. دسترسی به شیوه نامه ها و سبک ها
  به تمام شیوه نامه های یک سند دسترسی داشته باشید
  شیوه نامه خاصی را در یک سند پیدا کنید
  با استفاده از جاوا اسکریپت یک شیوه نامه را غیرفعال کنید
  دسترسی به قوانین از یک شیوه نامه
  درج و حذف قوانین از یک شیوه نامه
  چالش: تغییر برگه سبک
  راه حل: Stylesheet switcher
  
• 2. کار با قوانین سبک
  یک قانون شیوه نامه را اصلاح کنید
  ببینید چه سبک هایی برای یک عنصر محاسبه شده است
  استایل های درون خطی جدید را به یک عنصر اضافه کنید
  دسترسی به سبک های عناصر درون خطی
  در نظر گرفتن سبک ها به عنوان ویژگی های عنصر
  
• 3. کار با Properties
  به اعلان یک قانون خاص CSS دسترسی داشته باشید
  یک ارزش ملک خاص را دریافت کنید
  مقدار ویژگی موجود را تنظیم کنید یا یک ویژگی جدید ایجاد کنید
  یک ویژگی خاص را از یک قانون حذف کنید
  CSS Typed Object Model
  قوانین سبک را با ویژگی styleMap ایجاد کنید و به آنها دسترسی پیدا کنید
  با ویژگیStyleMap به سبک های عناصر درون خطی دسترسی پیدا کنید
  چالش: جعبه را بچرخانید
  راه حل: جعبه را بچرخانید
  
• 4. کار با ویژگی های سفارشی
  دسترسی به خواص سفارشی
  مقادیر ویژگی سفارشی را تنظیم کنید
  درک خواص سفارشی ثبت شده
  تعریف املاک سفارشی ثبت شده
  چالش: انتخابگر رنگ
  راه حل: انتخابگر رنگ
  
• نتیجه
  API های جدید در دست توسعه

دوره آموزش کنترل سی اس اس با جاوا اسکریپت، Linkedin – Controlling CSS with JavaScript، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است.