مطوّر إبداعي مقيم في هيرنه بألمانيا. أتنقّل بين التصميم والتطوير لأنني لم أجد الخط الفاصل بينهما مفيدًا يومًا. قد تعمل واجهة ما بإتقان وتظل توحي بأن شيئًا فيها غير سليم؛ وقد تبدو فكرة بصرية قوية رائعة ثم تنهار لحظة يُطلب منها أن تتصرف. هذا التوتر هو ما يُبقيني مهتمًا.
بدأت بـ HTML وCSS وJavaScript، أتعلم سطرًا سطرًا ببناء الأشياء وكسرها. كان الهدف الأول بسيطًا: أن يظهر شيء في المتصفح، وأن أفهم لماذا ظهر هناك.
01
كود
دخل التصميم إلى المشهد
كلما بنيت أكثر، صار أوضح أن الكود ليس سوى نصف المشكلة. غيّرت التايبوغرافيا والمسافات واللون والتكوين نظرتي إلى الواجهات، فصار التصميم الجرافيكي جزءًا من مسار التعلم نفسه لا تخصصًا منفصلًا.
تصميم
عشرة اتجاهات فنية، لا مظهر واحد
عشرة مواقع مكتملة، وعشر لغات بصرية مختلفة، لا يتشابه اثنان منها. مبادرة ذاتية · 2020–2026.
index.html وstyles.css وscript.js لمعظمها — بلا إطار عمل، ولا خطوة بناء، ولا مدير حزم. لا شيء يحتاج إلى تحديث على جدول، ولا شيء يتعطل لأن اعتمادية تحركت من تحته، وأستطيع فتح أي منها بعد سنوات وقراءة ما تقوله.
تصميم
التعلم بالبناء
معظم مشاريع الويب في هذا الموقع أعمال مفاهيمية ذاتية المبادرة. أكتب الموجز بنفسي، وأختار الاتجاه، وأصمم الواجهة، وأعمل على التنفيذ حتى النهاية. ليست أعمالًا بتكليف — بل سجل لطريقة تفكيري ولما أستطيع بناءه.
03
كود
مرسومة في المتصفح بدلًا من ذلك
ثلاثة من المشاريع العشرة بلا صور فوتوغرافية إطلاقًا — تلك الواجهات مبنية بـ SVG مضمّن وCSS. تبقى حادة الوضوح في أي حجم، وتكلفة تحميلها شبه معدومة، وإعادة تلوين المجموعة كلها ليست سوى تغيير في حفنة من القيم.
تصميم
الذكاء الاصطناعي كأداة
صار الذكاء الاصطناعي طبقة أخرى في سير العمل: مفيد للاستكشاف والبحث والتكرار واختبار الأفكار. أتعامل معه كأداة، لا بديلًا عن الحكم.
04
كود
مواقع ويب، وتطبيقات جوال، وتجارة إلكترونية
مواقع الويب وتطبيقاته هي حيث يتركز معظم العمل، ومنها تأتي كل دراسات الحالة. أما واجهات تطبيقات الجوال ومفاهيم التجارة الإلكترونية فهما المجالان الآخران اللذان أستكشفهما، إلى جانب التصميم الجرافيكي وأعمال الهوية.
طريقة العمل
كيف أعمل فعلًا
الطريقة قصيرة بما يكفي لذكرها كاملة. معظم المواقع التي أبنيها ثلاثة ملفات يقرؤها المتصفح بنفسه: واحد للبنية، وواحد للمظهر، وواحد للسلوك. لا شيء يُترجَم، ولا شيء يُحزَم، ولا شيء يُثبَّت كي يعمل.
ما يمنحني إياه ذلك لا بريق فيه، وهو بيت القصيد. لا وجود لعملية بناء قد تتعطل، فالموقع الذي يعمل هذا العام يظل يعمل بعد عامين دون أن يُعاد بناؤه لمجاراة أدواته. ولا شيء مملوكًا لجهة مغلقة في داخله، فلا أضطر إلى إعادة تعلم خياراتي لإصلاح خطأ مطبعي بعد سنوات. والكود صغير بما يكفي لقراءته من أوله إلى آخره، وهذا هو السبب الوحيد الذي يتيح لي بصدق دعوة أي أحد إلى قراءته.
أواصل اليوم التنقل بين الواجهات والكود والهويات والتجارب — أتعلم بصنع أشياء مكتملة بدل جمع تمارين غير منتهية.
إتاحة الوصول جزء من طريقة بناء الشيء لا جولة عليه في النهاية — بناء وفق ممارسة WCAG 2.1 AA، وهي طريقة عمل لا شهادة.
herne, de · حيث يحدث النصفان معًا
الشهادة
أين تجد البقية
لم يكلّفني أحد بالمشاريع العشرة في هذا الموقع. الحجّة في لماذا كل أعمالي ذاتية المبادرة — ما قيمتها، والأنفع من ذلك ما ليست عليه — لها صفحة خاصة بها. أو تجاوزها، وافتح المشاريع العشرة، وكوّن رأيك بنفسك أولًا.
Google AI Essentials، عبر Coursera. مدخل منظّم إلى تدفقات عمل الذكاء الاصطناعي العملية والصياغة الموجِّهة والاستخدام المسؤول — جزء واحد من عملية تعلم مستمرة. وهي ليست مؤهلًا في الويب أو التصميم أو إتاحة الوصول، ولن أقدّمها على أنها كذلك.
google ai essentials · coursera
اليوم
أواصل التنقل بين الواجهات والكود والهويات والتجارب — أتعلم بصنع أشياء مكتملة بدل جمع تمارين غير منتهية.
