لقد سبق وناقشنا في مقالات سابقة كيفية بناء مواقع عل الإنترنت لكن المواقع التي تطرقنا لها كانت عبارة عن مدونات أو متاجر إلكترونية ومبنية على منصات ك wordpress أو shopify أو blogger لكن هذه المنصات في آخر المطاف تبقى منصات محدودة و لاتتيح لك تطبيق عديد من الأفكار التي تجول في بالك فإذا أردت أن تطلق العنان لمهاراتك وأن تترجم أفكارك الفريدة على أرض الواقع فعليك تعلم البرمجة فكيف نبدأ ومن أين نبدأ وما هي أمثل طريق نتبعها ؟
1- نظرة عامة :
تتكون المواقع الإلكترونية من شقين الشق الأول هو مايراه الزائر ويتفاعل معه ويسمى واجهة المتصفح أو frontend والشق الثاني هو الشق المرتبط بالخادم وبقواعد البيانات و لايراه الزائر ويسمى backend فإذا أردت أن تتخصص في تصميم الواجهات الأمامية فستصبح frontend developper أما إذا أردت أن تتخصص في تصميم الواجهات الخلفية فستصبح backend developper أما إذا أردت أنت تتخصص فيهما معا فأنت fullstack develpper أي مبرمج شامل .
وسواء إخترت أن تكون frontend develpper أو backend developper أو fullstack developper فهناك خارطة طريق يجب عليك أن تتبعها .
2- frontend - خارطة الطريق :
لكي تصبح frontend developper فهذه هي الطريق الوحيدة التي ستمشي عليها :
html : أول خطوة لك في عالم البرمجة هو تعلم html وهي ليست لغة برمجية و إنما هي لغة تساعدنا على بناء هيكل وأساس الموقع .
css : بعد تعلم html تمر الآن إلى تعلم css وهي كذلك ليست لغة برمجة وإنما تساعدنا على إضافة الألوان والتنسيقات و الأحجام وإضفاء نوع من الجمالية على الموقع .
javascript : هي لغة برمجة تضفي على الموقع نوعا من الديناميكية ويصبح أكثر تفاعلا .
react : هي مكتبة ل javascript مفتوحة المصدر أنشأها فريق من المهندسين تابع لشركة فايسبوك لتسهيل بناء الواجهات الأمامية للمواقع .
angular : هي مكتبة وإطار عمل مفتوح المصدر مبني على لغة typescript طورتها شركة google وهي متخصصة في بناء الواجهات الأمامية للمواقع .
vue : هو إطار عمل ل javascript أسسه المطور Evan You لتسهيل بناء الواجهات الأمامية للمواقع .
tailwind : هو إطار عمل ل css يقدم لك أدوات مساعدة كما يمنحك تحكما كاملا في واجهة المستخدم الخاصة بك من خلال الأصناف classes الموجودة فيه .
bootstrap : هو إطار عمل للواجهات الأمامية مفتوح المصدر يتكون من أكواد بلغة html و css و javascript و صمم خصيصا لبناء مواقع الويب المتجاوبة مع جميع الأجهزة والأحجام .
3- backend - خارطة الطريق :
لكي تصبح backend developper يلزمك تعلم لغة برمجية وإطار العمل الخاص بها وكذا نظام لقواعد البيانات و إليك بعض الإقتراحات :
1- تعلم لغة javascript و بيئة العمل nodejs و إطار العمل express .
2- تعلم لغة php و إطار العمل laravel .
3- تعلم لغة python و إطار العمل django .
4- تعلم لغة C# و إطار العمل .net .
5- تعلم لغة java و إطار العمل spring .
توجد هناك العديد من الأنظمة لتخزين قواعد البيانات من بينها mongodb و mysql و oracle و mariadb و غيرها .
هذه فقط بعض إقتراحات وهذا لا يعني أنها الوحيدة توجد لغات برمجية أخرى لم نذكرها كما أن هنا لغات تشتغل مع أكثر من إطار عمل حاول إختيار اللغة البرمجية المناسبة مع إطار عملها الأنسب حسب طموحك وهدفك من تعلم البرمجة وحسب متطلبات السوق .
4- fullstack - خارطة الطريق :
ال fullstack هو أن تجمع بين frontend و backend في آن واحد لكن لست مجبرا أن تتعلم كل لغات البرمجة وكل المكاتب و كل أطر العمل لا أبدا فهذا شبه مستحيل فمثلا في frontend يمكن أن تختار بين react أو angular أو vue ليس ضروريا أن تتعلمهم كلهم أما في backend يكفي أن تتعلم لغة برمجية واحدة وإطار عمل واحد ونظام تخزين بيانات واحد لاترهق نفسك بكثرة التعلم مادمت تعرف غايتك من تعلم البرمجة .
5- من أين نتعلم البرمجة ؟
توجيد العديد من المنصات التي يمكن أن تساعدنا على تعلم البرمجة منها :
Youtube :
Udemy :
Khan Academy :
Codeacademy :
6- ماذا بعد تعلم البرمجة ؟
بعد تعلم البرمجة قد يرغب البعض في أخد دورات تدريبية في أحد الشركات بغية الحصول على وظيفة وقد يرغب البعض الآخر في العمل الحر عن طريق بيع الخدمات في مواقع بيع الخدمات المصغرة وهناك أيضا فئة تفكر في بناء مواقع ربحية تحمل أفكارا فريدة تدر عليها أموالا طائلة .
7- أفكار لمواقع يمكن إنشائها :
موقع تعليمي :
موقع عقاري :
موقع لبيع الخدمات المصغرة :
موقع لبيع الدورات :
موقع رياضي :
موقع إخباري :
موقع للوظائف :
موقع لبيع السلع بالجملة :
موقع للتواصل الإجتماعي :
موقع متعدد البائعين :
موقع لحجوزات الفنادق :
موقع لحجوزات الطبيب :
موقع لتحميل الصور والتصاميم :