مجالات ومسارات تطوير الويب (الواجهة الامامية Frontend)

كما ذكرنا مسبقا ينقسم مطوري الويب الى ثلاث اقسام رئيسية:

• تطوير الواجهة الامامية Frontend
• تطوير الواجهة الخلفية Backend
• التطوير الشاكل/الكامل FullStack

الواجهة الامامية Frontend

وهو الجزء المسؤول عن تطوير صفحات الويب او الجزء الذي يفهمه ويترجمه المتصفحات Browsers مثل صفحات HTML و CSS و سكريبت javascript. (في الاونه الاخيرة اصبح العديد من العمليات المنطقية والبرمجية تقوم بواسطة المتصفحات بدلا من البرامج داخل ​خوادم الويب).

هناك 3 اشياء رئيسية يجب ان يتعلمهم اي مهتم بتطوير الويب عموما و تطوير الواجهة الامامية خصوصا: HTML و CSS و Javascript. وسنخصص لكل تكنولوجيا منهم دورة كاملة.

• HTML: (اتش تي ام ال) هي لغة توصيف لصفحات الويب. نقوم من خلالها بتعريف وتنظيم عناصر صفحات الويب.
• CSS: تعتبر اداة مساعدة مع HTML وتستخدم لتصميم وتوصيف شكل عناصر صفحات الويب مثل الالوان والشكل الجمالي للعناصر.
• javascript: چافا سكريبت هي لغة برمجة تفهمها متصفحات الويب وتقوم بعمل بعض العمليات المنطقية داخل صفحات الويب، مثلا اظهار او اخفاء بعض عاصر الويب بشروط معينة او التأكد من سلامة بعض البيانات قبل ارسالها الى ​خادم الويب.

المكتبات Libraries

• JQuery: (جى كويري) هي مكتبة بلغة جافا سكريبت. وتقوم بتسهيل الكثير من العمليات المسؤولة عن التحكم في عناصر صفحة الويب، كما يمكننا استخدامها لعمل ​طلب لخادم الويب لتحديث صفحة الويب.
• React: هي احد اشهر مكتبات تصميم صفحات الويب وهي مبنية على لغة javascript وهي تستخدم لتصميم صفحات الويب المعقدة وهي مفتوحة المصدر ومقدمة من شركة فيس بوك.
• chart.js: (تشارت جي اس) هي احد اشهر مكتبات جافا سكريبت والتي تستخدم في الرسومات والمخططات البيانية.

اطر العمل Frameworks

• Bootstrap: (بووت ستراب) هي مجموعة من الادوات والمكتبات (وتعتبر ​اطار عمل​) التي تقدم قوالب لصفحات الويب وهي مبنية على css و javascript.
• Angular: (انجولر) هو اطار عمل مفتوح المصدر من شركة جوجل وهو يستخدم لبناء التطبيقات المعقدة للواجهة الامامية ويستخدم javascript او typescript كلغات برمجة للتطوير.
• Vue js: (فيو جي اس) هو اطار عمل مفتوح المصدر يستخدم لبناء التطبيقات البسيطة والمعقدة للواجهة الامامية ويستخدم javascript كلغة برمجة للتطوير.

مدير الحزم Package Manager

• npm: تعد من اشهر مديري حزم لغة جافا سكريبت javascript. ويستخدم مديري الحزم في المشاريع لاستيراد وتنظيم المكتبات المستخدمة في التطبيق.

محررات الاكواد Code Editors

• Visual Studio Code: هو محرر مفتوح المصدر من شركة مايكروسوفت ويستخدم لكتاية العديد من لغات البرمجة ومن أهمها javascript.

مسارات التعلم Learning Paths

لا يوجد مسار واحد للتعلم وهناك بعض الادوات التي تستخدم بديلا للاخرى فعادة مثلا اما تختار ما بين angular او vue js او react. وهناك بعض المكتبات التي قد تحتاج تعلمها او قد تستغنى عنها. لكن سنحاول ان نسرد مسار تعلم وهو كالاتي

1. HTML (اساسي)
2. CSS (اساسي)
3. Javascript (اساسي)
4. Jquery (مهم)
5. bootstrap (من الافضل تعلمه)
6. الاختيار ما بين (Angular او React او VueJs) وهي مهمة للتطبيقات الكبيرة والمعقدة.