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

🔳 نرشح لك موقع: 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

بلا شك سمعت بمكتبة Prettier، مكتبة جافاسكربت تنظف الكود وتجعل قرائته أسهل و أفضل وكذلك مساحته أحسن.

أقدم أحد المطورين على صناعة Shittier ... مكتبة مضادة لمكتبة Prettier 😅😂.

عند استخدامها تجعل الكود الخاص بك فوضوي ، غير قابل للقراءة، سيء وصعب التعديل.

(بالطبع الهدف منها المزاح و ليست ذات استخدام رئيسي ) .

#برمجة

احفظه في مفضلتك :

موقع Egghead هو موقع يتميز بمجموعة من الكورسات التعليمية في مجال البرمجة وتقنياتها الحديثة. يمكن تعلم التقنيات مباشرة، أو صناعة أشياء بالبرمجة انطلاقًا من محتوى الكورس خطوة بخطوة.

يضم كورسات مجانية كثيرة وعديدة إلى جانب كورسات أخرى مدفوعة.

◻ رابط الموقع: https://egghead.io/

#برمجة

التأثير المناسب للمواقع التقنية 😎

يمكنك إضافة هذا التأثير باستخدام الـ CSS فقط عبر إضافة أنيميشن لكل جزء من الكلمة.

يمكنك مشاهدة المشروع كاملًا على Codepen من هنا .

#برمجة