استكشف طرقًا أفضل لإظهار الإشعارات في مشاريع الـ React عبر مكتبة React Toastify ✨

#برمجة

بحاجة لتضمين الذكاء الاصطناعي في برمجيتك على الويب؟ اعتمد على ChatGPT.Js إذن 👌.


https://chatgpt.js.org/

#برمجة

سمعت بـ Cursor؟ تعرف على أفضل بديل له .. Void.

خدمة Void هي خدمة مفتوحة المصدر متاحة على أنظمة التشغيل للحاسوب. وهو عبارة عن مساعد شخصي لأتمتة مختلف عمليات البرمجة مثل اتمام الأكواد، توليدها، تنظيمها، إعادة صياغتها، والمزيد ...

الموقع الرسمي: https://voideditor.com/

#برمجة

- لازم تبني علاقات مع الناس
- نوع العلاقات التي أبنيها:

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

يعتبر حتى الآن الأفضل ( من وجهة نظرنا ) في اختيار تناسق الألوان المناسبة لمشروعك.

#برمجة

احفظ المكتبات التالية عند الحاجة، فهي تسهل عليك بناء مواقع ويب إن كنت تعتمد على React كإطار عمل أساسي.

- مكتبة shadcn: مكتبة UI للوصول لعناصر ويب جاهزة.

- إطار Tailwind: الأشهر والأكثر استخدامًا أيضا للحصول على عناصر جاهزة.

- إطار Recharts : لبناء مخططات و Charts بسهولة.

- إطار Framer Motion: لإضافة أنيميشن احترافية على مختلف العناصر في مشاريعك.

- إطار Redux Toolkit: لإدارة الحالات (State Management) في مشاريع الـ React.

- إطار React Hook Form : إن كنت تتعامل مع الـ Forms كثيرًا فهذا الإطار يسهل عليك العمل بشكل كبير.

- إطار React Aria : من Adobe يهدف لتهيئة مواقع الويب لمختلف الخدمات ( كجعله متانسقًا مع الموبايل مثلًا).

#أكوا_كود #برمجة #React

تكسر قواعد الأنيميشن على الويب 🔥

هذه مكتبة AnimeJs V4، تقدم تجربة غامرة ومختلفة في إضافة أنيميشن لمختلف عناصر الويب.
الموقع الرسمي تحفة أيضا : https://animejs.com/

( لا تنسوا الدعاء لإخوانكم في فلسطين ).

#برمجة

إضافة برمجية:

في لغة HTML يمكن السماح للمستخدم بفتح كاميرا الهاتف والتقاط صورة ثم رفعها، باستخدام بعض الـ Attributes في وسم input.

استخدم خيار image في accept لمنح وسم input من نوع file لاستقبال ملفات الصور فقط.
الحيلة تكمن في عنصر capture. إن اتخذ قيمة environement فسيفتح كاميرا الهاتف الخلفية. يمكن استخدام قيمة user بدلها لفتح كاميرا السيلفي.

في حالة الوصول للموقع (الذي يستخدم هذا الوسم ) من الويب، سيفتح مباشرة مدير الملفات لاختيار صورة بدل الوصول لكاميرا الهاتف.

#برمجة

محرر CLion من Jerbrains أصبح مجاني للاستخدام غير التجاري لكل المستخدمين.

المحرر بيئة كاملة للتطوير و البرمجة باستخدام لغتي C و C++.

#برمجة

بين قوسين:

إن كنت ترغب قي تعلم اساسيات Git بشكل صحيح وواضح، منصة w3schools أضافت حزمة دروس جديدة ل Git.

🔹 أو تابع شرحنا المختصر من هنا:
https://www.aqweeb.com/2021/01/Git-and-hosting-projects-on-github.html

#برمجة

جوجل تُطلق Stitch أداة جديدة لبناء واجهات UI تفاعلية باستخدام الأكواد البرمجة.

#تقنية

يوجد عدة طرق من أجل جعل عنصر في وسط الصفحة ( أو وسط عنصر آخر ).

يمكن تحقيق نفس النتيجة باستخدام display من نوع grid، ثم إعطائها place-items:center. يتم وضع العنصر في منتصف الصفحة بشكل أفقي وعمودي.

#برمجة

استخدم مكتبة AI Commits لكتابة رسائل commits تلقائية عند رفع الملفات عبر git 👌.

متاحة على شكل مكتبة في مستودع NPM.

#برمجة

هل تعلم:

يوجد محرر أكواد باسم VSCodium ... وهو نفسه محرر VsCode، الفرق الوحيد أن خدمات مايكروسوفت منزوعة من هذا الأخير.

كما يتوفر على بعض الإضافات مفتوحة المصدر التي قد لا تكون موجودة على متجر VsCode العادي.

رابط المحرر: https://vscodium.com/

#برمجة