🔳 استخدم Email Js من أجل إرسال رسائل بريد إلكتروني دون الحاجة للاعتماد على خادم.

تقترح عليك المكتبة (والخدمة) مجموعة من الخوادم الجاهزة. باستخدام Email JS يمكنك تهيئتها وإرسال رسائل بريد إلكتروني بكل سهولة.

جيدة أثناء انشاء المواقع الثابتة (Static) بالإضافة لأي نوع من تقنيات الـ Front End غير المرتبطة بخادم او سيرفر يدعم بروتوكول SMTP .

#برمجة

معلومة برمجية سريعة:

في الجافاسكربت، يمكن إعطاء ميزة نوع العنصر Private داخل الكلاس باستخدام رمز # . بينما ياخذ نوع Public بشكل تلقائي.

#برمجة

🔳 جرب React Joyride لإنشاء توجيهات لمواقع الويب وبرمجيات الـ React

هل تصفحت يومًا موقع ويب وأخذك في جولة سريعة يوجهك لعناصر الموقع ويشرحها لك (مثل الـ Tutorial ) ؟
يمكن إنشاء المثل باستخدام مكتبة React Joyride، سهلة الاستخدام وبسيطة في عملها. وعملية للغاية لمواقع الويب المعقدة التي تحتاج لشرح.

◻ رابط المكتبة: من هنا

#برمجة

لقد قضينا وقتا طيبا .. لكنك لن تشتغل في جميع الأحوال 😢

🔳 نرشح لك موقع: DevDocs

تخيل موقعًا واحدا يضم كل الشروحات والأكواد البرمجية لمعظم اللغات والتقنيات البرمجية.

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

من خلال DevDocs تحصل على توثيق كامل لكل التقنيات البرمجية في مكان واحد.

◻ رشحنا الخدمة في مقالنا بعنوان: 10 مواقع وأدوات يحتاجها المبرمجون والمطورون ( الجزء الأول )

#برمجة

تستخدم VSCode كبيئة تطوير؟ بالتأكيد ستحتاج لإضافة Live Server أذن.

إضافة Live Server تقوم بإنشاء سيرفر حي لأي مشروع ويب وفتحه في المتصفح مباشرة ( على شاكلة رابط محلي مثلًا 127.12.1.12). مع ميزة التحديث التلقائي والحي المباشر (Real Time) حتى لو لم يكن المشروع مهيئًا لذلك، ونتحدث هنا عن صفحات الويب الثابتة (Static).

إنشاء شيء مماثل في مشاريع كبيرة قد يتطلب منك تهيئة خدمة Module Bundler مثل WebPack أو Gulp.

◻ رابط الإضافة: من هنا
◻ استكشف أفضل إضافات VS Code لاستخدامها: من هنا

#برمجة

◻ ادمج بين حبك للفضاء وحبك للبرمجة عبر مكتبة Spacekit.js.

تساعدك هذه المكتبة على بناء صفحات مواقع ويب تعتمد على رسومات فضائية تفاعلية (3D Space Visualizations) بشتى الأنواع.

يضم الموقع الرسمي مواقع أخرى تم بنائها بالاعتماد على هذه المكتبة لأخذ فكرة عما يمكنك صناعته.

رابط المكتبة: من هنا

#مكتبات

◻ مصممي واجهات الـ Front End، أضف بعض الحياة والرشاقة لعناصر صفحات الويب عبر المكتبات التالية المتخصصة في الأنيميشن:

◻ مكتبة Vivify
◻ مكتبة Animate.CSS
◻ مكتبة Bounce
◻ مكتبة Animista
◻ مكتبة MO.js
◻ مكتبة Transition.css

#تطوير #برمجة

◻ استكشف SpellBox ... إضافة لتحويل تعليقاتك إلى أكواد فعالة باستخدام الذكاء الاصطناعي.

لا تريد استخدام Github Copilot؟ ولا تريد استخدام ChatGPT أيضا لتوليد الكود؟ استخدام SpellBox.

متاحة بطرق مختلفة (كإضافة لـ VSCode )، قم بشرح ووصف الكود خاصتك للإضافة وستحولها إلى كود فعال.

مجانية أيضا.

رابط الموقع الرسمي: من هنا

#برمجة

حركة بسيطة لتحسين الكود الخاص بك في الـ CSS أثناء التعامل مع الـ media queries ونقاط الـ Break Point.

#برمجة

اه من غدر الحبيب 😢

◻️ موقع أضفه لمفضلتك فقد تحتاجه أثناء تطوير صفحات الويب.

بحاجة لبعض الظلال (Shadow) في مشاريعك البرمجية على الويب؟ هذا هو الموقع الوحيد الذي تحتاجه.

