المهارات الأساسية للماجستير للمطورين الأمامية

إعلانات الوظائف تختلف في ما تبحث عنه في مطور الواجهة الأمامية. تريد بعض الشركات من المتقدمين معرفة أشياء مثل Ruby و Git وأدوات التصميم وتحرير الفيديو - والقائمة تطول.

ومع ذلك ، هناك عدد قليل من المهارات التي تتطلبها أي وظيفة تطوير أمامية - المهارات "الأساسية" - وعدد قليل من الآخرين التي يجب أن تفكر بجدية في إضافتها إلى مجموعتك.

ما تحتاج إلى معرفته

تصفح قوائم الوظائف عبر الإنترنت بحثًا عن المفتاح لمطوري الواجهة الأمامية للتعرف عليهم وفهمهم ؛ هناك ثلاثة أشياء رئيسية.

غير قابل للتفاوض.

و هم:

1. HTML
2. CSS
3. جافا سكريبت (jQuery)

هذه هي الأساسيات. لحسن الحظ ، هناك الكثير من منصات التعلم عبر الإنترنت المجانية أو بأسعار معقولة حيث يمكنك تعلم هذه المهارات إذا كنت لا تعرفها بالفعل.

HTML

HyperText Markup Language ، أو HTML ، هو المكون الهيكلي الرئيسي لجميع المواقع على شبكة الإنترنت. كما تقول جينيفر كيرنين ،

"إنها لغة صفحات الويب - لغة الترميز التي تقرأها المتصفحات لتقديم صفحات الويب."

لا يمكن أن توجد صفحات الويب بدون HTML.

CSS

تعمل CSS و HTML معًا: CSS يضيف نمطًا إلى HTML. أرغب في استخدام التشابه في أن HTML تشبه الوجه ، وأن CSS تشبه الماكياج.

على الرغم من أن CSS ليس ضروريًا للحصول على موقع ويب عبر الإنترنت ، إلا أن كل موقع على الإنترنت يستخدم نوعًا من التصميم.

خلاف ذلك ، سيكون مملا جدا. باستخدام أحدث إصدارات CSS ، يمكنك القيام بأشياء مثل الرسوم المتحركة والتصميم الأكثر تقدمًا الذي كان ممكنًا فقط باستخدام JavaScript أو Flash في الماضي.

جافا سكريبت

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

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

في الوقت الحاضر ، هناك العديد من مكتبات JS عبر الإنترنت لمساعدتك في نقل صفحات الويب الخاصة بك إلى المستوى التالي.

ومع ذلك ، لتصبح مطور الواجهة الأمامية ، عليك فقط فهم جافا سكريبت الأساسي بالإضافة إلى مكتبة JS الأكثر شعبية - jQuery.

لطيفة إلى الموسرون

بعد الحصول على الأساسيات ، هذه مهارات أخرى لطيفة. (وتبحث الكثير من وظائف تطوير الواجهة الأمامية عنهم).

MV * أطر عمل JavaScript

تساعدك إطارات جافا سكريبت في تنظيم وتكثيف الشفرة.

بقدر ما تذهب خيارات MV * (أو MVC) ، فهناك ثلاثون هناك: اثنان من الأكثر شعبية هي backbone.js و angular.js.

لا شك أن تعلم إطار عمل JS هو أصعب جزء في أن تصبح مطورًا حقيقيًا أماميًا ، ولكنها أفضل طريقة لنقل مهاراتك إلى المستوى التالي.

أدوات CSS

مقارنة بأطر جافا سكريبت أعلاه ، من السهل نسبيا تعلم أدوات CSS أدناه. هناك ثلاثة أنواع للبحث عنها:

Precompilers: استخدام precompiler (أو preprocessor) لديه الكثير من المزايا ، من جعل رمز نظافة للحفاظ على المنظمة. إنها طريقة سهلة لكتابة CSS وتعزز مبادئ DRY (عدم تكرار نفسك). شعبية precompilers CSS هي ساس ، أقل ، وقلم. إذا كنت بدأت للتو ، التزم بالتعلم.

أطر عمل CSS: تساعد أطر CSS على تحسين سير عملك باستخدام الشبكات المضمنة ومكونات CSS الأخرى. هناك مثالان شائعان هما Bootstrap و Foundation.

تصميم متجاوب: في هذه الأيام ، هناك العديد من الأنواع المختلفة من الأجهزة التي يجب أن يكون موقعك قادرًا على التكيف معها جميعًا. يساعدك التصميم المتجاوب على إنشاء مواقع تعمل على جميع أحجام الشاشات - أجهزة الكمبيوتر المكتبية والأجهزة اللوحية والهواتف الذكية. تتضمن الأطر مثل Bootstrap و Foundation تصميمًا متجاوبًا مدمجًا ، لذلك إذا تعلمت أحدها ، فستكون جاهزًا.

أدوات البناء الأمامية

كمطور ، يجب أن تكون قادراً على إدارة تحسين حجم الملف وكفاءة سير العمل. هذه الأدوات يمكن أن تساعد.

إدارة الحزم: قد يكون من الصعب تنظيم جميع المكتبات والأصول وما إلى ذلك ، خاصة للمشروعات الكبيرة أو تلك التي تعمل فيها مع فريق.

استخدم مدير الحزم ، مثل Bower ، للحصول على كل شيء مصنّفة والاحتفاظ بسجل لتحديثاتك.

Yeoman.io: إذا كنت تواجه مشكلة في بعض الأحيان في الحصول على المشاريع من على الأرض ، فاستخدم Yeoman للبدء بسرعة في المشاريع وابق على الإنتاجية. يتم تشغيله على سطر الأوامر.

مهام Runners: استخدم Grunt أو Gulp ، والتي تعمل أيضًا على سطر الأوامر ، لضغط الملفات وتحسين سير العمل. يمكن أن يعملوا كمجمعين لمعالجات ساس أو أقل ، ولديهم أيضًا مجموعة كبيرة من الإضافات التي تتميز بميزات أخرى.

استنتاج

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

إذا كانت لديك أية مهارات أخرى على الويب ، حتى إذا لم تكن ذات صلة بالواجهة الأمامية ، فعليك إحضارها إلى الطاولة - مثل التصميم ، وتعديل الفيديو ، وتحسين محركات البحث ، وما إلى ذلك. أنت لا تعرف أبدًا ما الذي تبحث عنه الشركة .

وتخيل ماذا؟ قد تكون مثاليا.