كيف تصبح مطور وجهات ويب محترف؟



مصممي الويب من أكثر الوظائف الشهيرة في العقد الاخير، بسبب الأنتشار الرهيب لخدمات الانترنت وظهور المتاجر الالكترونية، التي اصبحت تهتم بالتصميم والوجهات بشكل كبير وخبرة المستخدم (UX -  User Experince)، لكي تستهدف عملاءها بكل سهولة، ليس هذا فقط، بل لتجعل من المظهر جذاب للفت الانتباه وسهولة الاستخدام، ومن هنا تظهر اهمية مصممي الويب او من يعرفون بـ (Front-End Web Developer) مطوروا وجهات الويب.

١- كيف تصبح مصمم ويب:

لكي تصبح مصمم ويب محترف لابد ان تتعلم مجموعة من المهارات التي تؤهلك لهذه الوظيفة مثلها مثل اي وظيفة اخري، لذلك فلابد اولاً ان يكون لديك حس فني، وقدرة علي التخيل والابتكار، قبل ان تبدأ في التعلم دون جدوي، فان كنت تمتلك هذه الموهبة، فلابد ان تذهب فوراً وتبدا في تعلم المهارات التالية:

- تعلم تخطيط الوجهات:
من اكبر الاخطاء التي يقع بها مطوروا وجهات المستخدم هو تعلم الكثير من اللغات والبرامج دون تعلم لغة التخطيط، فمطور الوجهات هو ايضاً لابد ان يكون مهتم بالمستهدف الاساسي من هذا العمل، وهو المستخدم وهنا ياتي دور خبرة المستخدم والتي يتم تطويرها عن طريق التخطيط السليم وجعل التصميم يبدوا منطقي وسهل الاستخدام بالنسبة للمستخدم النهائي لهذا التصميم (End User) وعليه تظهر الاهمية الكبري لتخطيط وجهات المستخدم قبل الشروع في تصميمها

- برامج التصميم الجرافكي:
يجب عليك كمطور وجهات ويب ان تستخدم احدي برامج التصميم الجرافيكي المعروفة في هذا المجال، مثل فوتوشوب (لتعديل الصور) او اليستريتور (لتصميم الفيكتور بصيغة SVG) واخيراً العملاق الجديد من ادوبي (Adobe XD) وهو اول برنامج متخصص من ادوبي لمطوري وجهات المتسخدم.

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

- وقت تعلم المكتبات المختلفة:

بعد ان تتقن هذه اللغات وتتمرن عليها بشكل جيد تصبح جاهز للمرحلة التالية وهي مرحلة تعلم نطاقات العمل (framwarks) والتي تمكنك من كتابة كود اقل وتحصل علي تاثير اكبر، فهناك مكتبات مثل (JQuery, Vue.js) في لغة (JavaScript) تمكنك من اداء مهام مذهلة علي المتصفح، وايضاً المكتبة العملاقة (Bootstrap) وهي تجمع بين اكثر من لغة معاً مثل (HTML5, CSS3, SASS, Javascript, JQuery) كل هذا في مكتبة واحد، وهي تسهل العمل علي الوجهات بشكل كبير.

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

٢- مصادر تعلم لغات مطوري وجهات الويب:

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

وهناك عدد كبير من الفيديوهات علي يوتيوب تقدم عدد من الدروس في مجال تطوير وجهات المستخدم وساترك لكم البحث عن هذه الفيديوهات بكل سهولة من خلال كتابة "دورة في تصميم وجهات الويب" وستجد عدد لا نهائي من الفيديوهات علي يوتيوب لتعلم ذلك
تعليقات
ليست هناك تعليقات
إرسال تعليق



    وضع القراءة :
    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -