◻ مصممي واجهات الـ 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 من هنا .

#برمجة

◻ إطلاق النسخة النهائية والثابتة من Android Studio: Iguana .

مطوري تطبيقات الموبايل سيسعدون بهذه النسخة وهذا الإصدار، يمتاز بـ :
- بإدارة أفضل للـ Dependecies
- نظام Debugging أفضل
- تصميم وواجهة UI أكثر سلاسة
- تقنيات Testing جديدة
- إدراج هواتف جديدة ( بيكسل ) في نظام المحاكيات للمحرر
- نظام بناء و Gradle عملي أكثر

والمزيد من التحديثات الأخرى التي يمكن الإطلاع عليها كاملة عبر تدوينة جوجل الرسمية من هنا.

#جوجل

الجافاسكربت لغة غير كل لغات البرمجة الأخرى 😅

هكذا يكتب المحترفون في الجافاسكربت متغيرات من نوع bool 😎

var bltrue = !!1; 
var blfalse = !!0; 

#أكواد

المساعد الذكي Github Copilot التابع لمنصة Copilot يُصلح الآن الثغرات الأمنية في الكود البرمجي الذي تكتبه.

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

#برمجة