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

🔰 The most important Array Methods in JavaScript

map , filter and reduce

🔰 أهم طرق المصفوفات في جافاسكريبت

map , filter و reduce

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

🔰 JavaScript Object Essentials 🔰 أساسيات كائن جافا سكريبت #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Some Interesting JAVASCRIPT One Liners 🔰 بعض جمل جافاسكريبت المثيرة للاهتمام في سطر واحد #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Map vs forEach 🔰 الفرق بين Map و forEach #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Conditional Types for Flexible Logic

Use Conditional Types to create type-safe APIs, dynamic utility types, and ensure precise type behavior in complex systems.

🔰 الأنواع الشرطية للمنطق المرن استخدم الأنواع الشرطية لإنشاء واجهات برمجة تطبيقات آمنة من حيث النوع، وأنواع أدوات ديناميكية، وضمان سلوك نوع دقيق في الأنظمة المعقدة. #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Type: Unknown in TypeScript

Using the unknown type promotes type safety, prevents errors, fosters cleaner code, and aids gradual TypeScript adoption.

🔰 النوع: Unknown في TypeScript

استخدام النوع unknown يعزز أمان النوع، يمنع الأخطاء، يشجع على كتابة كود أنظف، ويساعد في التبني التدريجي لـ TypeScript

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

🔰 Filtering and Modifying Array Elements in JavaScript

You may want to filter out certain elements while modifying the remaining elements in an array. In JavaScript, this can be accomplished in the following ways:

1. Using filter and map methods together. 2. Use the reduce method to achieve both tasks in a single step. 🔰 تصفية وتعديل عناصر المصفوفة في جافاسكريبت

قد ترغب في تصفية بعض العناصر مع تعديل العناصر المتبقية في المصفوفة. في جافاسكريبت، يمكن تحقيق ذلك بالطرق التالية:

 1. استخدام طريقتي filter و map معًا. 2. استخدام طريقة reduce لتحقيق المهمتين في خطوة واحدة. #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 JSON Web Token 🔰 رمز ويب JSON #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 Debouncing and Throttling in JavaScript 🔰 التمهيد والتقييد في جافا سكريبت #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 JavaScript is everywhere. Millions of webpages are built on JS.

A few examples will help you understand the JavaScript Async-await function in this post.

🔰 جافا سكريبت موجودة في كل مكان. ملايين صفحات الويب مبنية على جافا سكريبت. بعض الأمثلة ستساعدك على فهم دالة Async-await في جافا سكريبت في هذا المنشور #برمجة #برمجة_ويب ✅T_»: @Web_development_1

💡 ENUMS in TypeScript

Enums are commonly used to represent a collection of related constants, such as user roles, states, or categories, ensuring that variables can only hold predefined values.

💡 العدادات (ENUMS) في TypeScript

تُستخدم العدادات عادةً لتمثيل مجموعة من الثوابت المرتبطة، مثل أدوار المستخدمين أو الحالات أو الفئات، مما يضمن أن المتغيرات يمكن أن تحتوي فقط على قيم محددة مسبقًا

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

🔰 Infinite Scrolling with JavaScript 🔰 التمرير اللانهائي باستخدام جافا سكريبت #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 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