Switching Between Dark and Light Mode Whit JS: What You Need to Know
تُعتبر الوضعيات المظلمة والفاتحة ميزة شائعة في تصميم الويب وتطبيقات الهاتف المحمول. يُمكن لهذه الخاصية تحسين تجربة المستخدم وراحته عند تصفح المواقع والتطبيقات، حيث يمكن للمستخدمين التبديل بين الوضعين بناءً على تفضيلاتهم وظروف الإضاءة المحيطة بهم. يعتمد تنفيذ الوضعيات المظلمة والفاتحة على استخدام JavaScript وLocalStorage لتخزين تفضيلات المستخدم وتطبيقها بشكل ديناميكي على واجهة المستخدم.
Dark and Light Modes are a common feature in web design and mobile applications. This feature can enhance user experience and comfort while browsing websites and apps, allowing users to switch between modes based on their preferences and surrounding lighting conditions. Implementing Dark and Light Modes relies on the use of JavaScript and LocalStorage to store user preferences and dynamically apply them to the user interface.
روابط القناة على جميع المنصات
يوتيوب | / @mhmajeid
تلقرام | https://t.me/mhmajeid
الفيسبوك | / @mhmajeid
انستجرام | / mhmajeid
تويتر اكس | / mhmajeid
تيكتوك | https://www.tiktok.com/mhmajeid
ديسكورد | / discord
❤️رابط دعم القناة:
/ @mhmajeid
🎥فيديوهات قد تهمك
👈أسهل طريقة لبدء استخدام CSS GRID • أسهل طريقة لبدء استخدام CSS GRID
👈defer Attribute In JavaScript | • defer Attribute In JavaScript
👈How To Create Filter/Search List In JavaScript • How To Create Filter/Search List In J...
👈not() Selector In CSS • 19- not() Selector In CSS | Learn CSS
👈has() Selector In CSS • 18- has() Selector In CSS | Learn CSS
👈is() selector In CSS • 17- is() selector In CSS | Learn CSS
👈New CSS nth-child() number of class • 16- New CSS nth-child() number of cla...
👈أخطاء قد تفعلها دون أن تعرفها - احذر الوقوع فيها ! • أخطاء قد تفعلها دون أن تعرفها - احذر ...
👈Gradient Borders in CSS • Gradient Borders in CSS
👈CSS Before and After Pseudo elements • CSS Before and After Pseudo elements
👈 تحسين تلميحات التحقق من صحة المدخلات الخاص بك بدون JS! • تحسين تلميحات التحقق من صحة المدخلات ...
👈استدعاء واستخدام Font awesome 6 في المواقع • STOP Wasting Time With Outdated Fonts...
00:00 | المقدمة
00:10 | كتابة اكواد HTML
00:39 | كتابة اكواد CSS
03:00 | كتابة خاصية onclick في JavaScript
03:19 | كتابة اكواد JavaScript
05:18 | شرح التحقق من وجود كلاس في JavaScript
06:19 | شرح localStorage في JavaScript