10 مهارات أساسية لمطوري الفرونت اند
——-
يتكون تطوير الويب من جزئين مهمين وكل منهما يتطلب مهارات خاصة ومختلفة في التقنيات ، يتعامل مطور الواجهات frontend مع ما يتفاعل معه المستخدم اثناء عرض وتصفح الموقع
في هذا الموضوع سأذكر لكم 10مهارات أساسية لكل مطور frontend
——-
يتكون تطوير الويب من جزئين مهمين وكل منهما يتطلب مهارات خاصة ومختلفة في التقنيات ، يتعامل مطور الواجهات frontend مع ما يتفاعل معه المستخدم اثناء عرض وتصفح الموقع
في هذا الموضوع سأذكر لكم 10مهارات أساسية لكل مطور frontend
1- لغة HTML & CSS
HTML - اللغة المستخدمة لإنشاء صفحات الويب إنها اللبنة الأساسية المطلوبة لبناء مواقع الويب
CSS- يتم استخدامها لإنشاء تخطيط الصفحة واللون والخطوط والأنماط كلتا اللغتين ضروريتان للغاية لتصبح مطور متخصص في الواجهة الأمامية لمواقع الويب
HTML - اللغة المستخدمة لإنشاء صفحات الويب إنها اللبنة الأساسية المطلوبة لبناء مواقع الويب
CSS- يتم استخدامها لإنشاء تخطيط الصفحة واللون والخطوط والأنماط كلتا اللغتين ضروريتان للغاية لتصبح مطور متخصص في الواجهة الأمامية لمواقع الويب
2- Javascript & jquery
جافا سكربت معروف لا غني عنها لكل مطور ويب اذا اردت اضافة المزيد من التفاعل علي موقعك والتعامل مع ملفات الصوت والفيديو والرسومات المتحركة
Jquery - مكتبة من مكتبات جافا سكربت تضيف المزيد من التفاعل وتتميز بتلخيص الأسطر البرمجية التي تحتوي علي مهام كثيرة
جافا سكربت معروف لا غني عنها لكل مطور ويب اذا اردت اضافة المزيد من التفاعل علي موقعك والتعامل مع ملفات الصوت والفيديو والرسومات المتحركة
Jquery - مكتبة من مكتبات جافا سكربت تضيف المزيد من التفاعل وتتميز بتلخيص الأسطر البرمجية التي تحتوي علي مهام كثيرة
3- framworks أطر العمل
اطر العمل من الأشياء الرائعة التي توفر عليك الكثير من الوقت والمجهود في عمليات التصميم وبناء الموقع ولكن عليك اختيار إطار العمل المناسب حسب نوع المشروع الذي تعمل عليه فهناك اطر ممتازة لعرض الموقع ، وهناك أطر مخصصة للعمليات المعقدة بالتصميم
اطر العمل من الأشياء الرائعة التي توفر عليك الكثير من الوقت والمجهود في عمليات التصميم وبناء الموقع ولكن عليك اختيار إطار العمل المناسب حسب نوع المشروع الذي تعمل عليه فهناك اطر ممتازة لعرض الموقع ، وهناك أطر مخصصة للعمليات المعقدة بالتصميم
4- Responsive design التصميم المتجاوب
يستخدم الناس في العادة اجهزة مختلفة لعرض مواقع الويب مثل جهاز الكمبيوتر والهاتف ولكل جهاز شاشة مختلفة وطريقة عرض مختلفة دورك كمطور ويب ان تقوم ببناء موقع يتكيف مع جميع شاشات العرض ويصبح قابل للقراءة ومن أشهر اطر العمل في ذلك Bootstrap
يستخدم الناس في العادة اجهزة مختلفة لعرض مواقع الويب مثل جهاز الكمبيوتر والهاتف ولكل جهاز شاشة مختلفة وطريقة عرض مختلفة دورك كمطور ويب ان تقوم ببناء موقع يتكيف مع جميع شاشات العرض ويصبح قابل للقراءة ومن أشهر اطر العمل في ذلك Bootstrap
5- Version Control /Git
موقع github معروف لكل مطور ويب ومن الادوات الهامة التي يمتلكها كل مبرمج وباختصار هو يقوم بحفظ اكوادك البرمجية ويسمح لك بتعديلها وتطويرها اي وقت دون الحاجة الي البدء من جديد ، كما يعتبر اداة قوية في CV الخاص بك كمطور تعرض عليه مشاريعك ومهامك السابقة
موقع github معروف لكل مطور ويب ومن الادوات الهامة التي يمتلكها كل مبرمج وباختصار هو يقوم بحفظ اكوادك البرمجية ويسمح لك بتعديلها وتطويرها اي وقت دون الحاجة الي البدء من جديد ، كما يعتبر اداة قوية في CV الخاص بك كمطور تعرض عليه مشاريعك ومهامك السابقة
6- Testing/Debugging معالجة المشاكل واختبار المشروع
لا شك ان كل مطور ويب لابد ان يفحص مشروعه بعد الانتهاء منه ويتأكد ان المشروع خالي من المشاكل البرمجية لان بعض هذه المشاكل قد تعتبر بمثابة ثغرات في موقع الويب فيما بعد لذلك فحص المشروع وتنظيفه من الاخطاء من اهم خطوات التطوير .
لا شك ان كل مطور ويب لابد ان يفحص مشروعه بعد الانتهاء منه ويتأكد ان المشروع خالي من المشاكل البرمجية لان بعض هذه المشاكل قد تعتبر بمثابة ثغرات في موقع الويب فيما بعد لذلك فحص المشروع وتنظيفه من الاخطاء من اهم خطوات التطوير .
7- Browser Developer Tools
متصفح المطور
متصفحات الويب كثيرة وشائعة ولكن لمطورين الويب ادوات توفرها لهم المتصفحات مثل ادوات عرض المود اثناء كتابته وتشغيله ، ادوات الفحص ، ادوات اختيار الالوان ، وهكذا ، ولا شك ان متصفح جوجل كروم من افضل المتصفحات في ذلك
متصفح المطور
متصفحات الويب كثيرة وشائعة ولكن لمطورين الويب ادوات توفرها لهم المتصفحات مثل ادوات عرض المود اثناء كتابته وتشغيله ، ادوات الفحص ، ادوات اختيار الالوان ، وهكذا ، ولا شك ان متصفح جوجل كروم من افضل المتصفحات في ذلك
8 - Web Performance اداء الموقع
أداء الموقع لا شك من الخطوات الهامة التي تقيس بها سرعة الموقع وأدائه قبل عرضه علي المستخدم وتحاول اكتشاف الأكواد او اي شئ يساهم في بطئ حركة الموقع وفي العادة يستخدم المطورون أدوات مثل Grunt , gulp في عمليات التطوير والبناء
أداء الموقع لا شك من الخطوات الهامة التي تقيس بها سرعة الموقع وأدائه قبل عرضه علي المستخدم وتحاول اكتشاف الأكواد او اي شئ يساهم في بطئ حركة الموقع وفي العادة يستخدم المطورون أدوات مثل Grunt , gulp في عمليات التطوير والبناء
9- CSS Preprocessing معالجات css
هي أدوات أكثر تطويرا في لغة CSS تساعدك علي كتابة اكواد مرنة قابلة للاستخدام والتطوير مثل Sass التي تضيف قوة وأناقة الي التصميم وتعطيك مميزات رائعة وتوافق متكامل مع صياغة CSS
هي أدوات أكثر تطويرا في لغة CSS تساعدك علي كتابة اكواد مرنة قابلة للاستخدام والتطوير مثل Sass التي تضيف قوة وأناقة الي التصميم وتعطيك مميزات رائعة وتوافق متكامل مع صياغة CSS
10- Command line سطر الاوامر
علي الرغم من ان معظم أعمالك تتم عبر واجهة الكمبيوتر الرسومية ، ولكن تعلمك لسطر الأوامر سيزيد من احترافك وتعاملك مع النظام وفي العادة لا غني عنه مع اي نظام تشغيل خاصة في تعاملك مع أنظمة مثل لينوكس .
علي الرغم من ان معظم أعمالك تتم عبر واجهة الكمبيوتر الرسومية ، ولكن تعلمك لسطر الأوامر سيزيد من احترافك وتعاملك مع النظام وفي العادة لا غني عنه مع اي نظام تشغيل خاصة في تعاملك مع أنظمة مثل لينوكس .
هذه أهم الخطوات الأساسية المطلوبة لكل مطور ويب ، ولمزيد من المعلومات ايضا يمكنك قراءة المقال
edureka.co
edureka.co
جاري تحميل الاقتراحات...