ما هو تطبيق الويب؟ والفرق بينه وبين الموقع والتطبيق العادي
تطبيق الويب برنامج تستخدمه داخل المتصفح دون تثبيت، مثل Gmail ومستندات جوجل. نشرح الفرق بينه وبين الموقع العادي وتطبيقات الهاتف.
- الرئيسية
- مراكز المعرفة
- البرمجة
مركز البرمجة للمبتدئين: ابدأ من الصفر بالعربية
البرمجة مهارة تُكتسب بالتجربة لا بالحفظ. لذلك بنينا كل دروسنا حول أمثلة تشغّلها وتعدّلها في المتصفح فورًا، دون تثبيت أي شيء.
ابدأ بمسار مناسب لهدفك: الويب (HTML ثم CSS ثم JavaScript) أو بايثون للأتمتة والبيانات والذكاء الاصطناعي. ومع الوقت ستحتاج أدوات المطور اليومية: تنسيق JSON واختبار التعابير النمطية وفك JWT وغيرها، وكلها هنا مجانًا.
ما هي الواجهة البرمجية API؟ شرح بسيط لغير المبرمجين
الواجهة البرمجية API طريقة متفق عليها تتحدث بها البرامج مع بعضها. بفضلها يعرض تطبيق الطقس الحرارة ويدفع المتجر عبر بوابة الدفع.
اقرأ الدليلخطة التعلم
- اختر طريقكالويب أم بايثون؟ كلاهما بداية ممتازة.
- تعلّم الأساسياتالمتغيرات والشروط والحلقات والدوال.
- طبّق مباشرةجرّب كل مثال في محرر الأكواد وعدّله.
- ابنِ مشروعًا صغيرًاصفحة شخصية أو آلة حاسبة أو لعبة تخمين.
- استخدم أدوات المحترفينGit وJSON وAPI والتعابير النمطية.
أهم المقالات
ما هو نظام إدارة المحتوى CMS؟ وكيف تختار المناسب لموقعك؟
نظام إدارة المحتوى برنامج يتيح لك إنشاء موقع ونشر المقالات والصور وتعديلها من لوحة تحكم، دون أن تكتب كودًا.
كيف تشغّل الذكاء الاصطناعي على جهازك دون إنترنت: دليل المبتدئين
نماذج لغوية مفتوحة تعمل على لابتوبك دون إرسال بياناتك لأي خادم. إليك ما تحتاجه من عتاد، وأسهل البرامج للبدء، وحدود هذه النماذج.
ما هي الحوسبة السحابية؟ شرح بسيط بأمثلة من حياتك اليومية
الحوسبة السحابية تعني أن تستخدم خوادم وبرامج ومساحات تخزين عبر الإنترنت بدل أن تشتريها وتشغلها بنفسك. تستخدمها يوميًا دون أن تنتبه.
أدوات مجانية
كل الأدواتمحرر JSON: تنسيق وتحقق ومقارنة
نسّق JSON وتحقق منه وقارن بين ملفين وعدّله كشجرة، مع تحديد مكان الخطأ بدقة.
مختبر التعابير النمطية Regex
جرّب التعابير النمطية على نص وشاهد المطابقات والمجموعات فورًا.
منسق الأكواد HTML وCSS وJavaScript وSQL
رتّب الكود المضغوط أو الفوضوي بمسافات بادئة واضحة، أو صغّره.
ترميز وفك ترميز Base64
حوّل النص أو الملفات إلى Base64 والعكس، مع دعم كامل للعربية.
ترميز الروابط وتحليلها
رمّز الروابط العربية وفكها، وحلل أي رابط إلى أجزائه ومعاملاته.
فك رموز JWT
اقرأ محتوى رمز JWT: الرأس والحمولة وتواريخ الإصدار والانتهاء.
مولد البصمات Hash للنصوص والملفات
احسب بصمة MD5 أو SHA-256 لأي نص أو ملف، وتحقق من سلامة التنزيلات.
مولد UUID
أنشئ معرّفات UUID عشوائية (v4) أو مرتبة زمنيًا (v7) بالجملة.
مولد وشارح جداول Cron
افهم أي تعبير Cron بالعربية وشاهد مواعيد تشغيله القادمة.
محرر Markdown بمعاينة مباشرة
اكتب Markdown وشاهد معاينة بأسلوب GitHub، ثم صدّر صفحة HTML كاملة.
أدوات الألوان: تحويل ولوحات وتباين
حوّل بين HEX وRGB وHSL، وأنشئ لوحة ألوان، وافحص تباين النص.
مولد التدرجات اللونية CSS
صمّم تدرجًا لونيًا خطيًا أو دائريًا وانسخ كود CSS جاهزًا.
مصطلحات أساسية
كل المصطلحات (34)- المتغير Variable
- اسم يشير إلى مكان في الذاكرة تُحفظ فيه قيمة يمكن تغييرها واستخدامها في البرنامج.
- الدالة Function
- كتلة كود لها اسم تنفذ مهمة معينة، تكتبها مرة وتستدعيها كلما احتجت.
- الحلقة التكرارية Loop
- أمر يكرر تنفيذ جزء من الكود عددًا من المرات أو ما دام شرط معين صحيحًا.
- المصفوفة Array
- قائمة مرتبة من القيم في متغير واحد، يُوصل إلى كل عنصر برقمه بدءًا من صفر.
- الكائن Object
- مجموعة خصائص لها أسماء وقيم تصف شيئًا واحدًا، مثل مستخدم له اسم وعمر وبريد.
- الخوارزمية Algorithm
- سلسلة خطوات محددة لحل مشكلة أو إنجاز مهمة، مثل ترتيب قائمة أو إيجاد أقصر طريق.
- تصحيح الأخطاء Debugging
- عملية البحث عن أخطاء البرنامج وفهم سببها وإصلاحها.
- جيت Git
- نظام لتتبع تغييرات الكود وحفظ نسخه، يتيح الرجوع لأي نسخة سابقة والعمل الجماعي.
- جيت هب GitHub
- منصة لاستضافة مشاريع Git ومشاركتها والتعاون عليها، وأكبر مجتمع للمشاريع مفتوحة المصدر.
- جافاسكريبت JavaScript
- لغة البرمجة التي تجعل صفحات الويب تفاعلية، وتعمل أيضًا في الخوادم عبر Node.js.
- بايثون Python
- لغة برمجة سهلة القراءة، تُستخدم في الذكاء الاصطناعي وتحليل البيانات والأتمتة والمواقع.
- بيئة التطوير IDE
- برنامج يجمع محرر الكود وأدوات التشغيل وتصحيح الأخطاء في مكان واحد، مثل VS Code وPyCharm.
- المترجم Compiler
- برنامج يحول الكود المكتوب بلغة برمجة إلى لغة الآلة التي ينفذها المعالج مباشرة.
- لغة SQL SQL
- لغة للتعامل مع قواعد البيانات: البحث والإضافة والتعديل والحذف.
- التعابير النمطية Regular Expression
- نمط نصي للبحث عن نص أو التحقق من شكله، مثل التحقق من صيغة البريد أو رقم الهاتف.
- واجهة REST REST API
- أسلوب شائع لتصميم الواجهات البرمجية يعتمد على روابط وطلبات HTTP مثل GET وPOST.
تعلّم واختبر نفسك
تعلّم HTML من الصفر
ابنِ أول صفحة ويب بيدك: العناوين والفقرات والروابط والصور والقوائم والجداول والنماذج، مع محرر تجرّب فيه كل مثال مباشرة.
ابدأ المسارتعلّم CSS من الصفر
لوّن صفحاتك ونسّقها: المحددات والألوان والخطوط ونموذج الصندوق وFlexbox وGrid والتصميم المتجاوب، مع أمثلة تعدّلها وترى النتيجة فورًا.
ابدأ المسارتعلّم JavaScript من الصفر
اجعل صفحاتك تفاعلية: المتغيرات والشروط والحلقات والدوال والمصفوفات والكائنات والتعامل مع الصفحة والأحداث، مع محرر يشغّل الكود ويعرض النتيجة.
ابدأ المسارتعلّم بايثون من الصفر
أسهل لغة برمجة للبداية: التثبيت والمتغيرات والنصوص والشروط والحلقات والقوائم والدوال والملفات، بأمثلة عربية واضحة ومشروع صغير في النهاية.
ابدأ المسارتعلم SQL وقواعد البيانات من الصفر
تعلّم لغة قواعد البيانات عمليًا: SELECT والتصفية والترتيب، والتجميع GROUP BY، وربط الجداول JOIN، وإنشاء الجداول وتعديلها، مع محرر SQLite داخل كل درس.
ابدأ المسارتعلم PHP لتطوير المواقع من الصفر
تعلم لغة الخادم التي تشغّل WordPress: المتغيرات والشروط والحلقات، والمصفوفات والدوال، والنماذج، والبرمجة الكائنية وPDO، مع محرر PHP 8 داخل كل درس.
ابدأ المسارتعلم React من الصفر بالعربية
ابنِ واجهات تفاعلية بمكتبة React: المكونات وJSX، والخصائص Props، والحالة useState والأحداث، والقوائم، وuseEffect، مع ملعب React داخل كل درس.
ابدأ المسارتعلم JSON وتبادل البيانات بين التطبيقات
افهم صيغة البيانات التي تتحدث بها التطبيقات: قواعد JSON وأنواعه، وparse وstringify وfetch، والمقارنة والتحويل إلى CSV وJSON Schema، مع محرر يتحقق من كودك.
ابدأ المساراختبار أساسيات البرمجة والويب
12 سؤالًا مع الشرح وشهادة اجتياز.
ابدأ الاختبارأسئلة شائعة
ما أول لغة برمجة أتعلمها؟
إن أردت بناء مواقع فابدأ بـ HTML ثم CSS ثم JavaScript. وإن أردت الأتمتة أو البيانات أو الذكاء الاصطناعي فابدأ ببايثون.
هل أحتاج تثبيت برامج لأتعلم؟
لا. محرر الأكواد في الموقع يشغّل HTML وCSS وJavaScript وبايثون في متصفحك مباشرة.
هل أحصل على شهادة؟
نعم، كل دورة تنتهي باختبار، وعند اجتيازه تنزّل شهادة إتمام باسمك.