Front End

اذا اردت ان تصبح فرونت اند قوي يجب اتباع تلك الخريطة بالترتيب

في هذا التخصص ستتعلم كيفية تصميم مواقع الويب باحترافية عالية , يرجى اتباع الخطوات التالية بالرتيب حتى تحصل على اعلى نتيجة ممكنة


Design
Design

UI UX

تعلمك لل UI UX سيجعلك قادر على تقديم افضل تجربة للمستخدم من ناحية التصميم
قد يعتقد الكثير ان Ui Ux غير مهم او ان الشركات تستطيع الاستغناء عنها , لكن على العكس تماماً ف Ui UX يعد من اهم الوظائف , فبدونه لن تعرف ما هو التصميم الامثل الذي يفضله المستخدمون , و ستكون غير قادر على تقديم افضل تجربة للمستخدم

Front End
Front End

HTML

يمكنك اعتبار الـ HTML هي الخطوة الاولى الفعلية في بناء موقع الويب الخاص بك , فمن خلال الـ HTML  تستطيع تصميم هيكل الموقع و بدونها لا يمكنك دخول هذا المجال
Front End
Front End

CSS

بعد ما قمت بتصميم هيكل الموقع بالـ HTML , يجب عليك تنسيق هذا الهيكل و ترتيبه و اللغة التي تفعل هذا هي css
تستخدم css لعمل تنسيق لموقعك وضبط ابعاده و عمل تأثيرات مختلفة و اضافة صور و الوان و جعل شكله رائع 
Front End
Front End

Bootstrap

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

JavaScript

تعتبر اهم خطوة لك في الفرونت اند و تعتبر اول لغة برمجة ستتعامل معها يجب ان تكون على دراية بالـ
Basics - DOM - BOM - OOP - API
Front End
Front End

JS Framework

للتسهيل عليك و لتقديم افضل تجربة باقل وقت فيجب عليك استخدام فريم ورك للجافاسكريبت يمكنك الاختيار بين العديد منها مثال
Vue.js - React.js - Angular.js