لاشك ان مجال تصميم الويب اصبح له صدى كبير عند الجمهور العربى ونشعر جميعًا فى البداية بالحماسة للتعلم هذه المجال الممتع ولكن فى نفس الوقت قد نشعر بالارتباك لانه علينا الاخيتار بين الكثير من اللغات المتاحة وكذلك اطر العمل frameworks المتاحة فلا نعرف من اين نبدء وما المسار الانسب
وفى الحقيقة لاتوجد اجابة واحدة ولكن يوجد مسار اتبعه معظم المطورين وهو الاسهل لانها يبدء بالاساسيات انطلاقًا إلى الاحتراف والتفاصيل إليك هذا المسار
محتوي المقال
اساسيات HTML و CSS
بالتاكيد سمعت عنهم الكثير وقد تكون تعرف انهم لا يمثلان لغات برمجة حقيقية ولكنهم مجرد وصف لصفحات الويب و HTML هى الهيكل العام للموقع من نصوص وحقول وصور و CSS تقوم بتزين هذه المكونات المكتوبة HTML واعطائها التنسيق والالوان والفصل بين العناصر وهاتين اللغتين معًا يشكلان Front end فهم ينفذان على المتصفح وليس على السيرفر
البعض يبدء بالغات برمجة كاملة مثل PHP او javascript ولكن اذا كان هدفك من البداية بناء موقع فعليك اولًا ب HTML و CSS فهم بناء الاساس لاي موقع وحتى ان كنت مطور و شخص اخر سيقوم بتصميم الموقع فيجب ايضًا معرفتهم
اللغتان مختلفتان تمامًا ولكنهم فى نفس الوقت يكملان بعضهم البعض فالكتابة بلغة HTML فقط سينتج عنها محتوي ولكن شكله ليس جميلأ وهنا يأتى دول CSS لتزين وتنسيق الموقع
الموقع الناتج عنهم يكون موقع Static اي ثابت وليس Dynamic بمعنى ان المحتوي عليه يصعب تغيره وايضًا يجب ان يتم تغيره من قبل شخص يعرف HTML
التحديثات الجديدة HTML5 و CSS3 ليس مختلفة ابدًا عن الاصدار السابق لهاتين اللغتين فقط تضيف بعض التحسينات الجديدة والرائعة
لتبدء طريقك فى تعلم هاتين اللغتين عليك بتطبيق مشاريع صغيرة وان لا تكتفى بمشاهدة الكورسات فقط وعليك ان تتعلم كيف تبحث على الانترنت وعلى جوجل لحل المشاكل التى تستقابلك بالطبع عند ببناء مشاريعك
وتوجد الكثير من المصادر والكورسات المجانية لتعلم HTML و CSS وهذه المقالة هنا تحتوي على مصادر عربية ممتازة لذلك
ومن اشهر المواقع الاجنبية موقع w3schools
الخطوة التالية Javascript
الجافا اسكربت من اكثر اللغات المستخدم فى مواقع الويب فهى تضيف الكثير لصفحات الويب مثل التفاعل مع المستخدم ومن امثلة استخدامها القوائم المنزلقة وشرائط الاخبار والسليدات وغيرها الكثير وبالرغم من ان CSS3 قدمت الكثير من الاضافات التى تغنى عن Javascript الا انها لاتزال مستخدمة بكثره
الجافا سكربت من انواع اللغات التى تسمى Scripting Languages وهى اول شئ يلجأ بعض المطورين لتعلمه وهذه اللغة تنفذ على متصفح المستخدم Client Server تمامًا مثل HTML و CSS فبالتالى فهى تنمى إلى لغات Front End ولكن مؤخرًا ظهرت تقنية جديدة وهى Node js وهى تنمى للجافا سكربت ولكنها Server Side مما يعنى انها تتعامل مع قواعد البيانات وبالتالى يمكن استخدام Javascritpt فى Backend
اما عن المصادر فالانترنت ملئ بالكورسات التى تغطى الجافا سكربت حتى الاحتراف وهى مجانية بالكامل ربما اثناء بحث تسمع ب Jquery فهى مكتبة مبنية على Javascript فبالتالى هى تقوم بنفس عمل Javascript ولكن بكود اقل وسهولة اكبر ولكن عليك إلا تستعجل وان تعرف الكود الاساسى ل Javascript قبل الدخول إلى مكتبة مثل Jquery
الخطوة التالية PHP , Ruppy او Python
لماذا نستخدم Backend ؟ لعل هذا السؤال الذى يدور فى ذهنك الان والاجابة للاننا نريد تحويل الموقع الثابت او Static إلى موقع ديناميكى Dynamic اي ان المحتوي يمكن اضافته وتجديده او حتى حذفه والتحكم الكامل فيه من خلال لوحة تحكم للموقع لانه ليس معقول انه كلما اراد صاحب الموقع اضافة موضوع او تحديث اي محتوي ان يعدل فى ملفات HTML الاساسية
يوجد بعض لغات البرمجة بعضها اشهر من الاخر وبعضها لم يعد تقريبًا موجودًا بعد ان كان المسيطر مثل Perl/CGI لذلك فعلينا التطور دائمًا فى هذه الصناعة المتغيرة بسرعة
الاكثر شيوعًا هذه الايام هو PHP فهى من اقدم اللغات وقد انشاءت خصيصًا للويب والان يعتمد عليه الكثير من نظم ادارة المحتوي مثل WordPress و Joomla و Magento
للتعرف على نظم ادارة المحتوي تابع المقالة هنا
للتعرف اكثر على لغة PHP هنا
لغات اخرى مثل Python و Ruppy مفتوحة المصدر وممتازة ايضًا ويمكن ان تسخدم لنفس الغرض عليك ان تقرر بنفسك اي اللغات ستختار ولعل اسلهم هى PHP نظرًا لقدمها والدعم الكبير الموجود على الانترنت ووجود بعض نظم الادراة المشهورة جدًا المبنية عليها فتعلمك هذه اللغة سيسهل عليك تطوير قوالب مثل قوالب وردبرس لانها مبنى بالكامل على PHP وكذلك فمعظم شركات الاستضافة تدعمها بشكل افتراضى ولكن تبقى كل اللغات الموجود مفتوحة المصدر ومجانية وكونها مفتوحة المصدر يسمح لها بالازدهار بسبب اسهامات المطورين من كل مكان
ف Laravel مثلًا وهو اطار عمل Framework مبنى على PHP واطار العمل هو مجموعة من الاكود الجاهزة التى توفر الكثير من الجهد والحماية والتنظيم لاكواد PHP من اجل التحكم فى الموقع بسهوله اكبر وتسمح للتطوير بسرعة اكبر
والنصيحة الاهم هنا عزيزى القارئ ان افضل طريقة لتعلم الكود والبرمجة هى بناء التطبيقات وحل المشاكل والبحث عنها عندما تقابلك لتكتسب الخبرات وان كنت لا تعرف من اين تبدء ابحث عن بعض النصائح والكورسات وابدء فورًا وتعمق قليلًا قليلأ
قم بتسطيب سيرفر محلى Local Host لان لغة مثل PHP هى Server Side فبالتالى هى لا تعمل إلا على سيرفر مثل السيرفرات الموجدة فى الاستضافة او اي برنامج للسيرفر المحلى مثل WAMP او XAMPP
Structured Query Language SQL
وهى الاوامر التى يتسخدمها معظم محركات قواعد البيانات مثل MySQL و PostgreSQL والامر الجيد انه بمجرد فهم كود SQL فهو يعمل على محركات قواعد البيانات اي ان الكود تقريبًا نفسه ومعظم قواعد البيانات تتيح لك باجراء Queries بدون كتابة كود معظم الاحيان اي عن طريق واجهة رسومية ولعل اشهر محركات قواعد البيانات على الاطلاق هو MySQL فهو مستخدم من قبل وردبرس
واخيرًا
اذا اتقنت اللغات المذكورة فى المقالة فانت بالطبع ستصبح محترف تطويرمواقع اما اذا كان غرضك بناء مواقع بسيطة فربما يكفيك HTML و CSS و Javascript وبعض WordPress
مقالة مفصلة عن الوردبرس
مقالة مفصلة عن الوردبرس
وبالتأكيد فى النهاية كل شئ معتمد على ما تحتاج عمله . . .
فى النهاية إليك فيديو يوضوح الفروق مسار تعلم البرمجة من قناة بغداد الجديدة على اليوتويب
