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

📌دائما لما تصمم وتوزع العناصر بـ HTML استخدم عناصر HTML 5 , او كما تسمى Semantic Elements ... بالطريقة هذي تصميمك يكون أفضل من توزيع العناصر بـDiv 👌 وايضا تفيد كثيرا بالـ SEO ... هنا مختصر للعناصر وطريقة التوزيع

🔵 5 Super Useful React Libraries that you should know about 🔵 5 مكتبات React مفيدة للغاية يجب أن تعرف عنها ✅T_»: @Web_development_1

🔵 React useRef hook explained with examples 🚀 🔵 شرح استخدام React باستخدام الأمثلة 🚀

A simple tutorial on implementing a pdf viewer in react js applications 🚀 دليل بسيط حول كيفية تنفيذ عارض PDF في تطبيقات React JS 🚀

تبحث عن مكتبة CSS خفيفة ظريفة لاستخدامها بشكل سريع في مواقع الويب ؟ جرب Spectre.css، بسيطة وخفيفة مع مجموعة من العناصر (Components) المثالية. بالإضافة لسهولة كتابة الكود الخاص بها ( مثلًا لجعل النص كبيرا اضف كلاس text-bold للعنصر، بهذه البساطة). جرب Spectre وتعرف عليها أكثر من الموقع الرسمي: https://picturepan2.github.io/spectre/index.html #CSS

Want to make your CSS snippets from ordinary to extraordinary? Well here are some small tips and tricks you can use leveraging modern CSS syntax! ✔️هل تريد تحويل مقتطفات CSS الخاصة بك من عادية إلى استثنائية؟ حسنًا، إليك بعض النصائح والحيل الصغيرة التي يمكنك استخدامها للاستفادة من قواعد CSS الحديثة!

🖐 POPOVER Web API

A new feature in Web development was recently made stable across all major browsers, and here are all the details to help you get started with the same 🤩

Popups have been ubiquitous in web, but there hasn't been an easier way to implement them. This API offers an extremely easy, flexible and accessible way to implement Popovers! 🖐 واجهة برمجة تطبيقات الويب POPOVER تم مؤخرًا توفير ميزة جديدة في تطوير الويب بشكل مستقر عبر جميع المتصفحات الرئيسية، وإليك جميع التفاصيل لمساعدتك في البدء في استخدامها 🤩 أصبحت النوافذ المنبثقة منتشرة على نطاق واسع على الويب، ولكن لم تكن هناك طريقة أسهل لتنفيذها. توفر واجهة برمجة التطبيقات هذه طريقة سهلة ومرنة وسهلة الوصول للغاية لتنفيذ Popovers!

🤖 ـ Deckee: تبسيط إنشاء الويب وNFT بواسطة الذكاء الاصطناعي 🧰 : 🛠 أدوات بناء المواقع بالذكاء الاصطناعي 💬 اكتشف إنشاء المواقع السريع وNFT مع تكنولوجيا الذكاء الاصطناعي من Deckee. مثالي لرواد الأعمال والمبدعين الذين يبحثون عن حلول رقمية احترافية وخالية من المتاعب. 🔗الرابط⬇️ https://deckee.ai/

🔅 CSS: flex Auto Margin 🔅 CSS: مرونة الهامش التلقائي

🔵 CSS Grids explained 🔵 شرح شبكات CSS

⌨️ هامش تلقائي لـ Flexbox لمحاذاة عناصر flexbox على طول المحور المتقاطع، لدينا خاصية align-self . هل تساءلت لماذا لا نمتلك خاصية justify-self مكافئة لـ flexbox؟ 🤔 يرجع ذلك إلى أن تبرير عنصر فردي لا معنى له إلى حد كبير. ماذا يحدث للعناصر المجاورة، على سبيل المثال، إذا قمت بتطبيق justify-self: end على عنصر؟ 👉 بدلاً من ذلك، يسمح لك CSS بتحديد القيمة ' auto ' للهامش لإنشاء هذا التأثير المطلوب. عندما تقوم بتعريف margin: auto، فهذا يعني إنشاء هامش بحجم المساحة الحرة المتوفرة. يساعدنا هذا على دفع العنصر بعيدًا عن جميع العناصر الأخرى في flexbox!

