كيف تصبح مطور ويب

تعددت لغات البرمجة وتعددت الاختصاصات مما يجعل لكل اختصاص أدوات ولغات برمجية ومكتبات يستعملها للقيام بمهامه

فان لكل اختصاص له جملة من لغات والادوات التي عليك تعلمها وسنبين في هذا المقال المسار الذي عليك اتباعه لثصبح مطور واجهة المستخدم Front-end Developer 

  

كيف تصبح مطور ويب

مطور واجهة المستخدم: هو الشخص الذي يقوم بعمليات تخطيط وتطوير الواجهةالأمامية للويب لتظهر بالشكل مرئي يتيح لتفاعل مع المستخدم. ويختلف بذلك عن مطور الجهة الخلفية Back-end Developer والذي يهتم بالجانب الخفي كمعالجتها وتخزينها وإرسالها.

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

 

 الأدوات المستعملة

 

محررات الأكواد

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

Visual Studio Code 

لتحميل أخر اصدار :  التحميل من هنا

Brackets

لتحميل أخر اصدار :  التحميل من هنا

Atom

 لتحميل أخر اصدار : التحميل من هنا

SublimeText

لتحميل أخر اصدار :  التحميل من هنا

مهارات  لمطور واجهة المستخدم:

تعلم لغة HTML

لبدأ حياتك في مجال ال Web يجب عليك تعلم لغة تصميم الصفحات html  والتي لا يمكن الإستغناء عنها سواء كنت Designer أو Developer     وهي عبارة عن هيكل  صفحة الويب 

تعلم لغة CSS

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

تعلم لغة JavaScript

تعلم اساسيات لغة  JavaScript 

وهي التي ديناميكية وحركية للموقع

اختيار اطار عمل من هذه الأطرالثلاثة 

تعلم  Vue.js 

واحد من أجمل وأسهل اطر العمل التي أخذت وضعها في سوق العمل Vue.js لسهولتها وقوتها في عمل تطبيقات ال Web

تعلم React.js  

هي من أشهرالأطر طلبا في سوق العمل وتستخدم في تطوير الويب لبناء عناصر تفاعلية على مواقع الويب 

تعلم Angulaire 

وقد قام باءنشائه فريق جوجل

  

  تعلم Bootstrap

عمل الكثير من التطبيقات العملية بإستخدام أشهر اطر العمل Bootstrap

تعلم لغة SASS مع التطبيقات لتطوير مستواك في لغة CSS

تعلم لغة SASS لتضيف مزايا لغات البرمجة في ال Code الخاص بك في لغة CSS لتوفير الوقت والإحتراف

تعلم Pugjs لتطوير إمكانيات لغة HTML

تعلم Pug.js Template Engine لتحصل على مميزات لغات البرمجة أثناء كتابة HTML Code

تعلم Gulpjs لعمل مهامك المتكررة بدلا منك

تعلم Gulp.js لعمل مهامك المتكررة بالنيابة عنك وبشكل تلقائي

تعلم JavaScript Unit Testing بواسطة Jest Framework

تعلم Git & Github للحفاظ على مشاريعك

تعلم Git و Github لحفظ برمجياتك ولزيادة مهارات التعامل مع الفريق