المحتويات
1 · نظرة سريعة
يحكم الناس على مهاراتك من كتابتك قبل أن يوظّفوك
يكتشف مسؤولو التوظيف والعملاء والمهندسون الآخرون المطورين من خلال دروسهم وتحليلاتهم المعمّقة. يريدون شرحاً واضحاً وكوداً سهل القراءة ودليلاً على خبرة حقيقية في بيئة الإنتاج وطريقة سهلة لمتابعة الجديد. والمدونة البطيئة العامة تقلل من قيمة العمل الجيد.
ما يتحقق منه العملاء قبل الاختيار
- هل يشرح هذا الشخص الأمور بوضوح ودقة؟
- هل الكود سهل القراءة على الشاشة؟
- هل أطلق أنظمة حقيقية، أم دروساً فقط؟
- هل يمكنني متابعة الجديد أو التواصل معه للعمل؟
ما يقدمه لك هذا الموقع
- تصميم داكن جريء بالأسود والرمادي الغرافيتي مع لمسة أخضر الطرفية
- تصفية حسب الموضوع مثل دروس وقواعد بيانات وآراء وDevOps
- مدة القراءة واسم الكاتب على كل بطاقة مقال
- اشتراك في النشرة البريدية في الرئيسية وأسفل كل مقال وفي التذييل
2 · الرئيسية
الصفحة الرئيسية، قسماً بقسم
تُظهر الصفحة الرئيسية خلال خمس ثوانٍ ماذا تبني وعمّ تكتب وكيف يتابعك القرّاء.
- واجهة جريئةعبارة "دروس جديدة كل خميس" وعنوانك ووعدك، وزرّا "اشترك" و"أحدث المقالات".
- أرقام أساسيةالمشتركون والدروس المنشورة ووتيرة النشر، بالأرقام التي تؤكدها فقط.
- شريط "عملت مع"أسماء أو شعارات شركات أو مشاريع مفتوحة المصدر عملت معها، تُعرض فقط بموافقتها.
- أحدث القصصست بطاقات مقالات مع الموضوع ومدة القراءة والكاتب، ورابط "عرض الكل".
- تعرّف إلى الكاتبتعريف قصير "مرحباً، أنا…" مع ثلاثة وعود للقرّاء.
- لماذا يشترك القرّاءثلاثة وعود مرقّمة؛ يعرض النموذج نشرة أسبوعية ودروساً مرتبطة بمستودع شيفرة يعمل ومجتمعاً من المطوّرين.
- اقتباس وشريط النشرةعبارة من قارئ حقيقي، ثم اشتراك ختامي "استلم الدروس الجديدة في بريدك".
3 · المقالات
أرشيف المقالات
تتيح صفحة المقالات تصفح دروسك وتحليلاتك المعمّقة حسب الموضوع.
- مسار التنقل والمقدمةعنوان واضح وسطر يشرح ما تكتب عنه.
- تصفية حسب الموضوعأزرار مثل الكل ودروس وقواعد بيانات وآراء وDevOps، أو تقنياتك ومواضيعك.
- قائمة الترتيبالمميّز أولاً، أو الأحدث أولاً.
- شبكة بطاقات المقالاتتسع بطاقات في كل صفحة مع الصورة والموضوع والعنوان ومدة القراءة والكاتب.
- ترقيم الصفحاتصفحات مرقّمة لتبقى الدروس القديمة سهلة الوصول والفهرسة.
4 · صفحة مقال
صفحة الدرس
كل مقال مكتوب بخط Space Grotesk على خلفية داكنة، ومصمَّم للقراءة التقنية الطويلة.
- رأس المقالالموضوع ومدة القراءة، والعنوان واسمك وتاريخ النشر.
- متن المقالشرحك في فقرات واضحة، مع صناديق مميّزة للملاحظات والتحذيرات ومقتطفات الكود.
- اقتباس بارزسطر قصير مميّز للدرس الأساسي.
- تابع القراءةثلاثة مقالات ذات صلة للتعمق في الموضوع.
- شريط النشرةاشتراك في نهاية كل مقال.
5 · من نحن
عن الكاتب
تحوّل صفحة "من أنا" القرّاء إلى جهات اتصال: من أنت، وماذا بنيت، وعلامَ تعمل الآن.
- قصتكخلفيتك والتقنيات التي تستخدمها ونوع العمل الذي تقبله.
- أرقام أساسيةالمشتركون والدروس ووتيرة النشر، بالأرقام التي تؤكدها فقط.
- الفريقأربع بطاقات تعريف للكاتب والكتّاب الضيوف ومحرر، أو لك وحدك.
- اقتباس قارئشهادة قصيرة من قارئ أو عميل حقيقي.
6 · اتصل بنا
التواصل والعمل والمحاضرات
صفحة واحدة لأسئلة القرّاء وطلبات العمل الحر أو التوظيف ودعوات التحدث.
- نموذج التواصلالاسم والبريد والموضوع والرسالة، تصل إلى بريدك.
- بياناتكالبريد الإلكتروني، وإن شئت عنوان ورقم هاتف للعمل.
- أوقات الردمتى ترد على الرسائل، أو نحذف هذا القسم إن فضّلت.
7 · المزايا
كل ما يتضمنه هذا التصميم
تصنيفات حسب الموضوع
لغات البرمجة أو الأطر أو المواضيع كأزرار تصفية في الأرشيف.
مقتطفات كود منسّقة
كود في كتل بخط ثابت العرض تبقى واضحة على الخلفية الداكنة.
الاشتراك في النشرة البريدية
نماذج في الرئيسية وأسفل كل مقال وفي التذييل، مربوطة بأداة مثل Mailchimp أو Kit أو Buttondown.
مقالات ذات صلة
ثلاث بطاقات "تابع القراءة" أسفل كل مقال.
مساحات للرعاة والإعلانات
مساحة لرعاة أو إعلانات أو روابط عمولة للأدوات، مع إفصاح واضح.
مدة القراءة واسم الكاتب
كل بطاقة ومقال يعرضان الموضوع ومدة القراءة والكاتب.
بيانات منظمة للمقالات
ترميز TechArticle / BlogPosting مع الكاتب والتواريخ.
تصميم داكن جريء
خلفية شبه سوداء ونص فاتح ولمسة خضراء، بالكامل بخط Space Grotesk.
سهل الوصول وسريع
نص عالي التباين وتنقّل بلوحة المفاتيح وتحميل سريع على كل الأجهزة.
8 · الجوال
مصمم للهاتف أولاً
يقرأ المطورون المقالات على هواتفهم بين الاجتماعات أو في الطريق. على الشاشة الصغيرة تُطوى القائمة في زر واحد، وتتراص البطاقات في عمود واحد، وتتمرر كتل الكود أفقياً دون أن تكسر التخطيط، ويبقى زر الاشتراك في متناول الإبهام.
9 · العلامة التجارية والبحث
هويتك. ظاهرة على Google والخرائط ومساعدات الذكاء الاصطناعي.
يستخدم النموذج خلفية شبه سوداء ونصاً رمادياً فاتحاً ولوحات غرافيتية ولمسة أخضر الطرفية، بالكامل بخط Space Grotesk. نغيّر الشعار والألوان والخطوط والصور والنصوص لتناسب علامتك، ونبني كل صفحة بالطريقة التي يفضّلها Google ومساعدو الذكاء الاصطناعي.
SEO: Google والخرائط
- رابط واضح وصفحة أرشيف لكل موضوع وتقنية
- عناوين وأوصاف وبيانات منظمة TechArticle / BlogPosting
- صفحات سريعة بمؤشرات Core Web Vitals قوية
- خريطة موقع XML وروابط داخلية بين الدروس المتشابهة
GEO: البحث بالذكاء الاصطناعي
- ملخصات في بداية كل درس يمكن أن يقتبسها ChatGPT وGemini وPerplexity
- صفحة كاتب واضحة بخبرتك وروابط GitHub وحساباتك
- أسئلة شائعة حول أسئلة المطورين الحقيقية
- السماح لزواحف الذكاء الاصطناعي، مع ملف llms.txt
عمليات البحث التي بُني الموقع حولها
- تعلم TypeScript للمبتدئين
- شرح الفهارس في Postgres
- اختبار مكونات React
- إعداد CI باستخدام GitHub Actions
- دروس من أعطال الأنظمة
- أفضل مدونات البرمجة
- كيف أنشئ مدونة تقنية
لا نعد بترتيب معين أو بالظهور في إجابات الذكاء الاصطناعي. نبني الموقع بالطريقة التي تفضلها محركات البحث ومساعدات الذكاء الاصطناعي، ونرسل لك تقرير التقدم كل شهر.
10 · السعر
النطاق والاستضافة والبريد الإلكتروني: كلها مشمولة
الباقة المناسبة لهذا التصميم: موقع أعمال
- الاستضافة وشهادة SSL والبريد المهني مشمولة
- نطاق .com أو .net أو .org مجاني (سنوي)
- شهران مجانًا (سنوي)
- الاستضافة على خادمك (سنوي)
الدفع السنوي: 10 × الرسوم الشهرية (شهران مجاناً) مع نطاق .com أو .net أو .org مجاني. الحد الأدنى للعقد 12 شهراً من الإطلاق.
ما يشمله الرسم الشهري
- خادم استضافة مُدارة مع شهادة SSL وشبكة CDN
- خادم بريد إلكتروني للأعمال مع 5 حسابات بريد على نطاقك
- نسخ احتياطي يومي ومراقبة مستمرة لتوفر الموقع
- تحديثات الأمان ونظام إدارة المحتوى والإضافات
- 5 ساعات شهريًا لتعديلات وتحسينات الموقع
- دعم عبر البريد الإلكتروني والتذاكر
نكيّفه ليناسب عملك
- شعارك وألوانك وخطوطك
- نصوصك وصورك، أو نكتبها ونوفرها لك
- إعداد النطاق والبريد الإلكتروني للأعمال والاستضافة
- أساسيات SEO والتحليلات وتحسين السرعة
11 · كيف يعمل
من هذا التصميم إلى موقعك
اختر تصميمًا
شاهد كل صفحة واختر النمط الذي يناسب علامتك التجارية.
اطلب الباقة
تُضاف الباقة المناسبة إلى سلتك مع عرض رسوم الإعداد والرسوم الشهرية بوضوح.
نطلقه لك
نضيف محتواك ونربط نطاقك وبريدك الإلكتروني ثم ننشر الموقع.
اطلب اليوم وسيتواصل معك مدير المشروع خلال يوم عمل واحد.
12 · الأسئلة الشائعة
Code & Coffee: أسئلة وأجوبة
كم تكلفة مدونة مطورين مع Penta Services؟
يكلّف تصميم Code & Coffee رسوم إعداد 0 د.إ. و109 د.إ. شهرياً كموقع جاهز (Ready Site) ضمن باقة موقع أعمال. تشمل الاستضافة وشهادة SSL والبريد الإلكتروني للعمل والتحديثات والدعم. الدفع السنوي يساوي 10 أضعاف الرسوم الشهرية ويضيف نطاق .com أو .net أو .org مجاناً.
هل Code & Coffee مدونة مطورين حقيقية؟
لا. Code & Coffee علامة نموذجية خيالية تُستخدم لعرض التصميم. الكاتبة والمقالات وأعداد القرّاء والاقتباس كلها أمثلة تُستبدل بمحتواك قبل الإطلاق.
هل يدعم قالب مدونة المطورين مقتطفات الكود؟
نعم. نعرض الكود في كتل بخط ثابت العرض واضحة على الخلفية الداكنة، وتتمرر أفقياً على الهاتف. أخبرنا بلغات البرمجة التي تكتب عنها ونؤكد التنسيق قبل الإطلاق.
هل يمكنكم نقل مقالاتي من Medium أو Dev.to أو مدونة قديمة؟
نعم. يمكننا نقل مقالاتك وصورك مع الحفاظ على روابطها أو تحويلها حيثما أمكن. نؤكد معك عدد المقالات قبل البدء.
هل يمكنني استخدام تصميم فاتح بدل الداكن؟
نعم. يمكنك تغيير الشعار والألوان والخطوط والصور والنصوص، ويمكننا تحويل التصميم إلى ألوان فاتحة تناسب علامتك.
كيف تُنشر المقالات الجديدة؟
التحديثات مشمولة في الرسوم الشهرية، فيمكنك إرسال مقالات جديدة لننشرها. إن أردت النشر بنفسك، أخبرنا قبل البدء ونؤكد لك أنسب طريقة.
كم يستغرق الإطلاق؟
عادةً 2–4 أسابيع من استلام شعارك ونص التعريف والمواضيع وأولى مقالاتك.
هل المدونة مبنية لبحث Google والذكاء الاصطناعي؟
نعم. للمواضيع صفحات أرشيف ببيانات منظمة، وتبدأ الدروس بملخص واضح، ويُسمح لزواحف الذكاء الاصطناعي. لا نضمن الترتيب أو الاقتباس، لكننا نرسل لك تقريراً بالتقدم كل شهر.
تصاميم أخرى في المدونات والمجلات
خدمات ذات صلة: تصميم وتطوير المواقع · تحسين محركات البحث (SEO) · التحسين لمحركات الذكاء الاصطناعي (GEO) · الصيانة والدعم
‹ كل تصاميم المدونات والمجلات · تصفّح كل التصاميم
تصميم مقترح يُعرض باسم علامة تجارية افتراضية ومحتوى تجريبي.