ما الجديد في الـ CSS لسنة 2022؟
تم إضافة الكثير من الأشياء الجديدة للغة التنسيق CSS في سنة 2022، هذه بعضها وأهمها مع وصف سريع لها:

خاصية @when/@else : عناصر جديدة يمكن استخدامها لتحديد بعض الشروط لتطبيق الستايل عليها .

خاصية @container: عنصر جديد أشبه بعناصر Media Query لتنسيق أحجام عناصر الصفحة .

خاصية :has() يمكن اعتمادها على نوع من Attribute للتحقق من وجود عنصر داخله، وإن كان يتم تطبيق ستايل محدد عليه.

خصائص ألوان جديدة hwb() lab() lch() color-mix() يمكن تطبيقها لصناعة ما يشبه بفلاتر على الصور باستخدام css.

خاصية @layer لتحديد أقسام صفحات الويب وإعطائها نوع من التدرج من حيث الأهمية.

خاصية @scroll-timeline ستساعدك في إضافة أنيميشن على صفحة الويب أثناء عملية السكرول ( النزول والصعود في الصفحة )، سابقا تقوم بها باستخدام مكتبات JS خارجية.

تضمين خصائص Nesting في الكود، سابقا فقط Preprocessors مثل SASS او LESS التي تستخدمها، الآن يمكنك استخدامها بدورك ( وهي إدراج ستايل css لعنصر داخلي دون كتابته عن طريق عبارة & فقط.

هذه الخصائص سيتم إضافتها تدريجيا طيلة هذه السنة.

توضح لك الصورة التالية أبرز الـ Functions أو الدوال التي يمكن تطبيقها على الـ Arrays. مع ناتج كل Array.

فمثلا، دالة pop() تقوم بإزالة العنصر الأخير من الدالة. وكما ترى النتيجة تم حذف العنصر الأخير منها.
الأكواد المستخدمة هي في لغة البرمجة جافاسكربت، لكن تقريبا لا يوجد اختلافات في لغات برمجة أخرى.

استفد من مجموعة من الكورسات المتاحة الآن بشكل مجاني لفترة محدودة ✨

20 - دليلك صوب لغة البرمجة كوتلين - باللغة العربية
21 - كيف تبدأ في تطوير تطبيقات الأندرويد - باللغة العربية
22 - تعلم تطوير وتصميم مواقع الويب - باللغة العربية
23 - كيف تبدأ بالتسويق التلقائي (Autopilot) على السوشيال ميديا
24 - تعلم استخدام برمجية Power Studio المختص في تسجيل الصوتيات وإدارتها
25 - تدريب الـ SEO لسنة 2022 دليلك الكامل لتعلم الـ SEO
26 - البايثون للمبدئين، دليلك للبدء في تعلم البرمجة باستخدام بايثون
27 - كورس لتعلم أساسيات الـ HTML و CSS للمبتدئين
28 - كورس لتعلم العملات المشفرة وفهمها وفهم أساسياتها
29 - الـ jQuery للمبتدئين كليا

📍 رابط الكورسات : https://link.aqweeb.com/MarchCourses

نقترح عليك موقع: LeetCode 👩‍💻

هو موقع للتدرب على البرمجة، وتدريبك على مقابلات العمل البرمجية. يهدف الموقع لاتباع أسلوب حل المشاكل البرمجية والإجابة عنها عبر تحرير الكود ( مثل HackerRank )، أو التعلم بشكل تفاعلي (مثل CodeCademy). الموقع يستحق التجربة 👇
https://leetcode.com/

هل تسائلت يوما: هل يوجد منصة اجتماعية خاصة بالمطورين والمبرمجين فقط؟

منصة Showwcase هي الإجابة، إذ يمكنك صناعة بروفايلك الخاص، مشاركة محتوى برمجي ومشاريع وأكواد برمجية عليها، خلق اتصالات مع الآخرين، وحتى الحصول على وظيفة أو طلبات عمل في المنصة.
الرابط: http://showwcase.com

تبحث عن كتب برمجية باللغة العربية؟ توقف قليلا وتابع الآتي.
يوجد مستودع (Repository) على جيتهاب يضم مجموعة كبيرة جدا من الكتب الخاصة بالبرمجة، وبجميع اللغات تقريبا من بينها اللغة العربية، وبتخصصات ( مثلا كتب جافا، كتب سي بلس بلس ...). وبتحميل مباشر أيضا.

رابط المستودع للكتب بالعربية: https://link.aqweeb.com/3sPb7R9

رابط المستودع لكل الكتب: https://link.aqweeb.com/3sRzM7H

استمتع بالقراءة 😁

هل تُطور باستخدام Flutter؟ نقترح عليك مكتبة Animation للحصول على تأثيرات حركية على مختلف العناصر في مشروعك.

مكتبة Animation تجلب تحريكات كثيرة تجعل من برمجيتك أكثر احترافية، كما أنها مفتوحة المصدر.

رابط الموقع الرسمي لمعرفة طريقة تنصيبها + الإطلاع على بعض الانيميشن التي تقدمها لك:
https://pub.dev/packages/animations/install

تفكر في بناء برمجية متعلقة بالعملات المشفرة والرقمية؟ نقترح عليك Coinlore API.
هو API مجاني يجلب لك كل المعلومات التي تحتاجها بشكل حديث حول مختلف العملات المشفرة والرقمية. يمكنك الآن بناء برمجية متكاملة متعلقة بالعملات المشفرة ( مثل تطبيق لتعقب سعر العملات أو خدمة تعريف العملات وغيرها ... )

الرابط: https://www.coinlore.com/cryptocurrency-data-api?ref=public-apis

كيف تتعامل مع دالة Math في البرمجة.
هذه أبرز خصائصها، والنتائج المحصلة.
( لا يختلف الكود كثيرا من لغة برمجة إلى أخرى ).

هل تستخدم محرر VS Code للبرمجة؟ نقترح عليك إضافة Settings Sync.

تقوم هذه الإضافة بتصدير كل إعدادات المتصفح ( الثيمات، الإضافات، إعدادات الخطوط ...) ثم يمكنك استيرادها لاحقا بشكل سريع.
لما تحتاجها؟
لنفترض أنك قمت بفرمتة جهازك، أو لديك جهاز آخر تستخدمه للبرمجة، وتريد الحفاظ على نفس الإعدادات لديك، كل ما عليك فعله هو استخدام Settings Sync وتحميل اعداداتك وسيتم تنصيب كل الثيمات والإضافات بشكل تلقائي.

الأمر الثاني، أنه يمكنك تحميل إعدادات الآخرين، واستخدامها. فقد تقرأ أن فلان يستخدم VS Code للبرمجة بلغة البايثون مثلا، ويخبرك أنه يوجد عشرات الإضافات والإعدادات لتنصيبها لجعل البرمجة سهلة عليه. ما عليك فعله هو أن تطلب منه إعدادات متصفحه عبر Settings Sync وتتبيثها في محرر الأكواد لديك، وسيقوم بالواجب.

إطار TailwindCSS قد يكون حاليا من بين أفضل الإطارات لبناء مواقع ويب ذات واجهة مميزة للغاية ✨تفوق هذا الأخير على إطارات شهيرة مثل Bootstrap.

هل جربت استخدامه؟ ما رأيك فيه؟

مكتبة Video.js

إن كنت في صدد صناعة موقع ويب يعتمد على الفيديو بشكل أساسي ( مثل موقع عرض دورات فيديو، أو موقع شبيه باليوتيوب )، فإن مكتبة Video.js تساعدك على جلب بعض الخصائص الجديدة.
أولها صناعة قارئ ميديا (Player) خاص بك داخل الموقع، التحكم في الأزرار، والخدمات ( تسريع الفيديو، إيقافه ...) ومميزات أخرى مثل قراءة الفيديوهات مباشرة من مصدر (src) وهي جيدة لقراءة فيديوهات مقتبسة من مصادر أخرى.

رابط المكتبة: https://videojs.com/

كم مرة واجهت مشكلة في الكود الخاص بك ثم توجهت للبحث عن حل؟
لكن، الحل في الغالب يؤدي بك إلى أحد المواقع مثل Stackoverflow ثم البحث في الأجوبة وتجربة كل الأكواد المتاحة وغيرها.

ماذا لو أخبرتك أنه يوجد إضافة على متصفحك تجعل الأمر أسرع وأسهل؟
إضافة Grepper هي إضافة تضيفها للمتصفح، ومباشرة عندما تبحث عن أي مشكل برمجي، ستتصفح أشهر المواقع، وتجلب أفضل حل تم تأشيره أنه الحل الصحيح، وستظهره لك مباشرة في صفحة البحث ( كما في الصورة ) دون الحاجة لزيارة أي موقع.

رابط الإضافة: https://link.aqweeb.com/3JB9oom

ماذا عن محرك بحث مخصص للأكواد البرمجية فقط؟

ماذا لو أردت البحث عن " طريقة البحث داخل مصفوفة في الجافاسكربت " وبدل أن أحصل على مشكلة في Stackoverflow ونقل الحل، أو مشاهدة فيديو طويل، أو قراءة مقال أطول، أن أحصل على الكود مباشرة؟

هذه هي فكرة موقع https://www.snipt.dev/

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

📍 ما هو إطار العمل Flask ؟
http://link.aqweeb.com/flask

هل أنت قادر على حلها؟
هذا إعلان لفرصة عمل في مدينة "غوتنبرغ" السويدية. والاختبار كالتالي، أمامك الكود البرمجي التالي، كل ما عليك فعله هو استخراج قيمة المتغير s النهاية التي ستؤدي في الأخير إلى رابط طلب العمل.
بالمناسبة، الرابط لازال يعمل 😅

📍 أهم لغات البرمجة التي يجب عليك تعلمها لسنة 2022 ( فيديو )
https://link.aqweeb.com/3DW6AjR

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

أثناء صناعة Form خصوصا إن كانت موجهة لمستخدمي الموبايل، واحدة من العناصر (Attribute) المميزة والمفيدة أحيانا قد تكون enterkeyhint. ما الذي تفعله؟

لمستخدمي الموبايل، أثناء أدخال معلومات يظهر زر Submit على الكيبورد، يمكن تعديل تسميته من خلال هذا الـ Attribute.

هل أنت مستعد لبعض التحديات البرمجية؟ لكن بطريقة مختلفة كليا.
موقع devChallenges هو موقع تختار فيه مسار محدد ( مثل Back End أو Front End ) لتظهر لك مجموعة تحديات مختلفة. يمكنك إما إتمامها بنفسك أو دعوة أصدقائك للمساعدة للتدرب بشكل جماعي. إنهاء تلك التحديات من شأنها أن تصقل مهاراتك في المسار الذي قمت باختياره.

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

يبدو أن مفتوح المصدر قد أغلق أبوابه في وجه الروس.
منصة جيتهاب الشهيرة الخاصة باستضافة المشاريع البرمجية والمشاريع الحرة، يحظر حسابات الشركات الروسية خصوصا تلك التي تم تطبيق حظر أمريكي عليها. ليس هذا فحسب، حتى المطورون في تلك الشركات قد تم غلق حساباتهم.

📍 هل تعلم أنه يوجد بدائل كثيرة لمنصة Github؟ هذه أهمها:
https://link.aqweeb.com/2JA2XlJ

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

نقترح عليك إضافة بسيطة لمحرر الأكواد VS Code باسم Import Cost. تقوم بإظهار حجم المكتبات التي قمت باستيرادها والملفات أمام كود الاستيراد ( كما في الصورة ).

رابط الإضافة: https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost