في هذه السلسلة مجموعة من التقنيات المشهورة التي يحتاج مطور الويب إلى تعلمها وضعتها في صورة للتسهيل. من لديه مجموعة أخرى يستخدمهما فليثرينا بها.

المجموعة رقم 1 بها HTML و JavaScript و CSS جميعها اساسية لكل من يدخل مجال تطوير تطبيقات الويب و عليه أن يبدأ بها.
الHTML من الافضل ان يتقنها , الCSS إلى حد معين , الJavaScript ايضا إلى حد معين. حيث ان هناك اشياء ستأتي ستساعدك في ذلك و يمكنك تطوير مهاراتك في الCSS و JS من خلالها.

المجموعة رقم 2 بها الJS Frameworks و بها Angular و Reactjs و Vue و بُنيت من خلال الJS في المجموعة الـ1
و هذه تفيدك في اعطاء الحياة لموقعك و تسهل لك التعامل مع البيانات و فحص مدخلات المستخدم و هيكلة موقعك ككل. و تحتاج إلى تعلم واحدة منها فقط.

المجموعة رقم 3 بها الCSS Framework و تختص بتصميم و شكل الموقع الخارجي , تسهل لك الكثير فيما لو تعاملت مع CSS مباشرة. قد لا تحتاج إلى CSS معها إلا في حدود ضيقة مثل تغيير لون عنصر معين كالزر او تغيير معلومات خط . و ايضا تحتاج إلى تعلم واحدة منها فقط.
ما سبق يسمى الFront-End.

المجموعة رقم 4 هي الWeb Framework يمكنك من خلالها عمل شيئين , يمكنك الاستغناء بها عن المجموعة 2 أو يمكنك استخدام المجموعة 2 مع جزئية الAPI و الREST فيها فقط. و هذه المجموعة ضبابية بين الFront-End و Back-End و اذا اخترت احداها فعليك اختيار اللغة التي تتبع لها ( اسفلها مباشرة )

المجموعة رقم 5 هي لغات البرمجة الحقيقية و المجموعة 4 اعلى كل لغة هي مجرد Web Frameworks لها . و هي للBack-End Developer.

المجموعة رقم 6 هي قواعد البيانات التي ستتصل بها من خلال المجموعة رقم 5. ووضعت قاعدة بيانات واحدة لكل نوع حسب الغرض و نوع البيانات التي تتعامل معها و يمكن ان يكون نظامك يتكون من اكثر من قاعدة بيانات من تلك المجموعة.

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

موقع https://themeforest.net/  به الكثير من الtemplates التي هي عبارة عن مواقع افتراضية بها جميع ما تحتاجه , ستجد Angular و React و Vue و كذلك Bootstrap و Foundation و Pluma. مبنية بأفضل الطرق, كل ماعليك هو دراسة كيف بنوها و التعديل عليها لترى ما تغير.