أنا والمحرّر: يوميات مطوّر عربي يدوّن بالكود

تجربة ذاتية أشارك فيها رحلتي في عالم البرمجة والتدوين — ما بين سطور HTML، أخطاء XML، وبدايات لم يكن فيها شيء واضح سوى الحُب للتجربة.

🧒 البداية: زر المعاينة والدهشة الأولى

كنت أفتح بلوجر لا لكتابة مقالة، بل فقط لأدخل على "تحرير HTML". أضيف كودًا، أضغط زر "معاينة"، أتنفّس الإحباط أو الفرحة بحسب النتيجة. لم أفهم آنذاك الفرق بين post.body وpost.snippet، لكن كنت أعرف جيدًا أنني أريد شيئًا خاصًا، يشبهني.

👨‍💻 الكود ليس باردًا... بل يحكي قصة

كثيرون يرون أن HTML مجرد هيكل، وCSS مجرد ألوان. لكن بالنسبة لي، الكود كان مساحة للبوح. لما أكتب:

<a href='/' class='nav-link'>الرئيسية</a>

كنت أقصد: "هذه صفحتي، وهنا أبدأ حكايتي".

🌟 القوالب المنسوخة لا تصنع مطوّرًا

مررت مثل الجميع بمحاولة نسخ قالب معدّ مسبقًا. شعرت أنه جميل... لكن ليس لي. لهذا قررت البدء ببناء قالب بسيط، ثم تطويره: - زر "اقرأ المزيد" يظهر فقط في المكان المناسب - تدوينة تتحوّل إلى صفحة كتابية غنية - صفحة "مشاريعي" تفتح كأنها كُتيّب شخصي

💬 التدوين كمساحة توثيق لا تعليم فقط

في كل مرة أصلح فيها خطأ XML أو أضبط شرطًا منطقيًا، أكتب عنه. ليس لأُعلّم — بل لأوثّق ما تعلمته أنا. التدوين بالنسبة لي ليس منصة تعليم، بل "دفتر أفكارٍ مشفّرة".

🔌 أدوات صغيرة غيرت نظرتي:

• 🧱 codepen.io: للعب السريع مع CSS
• 🌈 cssgradient.io: لتوليد خلفيات فنية جاهزة
• 🔍 HTML Formatter: لتنظيف الأكواد قبل النشر
• 📐 Box Shadow Generator: لخلق عمق بصري

🚧 أخطاء أحببتها لأنها علّمتني

أخطائي المفضّلة:

• b:if مغلق قبل الأوان
• نص يظهر في كل الصفحات بسبب خلل في الشرط
• نسيان الترميز فظهر السهم > بدل ">"

لكنني لم أعد أخجل من الخطأ، بل أحتفل به لأن خلف كل خلل... يوجد درس.

📌 ماذا بعد؟

أريد أن أدوّن عن التصميم من زاوية مختلفة — لا من زاوية كيف "تفعل"، بل "لماذا تفعل؟" لماذا تخلي الهيدر بسيط؟ لماذا يكون الفوتر من سطر واحد؟ لماذا تظهر التدوينات كأنها بطاقات بريدية؟

💡 دعوة مفتوحة:

لو كنت مطوّرًا عربيًا تبدأ رحلتك: لا تنتظر أن تصبح خبيرًا لتكتب. اكتب اليوم عن سطر كود واحد فهمته. أو عن زرٍ صمّمته بطريقتك. أو عن فكرة خطرت لك عند منتصف الليل وأضفتها في القالب.

🖋️ التدوين بالكود ليس أسلوبًا، بل هُوية.