مسار تعليم الفرونت اند

الفرونت اند, يشهد العالم من حولنا العديد من التطورات في مجال صناعة التكنولوجيا . فهوا في تطور دائم والطلب عليه في تزايد مستمر. والدخول في هذا العالم ليس بالأمر البسيط لكنة يتطلب الكثير من الجهد والصبر علي التعلم . فتأتي المواقع الإلكترونية في صدارة هذه الصناعه. وابسط مثال هوا استخدامك لموقعنا مركز التكنولوجيا . وجميعنا نستخدم محرك البحث جوجل يوميا في عمليات البحث المستمره . ونتنقل بين الصفحات والمواقع ومن مظهر موقع الي أخر. وهذا يجعلنا نضع سؤال نضع العديد من الأسئله كيف تعمل هذه المواقع ومن يعمل علي تشغيلها علي متصفحك لتقوم بدورها بالظهور لك وما هي تخصصات العمل في الموقع . وهذا ما سنجيب عنه في هذا الموضوع ….

كيف تعمل مواقع الإنترنت

تكثر المواقع الإلكترونيه في يومنا الحال علي شبكة الإنترنت. وتختلف المواقع بدورها فكل موقع صمم وتمت برمجتة لتأدية وظيفة معينه لخدمة الزائر. توجد المواقع ذات الصفحات الثابته التي لايمكنك التعامل معاها وتسمي Static Website. وأخري يمكنك التفاعل معاها من خلال التسجيل وطلب المنتجات وهذا ما يتم خلف الكواليس انت لا تراه ويسمي dynamic website.

ما هو الفرونت اند front-end

الفرونت اند front-end هوا ما تراه بعينك في الموقع ولا يمكنك التفاعل معه. وأنت تقرأ هذا الموضوع تشاهد الصور بدخل الموقع والأزرار والنصوص والألوان وهذا ما نقصده. فيتعامل مصمم وجهات المستخدم مع الجزء المرئي فقط في الموقع.
ولنقوم بهذا عليك تعلم بعض اللغات التي تساعدك في تصميم وجهات المستخدم .

مسار تعليم الفرونت اند front-end

عند البدء في تعلم أي شئ لابد من وضع خطه للسير عليها لتحقيق هدفك . ولتعدد الكثير من المسارات المتقدمه في هذا المجال فيمكننا في البداية التركيز علي أهم اللغات المستخدمه. فتعلم لغة واحدة لا تكفي وإنما هي كلسلسلة جميعها مرتبط بالأخر . وسنتحدث عن اهم هذه اللغات المستخدمة

HTML

تعد بدورها اول شئ يجب تعلمة فهي تعتبر نقطه البداية في تصميم وجهات المستخم . فهي تعمل علي تقسيم هيكل الصفحة من خلال اقسام والنصوص المعروضه عليه والصور. ولكن لا تفي بالغرض بمفردها لتصميم صفحة ويب .

CSS

كما ذكرنا HTML لا تأتي بمفردها. يتم استخدام معها CSS لإضافة اللمسة الإبداعيه علي تصميمك. لأنها مسؤلة عن إضافة وتنسيق الألوان الخاصه بالموقع وحم الخطوط وكل شئ تراه عينك في الموقع من خلال HTML,CSS يمكن فعله من خلالهم .

javascript

تقوم بدور كبير في إنشاء الدور التفاعلي مع المستخدم في صفحات الويب مثل القوائم المنسدله , اضافة الحركات المتغيره داخل الموقع. فهي تعمل علي تحريك العناصر داخل موقعك وإضافة اللمسات الإبداعيه .

المكتبات أو إطار العمل

تعد اللغات الثلاثه السابقة هي الأساسية في تصميم موقعك. ولكن يمكن توفير العديد من العمل والجهد من خلال المكتبات الخاصه بكل لغة لتسهيل دورها . فهي عبارة عن اكواد جاهزه واشياء جاهزه في حالة انك تريد ان تستخدمها تستدعيها من خلال كود بسيط يوفر عليك كتابة عشرات الأسطر المعقدة .

Bootstrap
فإذا أردت أن تنشئ موقع متجاوب مع جميع الشاشات يمكن فتح علي جهاز الكمبيوتر او الهاتف المحمول بكل سهول بدون حدوث أخطاء. تأتي البوتستراب بدورها الكبير للتعامل مع CSS لتحويل موقعك لموقع متجاوب .

مكتبات الجافاسكربت Angular أو Vue أو React
تأتي الجافاسكربت مع العديد من إطارات العمل التي تسهل عليك المهام. ولكن جميعها لا يختلف كثير عن الأخر. فلك كامل الحرية لإختيار إطار العمل. يفضل إختيار الإطار من حيث سوق العمل في منطقتك. فتعلم واحد فقط من هذه الإطارات يفي بالغرض.

افضل الدورات التعليمية لتعليم الفرونت اند

هناك العديد من الدورات التعليمية والمصادر التعليمية التي لا حصر لها . ولكن في البداية يفضل التعلم من مصادر عربية حتي لا تواجة صعوبة في التعيلم .

وتعد أفضل قناه عربية للشروحات هي قناة Elzero Web school  لشرح جميع المتطلبات السابقة ويوجد العديد من الدروس الإحترافية في القناه

متوسط رواتب الفرونت اند

بعد التعلم لفترة طويلة والتعب في التخصص في تصميم وبرمجة واجهات المستخدم يأتي السؤال المهم بالنسبة للبعض.
ما هوا متوسط الرواتب ولكن يعتبر هذا السؤال مختلف من مكان لأخر ومن وظيفة لأخري وحسب إتقانك للغات والمشاريع السابقة يتم تحديد الراتب ويمكنك الإطلاع علي الوظائف من موقع لينكد ان  او وظف