Web development | تطوير الويب

🔰 Did you know that CSS works even inside console.log()

Some cases where I have seen this being used in real life is for showing a warning for self XSS attacks - asking regular web users not to paste random code inside the dev console (yes, that's an actual attack)

🔰 هل كنت تعلم أن CSS تعمل حتى داخل console.log()

بعض الحالات التي رأيت فيها هذا يُستخدم في الحياة الواقعية هي لإظهار تحذير لهجمات XSS الذاتية - حيث يُطلب من مستخدمي الويب العاديين عدم لصق أكواد عشوائية داخل وحدة تحكم المطور (نعم، هذه هجمة فعلية)

#برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Show popup before user closes the browser tab!

You can use this technique to show offers and discounts to the user before they leave the webpage which will help increase conversions.

🔰 عرض نافذة منبثقة قبل أن يغلق المستخدم تبويب المتصفح!

يمكنك استخدام هذه التقنية لعرض العروض والخصومات على المستخدم قبل مغادرته لصفحة الويب مما سيساعد على زيادة التحويلات

#برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 DOM manipulation

We use JavaScript to access, modify, or create these elements, making our web pages come alive without the need to reload them.

🔰 التلاعب بـ DOM

نستخدم جافا سكريبت للوصول إلى هذه العناصر أو تعديلها أو إنشائها، مما يجعل صفحات الويب الخاصة بنا تنبض بالحياة دون الحاجة إلى إعادة تحميلها

#برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Data Manipulation with Arrays

Data manipulation with arrays is commonly used in real-life scenarios such as processing and analyzing large datasets in scientific research, financial analysis, and business intelligence applications.

🔰 التلاعب بالبيانات باستخدام المصفوفات

يُستخدم التلاعب بالبيانات باستخدام المصفوفات بشكل شائع في السيناريوهات الواقعية مثل معالجة وتحليل مجموعات البيانات الكبيرة في البحث العلمي، التحليل المالي، وتطبيقات ذكاء الأعمال

 #برمجة #برمجة_ويب ✅T_»: @Web_development_1

There were a bunch of new methods added to thr Set interface in JavaScript, and here are all of them! ✨ Sets represent a collection of unordered items, and are optimised to quickly find if a particular item exists in a collection or not. These methods help to reduce a lot of boilerplate code which would be required otherwise! تمت إضافة مجموعة من الطرق الجديدة إلى واجهة Set في جافا سكريبت، وهذه هي جميعها! ✨ تمثل المجموعات مجموعة من العناصر غير المرتبة، وهي مُحسّنة للعثور بسرعة على ما إذا كان عنصر معين موجودًا في المجموعة أم لا. تساعد هذه الطرق في تقليل الكثير من الأكواد المتكررة التي كانت ستكون مطلوبة خلاف ذلك! #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Javascript cheat sheet This is the latest Javascript cheat sheet. Save it and share with your friends. It contain variables, data types, operators, functions, conditional statements, loops and DOM manipulation 🔰 ورقة غش جافا سكريبت

هذه هي أحدث ورقة غش لجافا سكريبت. احفظها وشاركها مع أصدقائك. تحتوي على المتغيرات وأنواع البيانات والعوامل والدوال وعبارات الشرط والحلقات والتلاعب بـ DOM

#برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 JavaScript Event Loop

A mechanism that allows JavaScript to manage multiple tasks efficiently in a single-threaded environment.

🔰 حلقة أحداث جافا سكريبت

آلية تسمح لجافا سكريبت بإدارة مهام متعددة بكفاءة في بيئة ذات خيط واحد.

#برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Chrome's Face Detection API!!

Used in real-time face detection for image processing, security, photo apps, or adding effects on faces in media.

🔰 واجهة برمجة تطبيقات كشف الوجوه في كروم!!

تُستخدم في الكشف عن الوجوه في الوقت الحقيقي لمعالجة الصور، والأمن، وتطبيقات الصور، أو إضافة تأثيرات على الوجوه في الوسائط.

#برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Autoplay Video on Scroll using JavaScript!!

Check if the video is fully in view, and if so, play it; otherwise, pause. The muted attribute is added to ensure autoplay on most browsers.

🔰 تشغيل الفيديو تلقائيًا عند التمرير باستخدام جافا سكريبت!!

تحقق مما إذا كان الفيديو ظاهرًا بالكامل، وإذا كان كذلك، قم بتشغيله؛ وإلا، أوقفه مؤقتًا. تمت إضافة خاصية كتم الصوت لضمان التشغيل التلقائي في معظم المتصفحات.

#برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Es6 code output interview questions 🔰 أسئلة مقابلة حول مخرجات كود Es6 #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Node JS: Beginners Guide 🔰 دليل المبتدئين لـ Node JS #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Mastering JavaScript Fetch API

Fetch provides a powerful, logical way to fetch resources asynchronously.

توفر Fetch طريقة قوية ومنطقية لجلب الموارد بشكل غير متزامن.