البدء مع الويب هي سلسلة موجزة تُعرِّفُك على عملية تطوير الويب. سوف نبدأ معك من إعداد الأدوات التي ستحتاجها لبناء صفحة ويب بسيطة وصولاً لعمليّة نشرها.

قصة موقعك الأوَّل

من الصعب إنشاء موقع ويب احترافي، لذلك إن  كنت جديداً على تطوير الويب نشجعك على أن تبدأ بشيء صغير. لن تستطيع بناء فيسبوك آخر حالاً، ولكن ليس من الصعب إنشاء موقع بسيط خاص بك على الإنترنت، لذلك سنبدأ من تلك النقطة.

من خلال متابعة المقالات المسرودة بالترتيب أدناه، سوف تبدأ من لا شيء حتى تحصل على موقعك الأول على الإنترنت. هيا بنا نبدأ!

تثبيت البرمجيات الأساسية

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

كيف سيكون مظهر موقعك؟

قبل أن تبدأ في كتابة شيفرة موقعك، يجب أن تخطط أولاً. ما المعلومات التي تعرضها؟ ما الخطوط والألوان التي تستخدمها؟ كيف سيكون مظهر موقعك؟ لقد قمنا بعنونة الطريقة البسيطة التي يمكنك اتباعها للتخطيط لمحتوى موقعك وتصميمه.

التعامل مع الملفات

يتألف الموقع من العديد من الملفات: المحتوى النصي، والنص المصدري، وملفات التصميم (ملفات الأنماط)، والوسائط، والكثير من الملفات الأخرى. عندما تبني موقعك، سوف تحتاج لتجميع جميع تلك الملفات بهيكليّة منطقيّة، وتتأكد من أنَّهم قادرين على الوصول لبعضهم البعض. مقالة التعامل مع الملفات تشرح كيف يمكنك إعداد هيكلة ملفات منطقيّة لموقعك، وما المشاكل التي يجب أن تكون حذر منها.

أساسيات لغة ترميز النص الفائق

لغة ترميز النص الفائق (HTML) هي التعليمات المُستخدمة لهيكلة محتويات الويب وإعطائها معنىً (دلالة) وهدف. على سبيل المثال، هل محتوايَ هو مجموعة من الفقرات، أو قائمة نقطيّة؟ هل لدي صورة مدرجة في صفحتي؟ هل لدي جدول بيانات؟ من دون إرباكك، مقالة أساسيات لغة ترميز النص الفائق توفر معلومات كافية لجعلك على وفاق مع هذه اللغة.

أساسيات صفحات الأنماط الانسيابية

صفحات الأنماط الانسيابية (CSS) هي التعليمات المُستخدمة لتنسيق موقعك. على سبيل المثال، هل أريد النص أن يكون أسود أم أحمر؟ أين يجب للمحتوى أن يظهر على الشاشة؟ ما الصور أو الألوان التي يجب استخدامها لتزيين موقعي؟ مقالة أساسيات صفحات الأنماط الانسيابية تأخذك خلال ما تحتاج معرفته لتبدأ مع هذه اللغة.

أساسيات الجافاسكربت

تُعَد الجافاسكربت لغة البرمجة المُستخدمة لإضافة مزايا تفاعليّة لموقعك. على سبيل المثال ألعاب، أو أشياء تحدث عندما يتم الضغط على أحد الأزرار، أو عندما يتم إدخال البيانات في استمارات التسجيل (forms)، أو إضافة تأثيرات تصميميّة ديناميكيّة، أو رسومات متحركة، والكثير من الأمور الأخرى. مقالة أساسيات الجافاسكربت سوف تقدم لك فكرة عمّا هو ممكن القيام به بهذه اللغة المثيرة، وكيف يمكنك أن تبدأ معها.

نشر موقعك

حالما تنتهي من كتابة شيفرة موقعك وتنظيم ملفاتك التي تكوِّن الموقع، ستحتاج إلى وضع موقعك على الإنترنت حتّى يتمكن الناس من العثور عليه. في مقالة نشر موقعك سنتكلم عن كيف يمكنك وضع شيفرتك البسيطة على الأنترنت بأقل مجهود.

كيف يعمل الويب

عندما تدخل إلى مواقعك المفضلة، تحصل العديد من الأمور المعقدة في الخلفيّة التي قد لا تعلمها. في مقالة كيف يعمل الويب قمنا بشرح ما الذي يحدث عندما تقوم بعرض صفحات الويب على حاسبك.

Document Tags and Contributors

المساهمون في هذه الصفحة: ahmadnourallah, cloudresourcemanagergoogleapis, chrisdavidmills
آخر مَن حدّثها: ahmadnourallah,