⌨️ Two ways to create responsive input fields in CSS! ⌨️ طريقتان لإنشاء حقول إدخال مستجيبة في CSS!

⌨️ CSS Specificity Hierarchy

When multiple selectors apply, the one with higher specificity wins. If specificity is the same, the last declared rule takes precedence.

⌨️ التسلسل الهرمي لخصوصية CSS عند تطبيق محددات متعددة، يفوز المحدد الذي يتمتع بأعلى درجة من التحديد. وإذا كانت درجة التحديد هي نفسها، فإن القاعدة المعلنة الأخيرة لها الأسبقية.

⌨️ Style Queries in CSS

Practical ways to leverage style queries in CSS to create responsive and adaptable web designs.

⌨️ استعلامات النمط في CSS طرق عملية للاستفادة من استعلامات الأسلوب في CSS لإنشاء تصميمات ويب سريعة الاستجابة وقابلة للتكيف.

⌨️ Anchor Positioning in CSS!!

The CSS Anchor Positioning API is still under development and considered experimental. Browser support is limited, but there's a polyfill available for wider implementation.

⌨️ وضع المرساة في CSS !! لا تزال واجهة برمجة تطبيقات CSS Anchor Positioning قيد التطوير وتعتبر تجريبية. دعم المتصفح محدود، ولكن هناك بديل متاح للتطبيق على نطاق أوسع.

⌨️ OKLCH in CSS!!

OKLCH offers more predictable lightness and smoother gradients compared to HSL and RGB.

⌨️ OKLCH في CSS!! يوفر OKLCH إضاءة أكثر قابلية للتنبؤ وتدرجات أكثر سلاسة مقارنةً بـ HSL وRGB.

⌨️ Anatomy of CSS You might be using CSS for a long time, but did you know what each part of it is called? Here is a breakdown! ✨ ⌨️ تشريح CSS ربما تستخدم CSS منذ فترة طويلة، ولكن هل تعلم ما هو اسم كل جزء منه؟ إليك شرحًا تفصيليًا! ✨

🌟✔️المعسكر التدريبي الكامل لتطوير الويب لعام 2024🌟☄ The Complete 2024 Web Development Bootcamp Become a Full-Stack Web Developer with just ONE course. HTML, CSS, Javascript, Node, React, PostgreSQL, Web3 and DApps

Bestseller

🌐 انكليزية +ملفات srt arabic 🤑السعر 75$ حمله مجانا 🔘حجم الكورس : 31.2GB 🎥الجودة : 720p 🌐الترجمة : عربية ✔️ ✅الكورس كامل مع المرفقات وبآخر تحديث له بتاريخ 8/2024 ✔️ 📥سيرفر التنزيل : Telegram ⭐️ 👨🏻‍💻كلمة سر فك الضغط: courses1_Free@

🔗رابط الكورس على Udemy👇

https://www.udemy.com/course/the-complete-web-development-bootcamp

👨🏻‍💻رابط تحميل الكورس 👇

https://linkjust.com/RyQ

☑️تخطي الروابط والوصول للكورس👇

https://t.me/courses1_Free/2057

⚠️اذا وجهت اي مشكلة في التحميل توصل معي هنا 👇

@Almprmg_arabic2_bot

👨🏻‍💻فضلاً وليس أمراً شارك القناة لدعمنا👇

✔️لمشاركة القناة 「إضغط هنا」️

بالتو‏فـ♡ـيق للجميع

⌨️ JavaScript - RoadMap ⌨️ JavaScript - خريطة الطريق

⌨️ JavaScript: 5 واجهات برمجة تطبيقات ويب مفيدة