يقدم أكثر من 90 نموذج لـ Shadows مختلفة، انقر عليها وسيُنسخ كود CSS لتضيفه مباشرة لعنصرك في مشروعك على الويب. بكل سهولة.

- رابط الموقع: https://getcssscan.com/css-box-shadow-examples

إضافات VSCode يجب أن تكون في بيئة التطوير لديك 👍.

تعرف على هذه الإضافات أكثر وإضافات أخرى من مقالنا التالي:
link.aqweeb.com/vscode-extensions

#برمجة

لمطوري الـ React.
نرشح لك مكتبة React-Toastify، بسيطة في عملها لكنها تقدم لك شكلًا رائعًا على رسائل الـ Toast المنبثقة بإعدادات كثيرة وشكل رائع ✨

#برمجة

أخطر لعبة 😅😅

احفظها لديك.
مجموعة خدمات تدمج بين عالم الإبداع والبرمجة في منصة واحدة:

◻ منصة Spline:
اصنع نماذج ثلاية أبعاد وعناصر UIUX وحولها لأكواد قابلة للاستخدام.

◻ منصة ReadyMag:
اصنع مواقع ويب بسيطة مثل الـ Portfolios و الـ Landing Pages باستخدام عناصر جاهزة.

◻ منصة Webflow:
التقنية الأحدث في مجال التطوير والبرمجة. طور تقنيات ويب متقدمة عبر تصميمها جرافيكيًا.

◻ منصة Figma:
استخدم Figma لتصميم نماذج UIUX لمختلف العناصر والشاشات، مع فرصة تحويلها لأكواد قابلة للاستخدام.

◻ منصة Framer:
اعتمد على Framer لإنشاء تفاعلات معقدة بين الشاشات ونماذج UIUX متطورة. مع دعم تحويلها لأكواد كذلك.

◻ منصة Relume:
ولد مواقع ويب متواضعة باستخدام أسطر الأوامر فقط بواسطة الذكاء الاصطناعي.

نذكرك عزيزي المتابع، أن هذه المنصات لا تحارب المطورين ولا تقضي عليهم ولا تعوضهم (كما هو متداول) وإنما هي صديقة المبرمج وحليفته في التصميم والبرمجة والتطوير والإبداع.

#أكوا_ويب | #تقنية | #برمجة

الـ API ببساطة:

- تبدأ العملية من العميل الذي يرسل أمر طلبه، يمكن لطلبه، الطلب يعتمد على 4 أصناف:

— الـ GET يجلب بيانات من قاعدة البيانات
— الـ POST يرسل بيانات إلى قاعدة البيانات
— الـ Patch يعدل بيانات
— الـ DELETE يحذف بيانات

- يتوصل السيرفر بالطلب ويطبقه حسب الأمر على قاعدة البيانات
- بعد تنفيذ الأمر تعيد قاعدة البيانات الطلب للخادم
- يعيد السيرفر كود محدد له دلالة على نجاح أو فشل العملية ( مثلا كود 200 يعني نجاح العملية)

كان هذا شرح بسيط لطريقة عمل الـ API .

( الصورة من حساب Postman أشهر برمجية إدارة الـ API's )

#برمجة

تبحث عن مكتبة CSS خفيفة ظريفة لاستخدامها بشكل سريع في مواقع الويب ؟

جرب Spectre.css، بسيطة وخفيفة مع مجموعة من العناصر (Components) المثالية. بالإضافة لسهولة كتابة الكود الخاص بها ( مثلًا لجعل النص كبيرا اضف كلاس text-bold للعنصر، بهذه البساطة).

جرب Spectre وتعرف عليها أكثر من الموقع الرسمي:
https://picturepan2.github.io/spectre/index.html

#CSS

هل فكرت في صناعة تطبيقك الخاص للذكاء الاصطناعي؟

إطلاق Gemini من جوجل أتاح للمطورين إمكانية إنشاء تطبيقاتهم الخاصة للذكاء الاصطناعي والشات بشكل مجاني تمامًا.

نأخذك في هذا الدرس البرمجي من الصفر حتى النهاية لإنشاء تطبيق شات بسيط يتلقى الأوامر ويعيد النتيجة بالذكاء الاصطناعي باستخدام تقنية Flutter و Dart:

https://www.aqweeb.com/2024/02/Create-AI-App-with-Gemini-and-Flutter.html

#اكوا_ويب | #برمجة | #دروس

أهم شيء الكود يشتغل 🤣

بأقل مجهود برمجي وعبر خاصية واحد في CSS يمكنك إنشاء سلايدر قابل للتمرير قد يكلفك عشرات الأكواد !

هنا نطرح لك نموذج بسيط لطريقة استخدام هذه الميزة عبر Codepen:
https://codepen.io/gwjqifkq-the-vuer/pen/XWGQgRw

#CSS