واثق ا.

مشاريع هامة:

- Famcare – منصة نفسية رائدة في السعودية والمنطقة المحيطة لجلسات العلاج النفسي ومجموعات الدعم عبر الإنترنت

● التعامل مع كود صخم وإدارته بعد استلامه بهذه الصفات:

- أكثر من ألف Classes، وأكثر من ألف اختبار آلي (Tests)، وأكثر من 300 ألف مستخدم، وأكثر من 80 ألف حزمة مدفوعة

- التطوير باستخدام Domain Driven Design في بعض أجزاء المشروع، وModules في أجزاء أخرى، ونمط تصميم الـ State، وFacade في الحزم الخارجي

- متكامل مع WooCommerce للتعامل مع الدفع الإلكتروني

- Vapor للتعامل مع خدمات AWS، وForge للتعامل مع WordPress/WooCommerce، والمدونة/صفحة الهبوط، ونظام تقارير Metabase، ونظام اجتماعات BigBlueButton

- BigBlueButton لاجتماعات مجموعة الدعم وAgora للجلسات عبر الإنترنت

- HyperPay وTabby كبوابات للدفع

- Unifonic للرسائل النصية القصيرة

- Split لـ feature flage

- ِAlgolia لبعض أجزاء البحث

- PostgreSQL هي قاعدة البيانات الرئيسية المستخدمة في النظام

● استكشاف المشكلات المتعلقة بالأداء وإصلاحها بمساعدة Telescope وFlare

● حل المشكلات المتعلقة ببوابات الدفع أو التكامل مع WooCommerce وlaravel

● إصلاح وتحسين بعض أقسام/صفحات لوحة معلومات Laravel Nova

● العمل بشكل وثيق مع فريق خدمة العملاء لمعالجة مشكلات المستخدمين من خلال حلول البرمجة

● تم استخدام Zoom للاتصال بالفيديو وJira لـعمل Agile في إطار عمل SCRUM

- Eazycare – منصة لحجز مواعيد الفحوصات المخبرية والأشعة في السعودية

● تم تنفيذ واجهة برمجة التطبيقات (API) لتطبيق الهاتف المحمول، وتطبيق الويب في كل من الواجهة الخلفية والواجهة الأمامية

● المشاركة في المشروع من التخطيط إلى إطلاق المنتج النهائي

● تم تنفيذ بعض الميزات الهامة في النظام، مثل:

• الجدولة مع المختبرات، وجداول التأخير

• تصدير/استيراد ملفات Excel

• إعداد المشروع ليكون صديقاً لمحركات البحث (SEO).

• استيراد Google Analytics في لوحة تحكم المشرف

• تدقيق العديد من عمليات النظام

• طباعة وتصدير الفواتير pdf باللغة العربية دون مشاكل

- استخدمت مكتبة رياكت ومكتبة ماتيريال يو آي لبناء لوحة التحكم لنظام الإعدادات الذي نبنيه

- استخدمت نظام جيت وموقع جت لاب للتحكم بكل النسخ للكود

- استخدنا موقع جوجل ميت لكل التواصل المباشر لأن العمل كان عن بعد، وبرنامج سلاك للتواصل النصي

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

- استخدمنا المنهجية الرشيقة خاصة عبر إطار عمل سكروم بكل مراحله من الاجتماعات اليومية السريعة والاجتماعات الفصلية وغيرها

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

-

رابط المعاينة: https://friendly-galileo-978ccc.netlify.app

رابط الكود: https://github.com/ReCoded-Org/capstone-project-findme

-

اُستخدِم من التقنيات في هذا المشروع:

● أنشئ المشروع في الواجهات باستخدم مكتبة React.js ومكتبة Tailwind وإطار عمل Jest لاختبار الوحدات (Unit Testing) باستخدام Snapshot Testing.

● اُستخدمت Firebase للنظم الخلفية (Backend) وقواعد البيانات، واستخدم بروتوكول OAuth للاستيثاق من المستخدمين.

● اًستخدم CircleCI للتكاملية المستمرة في التعامل مع الاستضافة، حيث لا ترفع إلى الموقع النهائي إلا بعد التحقق من كل الاختبارات، وإذا فشل الكود في تحقيق جميع الاختبارات (Tests) لا يعتمد إلا بعد إصلاح المشكلة ضمانًا لعمل الموقع دون مشاكل عند المستخدم.

● أدير الموقع باستخدام المنهجية الرشيقة (Agile) باستخدام إطار عمل سكروم (SCRUM) عن طريق git/Github لإدارة الكود، وبرنامج Zoom لاجتماعات الفيديو.

● اُستخدمت خدمة Netlify للاستضافة.

رابط الموقع: https://iwatheq.com

رابط الكود: https://github.com/WatheqAlshowaiter/iwatheq.com-gatsby

-

● بالنسبة للنظم الخلفية (Backend) بُنيت هذه المدونة من الصفر باستخدما PHP وقاعدة بيانات MySQL بدون استخدام أي إطار عمل.

● أما في الواجهات (Frontend) فاستخدمت HTML وCSS وJavaScript بدون أطر عمل.

