دوره آموزشی کنترل CSS با جاوا اسکریپت
2 ساعت 1 دقیقهپیشرفته2021-09-22
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
جاوا اسکریپت به نشانه گذاری یک صفحه وب (DOM) و سبک های یک صفحه (CSSOM) دسترسی کامل دارد. استفاده از جاوا اسکریپت برای تعامل و دستکاری DOM یک روش معمول است، اما استفاده از جاوا اسکریپت برای تعامل با CSS به ندرت در لایه های سطحی دستکاری کلاس ها و تزریق سبک های درون خطی مورد بررسی قرار می گیرد. در این دوره، Morten Rand-Hendriksen عمیقاً در تقاطع جاوا اسکریپت و CSS حرکت می کند تا ببیند چه چیزی ممکن است. او دستکاری اساسی CSSOM را برای تغییر سبک های زنده یک سایت بررسی می کند، به فرصت های جدید ارائه شده توسط ویژگی های سفارشی نگاه می کند و مفاهیمی مانند نشانه های سبک را کاوش می کند. همانطور که مورتن نشان می دهد، استفاده از جاوا اسکریپت برای کنترل CSS راه را برای طرح های تعاملی تر و تجربیات کاربران باز می کند و به طراحان و توسعه دهندگان اجازه می دهد کارهایی را که تنها با CSS امکان پذیر نیست انجام دهند.
مهارت ها
CSSWeb StandardsJavaScriptWeb DesignOracleFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesOpen SourceSoftware DevelopmentOne-Off
سرفصل ها
0. مقدمه
- 01 - امکانات جدید در تقاطع CSS و جاوا اسکریپت
- 02 - فایل های تمرینی
- 03 - استفاده از GitHub Codespaces با این دوره
1. دسترسی به شیوه نامه ها و سبک ها
- 04 - به تمام شیوه نامه های یک سند دسترسی داشته باشید
- 05 - شیوه نامه خاصی را در یک سند پیدا کنید
- 06 - یک شیوه نامه را با استفاده از جاوا اسکریپت غیرفعال کنید
- 07 - از یک شیوه نامه به قوانین دسترسی پیدا کنید
- 08 - درج و حذف قوانین از یک شیوه نامه
- 09 - چالش - Stylesheet switcher
- 10 - راه حل - Stylesheet switcher
2. کار با قوانین سبک
- 11 - یک قانون شیوه نامه را اصلاح کنید
- 12 - ببینید چه سبک هایی برای یک عنصر محاسبه شده است
- 13 - استایل های جدید درون خطی را به یک عنصر اضافه کنید
- 14 - به سبک های عناصر درون خطی دسترسی داشته باشید
- 15 - برخورد با سبک ها به عنوان ویژگی های عنصر
3. کار با Properties
- 16 - به اعلان یک قانون خاص CSS دسترسی داشته باشید
- 17 - مقدار خاصی از ملک را بدست آورید
- 18 - مقدار ویژگی موجود را تنظیم کنید یا یک ویژگی جدید ایجاد کنید
- 19 - یک خاصیت خاص را از یک قانون حذف کنید
- 20 - CSS Typed Object Model
- 21 - قوانین style را با ویژگی styleMap ایجاد کرده و به آن دسترسی داشته باشید
- 22 - با ویژگیStyleMap استایل های عناصر درون خطی دسترسی ایجاد کنید
- 23 - چالش - جعبه را بچرخانید
- 24 - راه حل - جعبه را بچرخانید
4. کار با ویژگی های سفارشی
- 25 - دسترسی به ویژگی های سفارشی
- 26 - مقادیر ویژگی های سفارشی را تنظیم کنید
- 27 - درک املاک سفارشی ثبت شده
- 28 - تعریف املاک سفارشی ثبت شده
- 29 - چالش - انتخابگر رنگ
- 30 - راه حل - انتخابگر رنگ
نتیجه
- 31 - API های جدید در دست توسعه
دوره های مرتبط
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی CSS برای توسعهدهندگان
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی آن را تمرین کن: طرح بندی CSS