كيف ابدأ تعلم برمجة المواقع؟ الجزء الثانى

بعد أن أتممت قراءة المقال الأول كيف ابدأ تعلم برمجة المواقع؟ الجزء الاول وتعلم الان الأجزاء المكونة للموقع

• ملفات الموقع (HTML CSS Javascript) : تحتوى على المحتوى الخاص بالموقع وطريقة عرضه وتفاعله مع المستخدم .
• خادم – Server : يخزن الملفات ويجعلها متاحة 24 ساعة .
• اسم النطاق – Domain Name : عنوان لاستدعاء الملفات وعلامة مميزة لموقعك .
• تهيئة محركات البحث السيو – Search Engine Optimization SEO : وهو السمسار الذى يوصل العملاء اليك سواء بشكل مجانى او بمقابل

بالنسبة لمحتوى الموقع فهو يتكون من البناء الاساسى للموقع و وهذا يتم باستخدام ال HTML – Hyper Text Markup Language

يمكنك ان تبدأ فى تعلم اساسيات اللغة من عدة مصادر حتى الاحتراف فى نهاية المقال

بعد بنائك لمحتوى الموقع الاساسى عليك ان تقوم باعداد المظهر العام للموقع ومكان كل عنصر ومراعاة ظهور الموقع على كل الشاشات بنفس الكفاءة يمكنك التأكد من عمل موقع متجاوب مع كافة أحجام الشاشات سواء الهاتف او الجهاز اللوحى او جهاز المكتب باستخدام ال CSS – Cascading Style Sheet

وفى نهاية المقال ستجد عناصر عديدة لاستخدام هذه اللغة فى تصميم موقعك وجعله متجاوب 100%

الان انت تملك موقع به محتوى وبنية اساسية باستخدام ال HTML  وقمت باضافة لمسة جمالية بتوزيعك الصحيح للعناصر وتعديل مراكزها باستخدام ال CSS ينقصك ان تضيف بعض التفاعل مع اوامر المستخدم.

بشكل ابسط : اذا كنت تبني منزلاً فانك ستقوم بوضع الخرسانة وبناء الحوائظ باستخدام ال HTML  ولكى تضيف لمسة جمالية على المنزل ستقوم باضافة الالوان للحوائظ والانارة , لكن ستحتاج الى ازرار للتحكم فى الانارة و اضافة الابواب التى تستجيب لنوع محدد من المفاتيح هذا هو عمل ال JavaScript فهى لغة برمجة يتم معالجتها بداخل المتصفح نفسه , فتعطي مصمم الواجهات الكثير من الخيارات لجعل المتصفح يتفاعل بأكثر من طريقة مع المستخدم.

هذا الجزء الخاص بواجهات المواقع فقط دون التعامل مع الخادم

سيتم مناقشة الخادم فى الجزء التالى

مصادر لتعلم تطوير واجهات المواقع بـ HTML CSS and JavaScript

• قناة الزيرو : من هنا

اضخم مكتبة فيديوهات لشرح كافة اساسيات تعلم الويب بداية من ال HTML CSS HTML5 CSS3 JavaScript jQuery Bootstrap واكثر من ذلك , المميزات انه اقوى مصدر عربى من شخص محترف فى المجال وشرحه سلس فهو جيد لمن يفضل ان يتم شرح المعلومات قبل ان يقوم بالتطبيق بنفسه .

• موقع W3Schools : من هنا

يستخدم هذا الموقع طريقة العرض والتطبيق فى التعليم , حيث يعرض عليك اللغة فى اقسام منظمة ومرتبة بطريقة جيدا جدا وفى تسلسل يسهل من عملية الفهم , بالاضافة الى نماذج حية يمكنك التعديل عليها حتى تفهم كيفية عمل الشفرة. وهو مجانى .

• موقع Lynda.com : من هنا

موقع غنى عن التعريف ليس فى مجال البرمجة فقط بل فى كل المجالات المرتبطة بالتقنية وتكنولوجيا المعلومات وستجد عليه مسارات تعليمية من البداية حتى الاحتراف وكورسات متنوعة خارج المسار الأساسى لابقائك على اطلاع على كل ما هو جديد فى مجالك – لكن هذا الموقع يطلب اشتراك مدفوع ولكن هذا الاشتراك لا يذكر بجانب ما يقدمه من معلومات من نخب فى المجال.

• موقع codeacademy : من هنا

موقع على طريقة W3Schools ولكن به جزء مجانى وجزء مدفوع ايضا يقدم محتوى جيد ومبنى على الممارسة والتعلم فى الوقت ذاته

• موقع freecodecamp : من هنا

مشروع مفتوح المصدر لتعليم تطوير الويب مجانًا واستخراج شهادات بعد القيام بعدد من المشروعات الغير هادفة للربح فى نظير الحصور على الشهادة

فى المقال القادم سنقوم بشرح اللغات المستخدمة فى جهة الخادم …. من هنا