● تحتوي مقالات تقنية وغير تقنية باللغتين العربية والإنجليزية.

رابط معاينة ١: https://watheqalshowaiter.github.io/sample_page/

رابط الكود ١: https://github.com/WatheqAlshowaiter/sample_page

رابط معاينة ٢: https://watheqalshowaiter.github.io/sample_page2/

رابط الكود ٢: https://github.com/WatheqAlshowaiter/sample_page2

-

● بُنيت هذه الصفحات باستخدام HMLT و CSS وJavaScript بدون استخدام أطر عمل أو مكتبات.

● تصميم متجاوب يعمل على شاشات الجوال والأجهزة اللوحية والأجهزة المكتبة واللابتوبات.

● صُمّمت باستخدام وسوم HTML دلالية وباستخدام طريقة BEM؛ من أجل سهولة إعادة الاستخدام والتعديل عند توسّع المشروع؟

● Used BEM class name convention for structuring the styles in a reusable format

ترجمت عدة مقالات تقنية من الإنجليزية إلى العربية لصالح أكاديمية حسوب:

- "لماذا يجب عليك اختيار ووردبريس؟"

الرابط: tinyurl.com/yry3owyk

- "7 إضافات لتحسين ترتيب ظهور موقعك في محركات البحث"

الرابط: https://tinyurl.com/yyoksg56

- "إجراء الترقية الآمنة لووردبريس عبر أداة الأتمتة Automate"

الرابط: https://tinyurl.com/y36osg3k

- "30 إضافة ووردبريس أساسية يجب عليك تثبيتها إذا لم تكن ثبتها بالفعل"

الرابط: https://tinyurl.com/y5cqt62k

- "9 أدوات مجانية لعرض البيانات رسوميًا"

الرابط: https://tinyurl.com/y3evex9t

إنشاء الفواتير بكل سهولة ومرونة (مشروع مستقل).

رابط صور المشروع: https://tinyurl.com/yc5eddx4

● استخدمت Laravel للواجهة الخلفية (التي كنت مسؤولاً عنها) وNext.js (المعتمد على React.js) للواجهة الأمامية.

● غطت معظم الواجهة الخلفية باختبارات آلية باستخدام PHPUnit.

رابط الموقع https://csg.uxwritingar.com

- يستخدم ميزة PWA لإمكانية تنزيل المشروع إلى سطح المكتب

- كُتب بأسلوب مواقع التوثيقات عن طريق Gatsby.js

رابط الموقع https://homoudblog.com

مدونة غاية في البساطة عن طريق Gatsby.js المبني على React.js، وNetlify headless CMS

٢٠٢٠م. مخيم برمجي دام لستة أشهر لتعلم تطوير واجهات الويب والاستعداد للعمل في الاقتصاد الرقمي الحديث

وتعلمنا فيه ما يلي:

-تعلم أساسيات تطوير واجهات الويب: HTML و CSS وJavaScript.

- تعلم مكتبة React.js لبناء واجهات سريعة ومنظمة وحديثة.

- تعلم العمل الجماعي في بيئة العمل التقنية باستخدام git/Github لإدارة الكود بطريقة فعالة.

- تعلم العديد من التقنيات المساعدة على هامش المخيّم مثل: Firebase والتكاملية المستمرة (Continues Integration) باستخدام CircleCI، وSASS، وإطار عمل Tailwind لCSS، ومكتبة Jest لاختبار الوحدات في JavaScript.

- تعلم العديد من المهارات (الناعمة) مثل إدارة الوقت، والتواصل المهني، ومنهجية إدارة الأعمال الرشيقة (Agile) باستخدام إطار عمل سكروم (Scrum).

- تعلم مهارة العمل عن بعد حيث كان المخيّم كله عن بعد، واُستخدم برنامج Zoom لإدارة اجتماعات الفيديو، ومجموعة في برنامج سلاك (Slack) لإدارة الفريق والتواصل معهم.

٢٠٢٠م مخيم تطوير واجهات الويب من مؤسسة Flatiron School وكان بالتعاون مع Re:Coded.

وتعلمنا فيه مايلي:

- إدارة نسخ الكود باستخدام git/Github.

- تعلم HTML و CSS وJavaScript.

- تعلم مكتبة React.js.

درست هذه المساقات التي قد تتقاطع مع اهتمام الشركة:

تطوير واجهات الويب، تطوير النظم الخلفية للويب، التجارة الإلكترونية، تفاعل الإنسان مع الحاسوب، هياكل البيانات والخوارزميات، قواعد بيانات أساسية ومتقدمة، مبادئ البرمجة الكائنية (OOP)، هندسة البرمجيات، الحوسبة المؤسسية، مهارات الحاسوب واستخدام برامج مايكروسوفت أوفيس، أمن المعلومات، البرمجة التكاملية، تنظيم الحاسوب، البرمجة المرئية باستخدام #C، أساسيات الشبكات، أنظمة التشغيل، أخلاقيات الحاسوب، تحيل وتصميم الأنظمة، نظم موزعة، مهارات اتصال، مناهج بحث.