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

🔅 The Joy of CSS Grid - Build 3 Beautifully Simple Responsive Layouts متعة CSS Grid - إنشاء 3 تخطيطات استجابة بسيطة وجميلة

That's right, CSS inside HTML

At first, it might throw you off that we are writing CSS media queries inside HTML, but it is a necessity for this setup to work properly. Think about it 🤔 the browser has to choose an image to render, even before any CSS is loaded into the page!

This element is not limited to just dimension based media queries, but rather any media query! So you could do things like 💭 Different images for different orientaations 💭 Different image if user prefers high contrast هذا صحيح، CSS داخل HTML للوهلة الأولى، قد يخطر ببالك أننا نكتب استعلامات وسائط CSS داخل HTML، ولكن من الضروري أن يعمل هذا الإعداد بشكل صحيح. تخيل أن المتصفح يجب أن يختار صورة لعرضها حتى قبل تحميل أي CSS إلى الصفحة! هذا العنصر لا يقتصر على استعلامات الوسائط القائمة على الأبعاد فقط، بل يشمل أي استعلام وسائط! لذا يمكنك القيام بأشياء مثل صور مختلفة لاتجاهات مختلفة، صور مختلفة إذا كان المستخدم يفضل التباين العالي صور مختلفة لأنظمة ألوان مختلفة (فاتح، داكن)الاحتمالات لا حصر لها

🔅 Difference Between opacity, visibility and display 🔅 الفرق بين التعتيم، الرؤية والعرض #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 How to generate compact numbers in JavaScript.

The Intl (internationalization) API in browsers and Node JS provide a lot of useful utilities for working with language specific displays, such as the "compact" notation such as 10K, 5M, etc

Here is an example on how you can use it 🔥 This is useful for things like dashboards and social media profile pages. 🔰 كيفية توليد أرقام مضغوطة في جافا سكريبت. توفر واجهة برمجة التطبيقات Intl (التدويل) في المتصفحات وNode JS العديد من الأدوات المفيدة للعمل مع العروض الخاصة باللغة، مثل التدوين "المضغوط" مثل 10K، 5M، إلخ إليك مثال على كيفية استخدامه 🔥 هذا مفيد لأشياء مثل لوحات المعلومات وصفحات ملفات التعريف على وسائل التواصل الاجتماعي #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 encodeURI and decodeURI in JavaScript

It is important to learn about these functions to ensure URLs are properly formatted for use in HTTP requests. Also for safely transmitting URLs that contain special characters or spaces. and Working with APIs that require encoded URLs for queries. By using encodeURI() and decodeURI(), developers can ensure that their URIs are properly formatted and safely transmitted across different systems and platforms.

🔰 encodeURI و decodeURI في جافا سكريبت

من المهم تعلم هذه الدوال لضمان تنسيق عناوين URL بشكل صحيح للاستخدام في طلبات HTTP. وأيضًا لنقل عناوين URL التي تحتوي على أحرف خاصة أو فراغات بأمان. والعمل مع واجهات برمجة التطبيقات التي تتطلب عناوين URL مشفرة للاستعلامات. باستخدام encodeURI() و decodeURI()، يمكن للمطورين التأكد من أن عناوين URI الخاصة بهم منسقة بشكل صحيح ويتم نقلها بأمان عبر أنظمة ومنصات مختلفة

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

🔰 Awesome Free APIs for Developers that you should know about 🔰 واجهات برمجة تطبيقات مجانية رائعة للمطورين يجب أن تعرفها #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 8 Types of JS Functions 🔰 8 أنواع من دوال جافا سكريبت #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🎓 دورة: لوحة البيانات التفاعلية باستخدام Microsoft Power BI في إدارة المشاريع 📊 دورة عملية تركّز على بناء لوحات تحكم تفاعلية باستخدام Power BI، وبيانات من Excel وPrimavera P6. ⏱️ المدة الكاملة للدورة: 3 ساعات فقط ومن خلالها ستتمكّن من بناء لوحة بيانات احترافية خطوة بخطوة،وبتطبيق عملي مباشر. 📌 الدورة على منصة Udemy متوفر حالياً خصم 71% لفتره محدوده جداً 🔥🔥🔥 🔗 رابط الدورة: https://www.udemy.com/course/interactive-dashboard-using-power-bi-in-project-management/?couponCode=485FACC9614A43C97940 📌 محتوى تطبيقي – نتائج واقعية – تقييمات ممتازة احجز مقعدك وابدأ خطوه نحو الاحترافيه 🔥

#تنويه 🆘 🆘 إعلان مدفوع لمدة 48 ساعة 🆘 ⚠️نعتذر لازعاكم 👇👇

🔰 JavaScript DOM Manipulation Methods 🔰 طرق التلاعب بـ DOM في جافا سكريبت #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 7 JavaScript Concepts You Can’t Miss 🔰 7 مفاهيم في جافا سكريبت لا يمكنك تفويتها #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 JavaScript Tip 💡: Add properties to an object based on a condition. 🔰 نصيحة جافا سكريبت 💡: أضف خصائص إلى كائن بناءً على شرط #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔅 Objects as Structs in JavaScript!!

While JavaScript does not have a direct equivalent to structs, its objects can be used in similar ways to group related data and behavior. This flexibility allows for a wide range of programming styles, including object-oriented programming.

🔅 الكائنات كـ Structs في جافاسكريبت!! بينما لا تمتلك جافاسكريبت ما يعادل الـ structs مباشرة، يمكن استخدام كائناتها بطرق مشابهة لتجميع البيانات والسلوك المرتبط بها. تسمح هذه المرونة بمجموعة واسعة من أنماط البرمجة، بما في ذلك البرمجة الكائنية التوجه #برمجة #برمجة_ويب ✅T_»: @Web_development_1

🔰 10 Amazing JavaScript One-Liners to simplify your Code 🔥 🔰 10 جمل جافا سكريبت مذهلة لتبسيط كودك 🔥 #برمجة #برمجة_ويب ✅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

🔰 JavaScript DOM Cheatsheet 🔰 ورقة غش DOM لجافا سكريبت #برمجة #برمجة_ويب ✅T_»: @Web_development_1