سواء أكنت تريد إنشاء موقع خاص بك أو مدونة أو حتى مشروع إلكتروني ربحي يعود عليك بدخل فسيتوجب عليك في النهاية الاستعانة بمُطّور للويب أو تعلم تطوير الويب بنفسك.
تعد عملية تطوير الويب أحد العمليات التي شهدت طلبًا كبيرًا في الآونة الأخيرة لارتباطها الوثيق بتوسع شبكة الإنترنت، لذلك يمكنك أيضًا أن تعتمد عليها كمصدر دخل رئيسي، فإن كنت في بداية طريقك لتعلم تطوير الويب، لتتأكد أنك في المكان الصحيح.
في البداية يمكنك قراءة “لماذا يعد تعلّم تطوير الويب بالأمر الهام؟” اضغط هنا
أولاً: ما هو تصميم الويب؟
تصميم الويب ليس كتصميم كتاب، إعلان أو حتى رسم جرافيك، حيث يعتمد تصميم الويب بصورة رئيسية على كتابة مجموعة من الأكواد البرمجية التي تظهر لنا في صورة بناء متكامل لصفحة الويب، حيث تعكس الشكل، الأبعاد، الألوان، المحتوى، وما إلى ذلك.
ويعتمد تصميم الويب بصورة رئيسية على لغات برمجية مثل HTML, CSS, JavaScript حيث يمكن من خلالها تصميم كل ما هو متعلق بالواجهة، كما أن برامج تصميم الجرافيك مهمة أيضًا حيث تلعب دورا أوليًا في عملية التصميم من حيث إخراج صورة مبدئية لما هو مطلوب تنفيذهمن مصمم الويب.
لكن !!!
ما هو تطوير الويب وهل يختلف عن التصميم ؟
بالطبع يختلف تطوير الويب عن التصميم، حيث يُعتبر مُطّور الويب هو الشخص المسؤول عن برمجة النظام الخاص بالموقع وطريقة سيره، كما يقوم بربط قواعد البيانات والخوادم، وعمل التطبيقات المختلفة للموقع.
يُعتبر تطوير الويب أحد الخطوات المتقدمة بعد عملية التصميم، ويتطلب من المُطّور أن يكون على علم بعملية التصميم بشكلٍ أساسي، بالإضافة إلى ذلك يتوجب عليه معرفة جيدة بلغات برمجية مثل PHP, ASP.NET, JSP, Perl، وهي اللغات المسؤولة عن عملية التطوير.
ولكي نكون أكثر دقة، فإن كل ما يظهر للمستخدم بداخل موقع الويب يُسمى ب Front End ، مثل التصميم الخارجي والأيقونات والصور وما إلى ذلك. بينما كل شيء داخلي خاص بطريقة عمل الموقع يسمى ب Back End ، وهو أشبه بالمحرك الذي يدفع كل جميع العمليات إلى السير بالطريقة المطلوبة.
بالتأكيد تواجدت الكثير من المصطلحات بالأعلى والتي تحتاج إلى توضيح بشكل أكبر، وذلك ما سوف نعرفه بالنقاط القادمة.
ثانيًا: ما هو تطوير الويب؟
تطوير الويب هو مصطلح واسع للأعمال المشاركة في تطوير المواقع الإلكترونية للشبكة العنكبوتية العالمية للإنترنت أو للإنترانت (الشبكة الخاصة) وتطوير الويب يتراوح ما بين تطوير صفحة ثابتة بسيطة بنص عادي إلى تطبيقات الإنترنت المعقدة والأعمال التجارية الإلكترونية وخدمات الشبكة الاجتماعية.
وهنا نورد بعض خطوات تعلم تطوير الويب :
1- HTML
عند بداية إنشاء أي بناء، نقوم أولاً بإنشاء أساسات لذلك البناء. كذلك هو الحال بالنسبة للموقع الإلكتروني، وتعد لغة HTML هي المسؤولة عن ذلك بشكل أساسي، حيث تعتبر بمثابة القوالب التي تُكّون الموقع وتقوم بتقسيمه وتنظيمه. صدر منها في الفترة الأخيرة إصدار متطور يسمى HTML5، ولا يختلف كثيراً عن الإصدار الرئيسي سوى في بعض العمليات الإضافية المتطورة. وتعتبر لغة ال HTML أحد أسهل لغات البرمجة ويمكنك تعلمها في أسبوع واحد.
لتتعلم لغة HTML باللغة العربية اضغط هنا
2- CSS
الآن أنهينا إنشاء البناء، لنقم بإعطائه بعض اللمسات التجميلية كالألوان والأبعاد، بالإضافة إلى بعض الصور والنوافذ والأشكال. وهذا ما تقوم به لغة ال CSS حيث تقوم بتنسيق الواجهة الخاصة بالموقع وإخراجها بالصورة النهائية. وصدر منها ايضًا في الفترة الأخيرة إصدار جديد يسمى CSS3، متقدم عن سابقه كما هو الحال مع HTML5.
لتتعلم لغة CSS باللغة العربية اضغط هنا
هنا مقطع شرح مبسط للـ HTML و CSS وكيف تتعلمهم في أقصر وقت ممكن ؟
3- JavaScript
البناء جاهز والتصميم ممتاز، لنضيف الآن بعض الإثارة ونجعل الموقع يتفاعل مع المستخدم. ويعد ذلك الدور الرئيسي للغة JavaScript حيث أنها مسؤولة عن تلك العملية بشكل أساسي، وهي عملية تفاعل الموقع تجاوبًا رداً على تفاعل المستخدم عندما يعطيه الأوامر، وتعتمد بعض المواقع الكبيرة على لغة الجافا سكريبت مثل الفيس بوك وتويتر.
أيضًا ظهرت في الفترة الأخيرة بعض المكتبات الخاصة بلغات البرمجة، والتي تحوي بعض النصوص البرمجية المختصرة والمتكررة؛ بهدف تسهيل العملية. وتعد jQuery أحد أشهر المكتبات الخاصة بلغة ال JavaScript وهي مكتبة حرة مفتوحة ومتاحة للمستخدمين، لذلك لا تتردد في الاستعانة بها بعد تعلم لغة الجافا.
هنا مقطع بسيط لتوضيح لغة JavaScript .
4- تعلم لغات الويب المتطورة
بعد أن تُنهي اللغات المذكورة بالنقاط السابقة، سوف تصبح قادر بالضرورة على تصميم موقع الويب. لكن إن كنت تريد التقدم خطوة للأمام وتصبح مُطّور ويب، فسيتوجب عليك تعلم بعض اللغات المتطورة مثل PHP, ASP.NET, JSP, Perl،وغيرها من اللغات الأخرى. وسوف نتحدث عن ذلك في جزء أخر من ذلك المقال حيث نقوم بشرح هذه اللغات بشكل أكثر تفصيلاً.
لن يكون ذلك مقالنا الأخير عن تصميم وتطوير الويب، حيث يعد البداية التي ننطلق منها إلى عدة مقالات أخرى كي تشمل الأمر بشكل تفصيلي، وتكون أشبه بدليل كامل لكل راغبي تعلم تصميم وتطوير الويب من البداية حتى النهاية. شاركونا أهم الأسئلة والتعليقات وانتظروا مقالاتنا القادمة.
وفي الأخير نقدم مقارنة بين لغتي php و asp.net اضغط هنا
انتظرونا في المقالات القادمة ..
بقلم : عمر طارق