أقسام الوصول السريع (مربع البحث)
مختبر مبرمج · بناء حقيقي
أبني، أتعلم، وأشارك الكواليس تطبيقات Full-Stack · إدارة السيرفرات · دمج نماذج الذكاء الاصطناعي
بدون دروس أكاديمية مكررة أو نظريات جافة.
توثيق عملي لبناء مشاريع متكاملة، أنظمة الأتمتة، وحل مشكلات الكود الواقعية.
environment.py
# Current dev environment
class FullStackDev:
def __init__(self):
self.backend = ["Django", "Flask"]
self.devops = ["Docker", "Linux"]
self.automation = ["n8n", "LLMs"]
self.database = ["PostgreSQL", "SQLite"]
def current_focus(self):
return "Building real apps!"
50+
مقال ومشروع حقيقي
3+
سنوات في تطوير الويب
100%
محتوى عملي وتجريبي
0
مواضيع مكررة أو منقولة
رؤية جديدة
ليه غيّرت توجه مدونتي بعد 3 سنين؟
بعد سنوات من كتابة المسارات التعليمية والدروس النظرية، قررت تغيير قواعد اللعبة. هذا المقال يوثق القرار الصعب بالتخلي عن الدورات التقليدية، والتركيز بالكامل على بناء تطبيقات حقيقية، مشاريع عملية، وتجارب حية بعيداً عن التنظير. هنا أشاركك الكواليس والأسباب
$ git commit -m "new direction: full-stack & automation"
يوليو 2026
5 دقائق
Python & AI
كيف بنيت مساعد كود شخصي باستخدام LiteLLM؟
تجربتي العملية في ربط نماذج Claude وGemini داخل بيئة تطوير موحدة.
أغسطس 2026
8 د
DevOps
لماذا يجب على مطور Python الانتقال إلى Docker فوراً؟
دليل ميسر لإعداد حاويات معزولة لتشغيل مشاريع الويب بكفاءة.
أبريل 2026
6 د
Web Frameworks
Flask vs Django: كيف تختار الإطار الأنسب؟
مقارنة واقعية قائمة على بناء تطبيقات Full-Stack متكاملة.
سبتمبر 2026
10 د
Automation
أتمتة سير العمل بالكامل باستخدام n8n مجاناً
Self-hosting لأداة n8n محلياً للاستغناء عن الخدمات السحابية.
مارس 2026
12 د
جاري تحميل المشاركات...
/* dark mode theme */
body.dark-mode {
--bg-color: #0f172a;
}
تصميم لوحة تحكم (Dashboard) احترافية
بناء واجهة لوحة تحكم متجاوبة باستخدام HTML و CSS Grid/Flexbox، مع التبديل للوضع الليلي بـ JavaScript.
CSS/HTML
Vanilla JS
الكود
<!-- custom media player -->
<div class="custom-player-wrapper">
<video id="mediaElement" preload="metadata">
<source type="video/mp4">
</video>
</div>
Custom Video/Audio Player
بناء مشغل وسائط تفاعلي مخصص باستخدام HTML5 Media API وجافاسكريبت و CSS دون مكتبات خارجية.
JavaScript
CSS3
HTML5 Media API
الكود
# n8n automation workflow
{ "trigger": "webhook",
"nodes": ["AI_Filter"] }
Automation Hub (n8n)
سيرفر أتمتة محلي مربوط بـ Webhooks لتلخيص وفلترة المقالات وإرسالها تلقائياً.
n8n
Docker
عرض
# flask restful api
@app.route('/api/v1/posts')
def get_posts():
return jsonify(posts)
Blog RESTful API بـ Flask
نظام خلفي (Backend) متكامل للمدونات باستخدام Flask وSQLite.
Flask
SQLite
REST
الكود
// shopping cart state
const [cart, setCart] = useState([]);
const addToCart = (item) => {
setCart([...cart, item]);
};
متجر إلكتروني متكامل
بناء متجر إلكتروني مع سلة مشتريات ونظام دفع، مشروع متقدم لتطوير واجهات المستخدم.
JS / UI
E-commerce
الكود
// fetch weather api
async function getWeather(city) {
const res = await fetch(`api?q=${city}`);
return await res.json();
}
تطبيق الطقس (Weather App)
تعلم كيفية التعامل مع الـ APIs الخارجية وجلب بيانات الطقس وعرضها بشكل ديناميكي.
Fetch API
JSON
الكود
// tech_stack
الـ Stack التقني
Python
أستخدمه يومياً
في كل مشاريع الـ CLI والـ Backend
Django
بتعلمه دلوقتي
بابني بيه Task Manager كأول مشروع
Flask
بتعلمه دلوقتي
استخدمته في API بسيط لمدونة
HTML / CSS
أستخدمه يومياً
بنيت بيه هذا الموقع وكل واجهاتي
JavaScript
أستخدمه بانتظام
للتفاعلات والـ Blogger Feed هنا
Docker
بستكشفه
جربت أول container لمشروع Flask
PostgreSQL
بتعلمه دلوقتي
بربطه بمشروع Django الحالي
Git / GitHub
أستخدمه يومياً
بوثّق وأنظّم كل مشاريعي عليه
توثيق رحلة الـ Full-Stack
بكل واقعية وبدون تزييف
لست هنا لألعب دور المعلم الأكاديمي. أنا هنا لتوثيق ومشاركة رحلتي الحقيقية في تعلم أطر عمل Python، إدارة السيرفرات محلياً، وبناء الأدوات الذكية.
تابع الرحلة البرمجيةمكتمل
أساسيات Python والفرونت إند
HTML، CSS، JavaScript، وأساسيات Python مع مشاريع CLI صغيرة.
المرحلة الحالية
Backend وإدارة البيئات
Docker، أدوات الأتمتة n8n، ومراجعة Python بالمشاريع الحقيقية.
الخطوة القادمة
Flask / Django وقواعد البيانات
بناء خوادم وتطبيقات ويب متكاملة مربوطة بـ PostgreSQL.
الهدف النهائي
دمج نماذج الـ AI اللغوية
تطبيقات ذكية قادرة على التفاعل بالاعتماد على الـ LLMs APIs.
كن أول من يطّلع على التجربة
بمجرد حل مشكلة تقنية معقدة أو رفع مشروع جديد، سأرسله لك فوراً. بدون رسائل مزعجة.
بياناتك آمنة ولن تُشارك مع أي طرف ثالث