دوره آموزشی کنترل 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: تکنیک های پیشرفته تایپوگرافی
- دوره آموزشی تکنیک های تایپوگرافی واکنشگرا
- دوره آموزشی یادگیری تجسم داده ها با D3.js
- دوره آموزشی discover.js: ارائه های آنلاین
- دوره آموزشی CSS: چاپ استایل شیت
- دوره آموزشی کنترل فروش
- دوره آموزشی کنترل هزینه با مدیریت و صورتحساب Azure
مسیرهای مرتبط
- مسیر آموزشی یادگیری جامع CSS
- مسیر آموزشی توسعه برنامه را با پشته MERN کاوش کنید
- مسیر آموزشی تبدیل شدن به یک طراح وب
- مسیر آموزشی تبدیل شدن به یک متخصص ابزار تجسم داده ها
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده MEAN Javascript
- مسیر آموزشی توسعه وب را با Node.js کاوش کنید
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Full-Stack وب
- مسیر آموزشی شروع کار با PHP