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

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

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

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

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

و هم:

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

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

HTML

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

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

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

CSS

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

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

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

جافا سكريبت

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

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

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

لطيفة بين المهارات

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

إطارات جافا سكريبت MV *

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

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

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

أدوات CSS

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

• Precompilers: يتميز استخدام برنامج التحويل المسبق (أو المعالج المسبق) بالكثير من المزايا ، من صنع رمز نظافة إلى صيانة المؤسسة. إنها طريقة سهلة لكتابة CSS وترويج مبادئ DRY (لا تكرر نفسك). أشهر المترجمين CSS شعبية هي Sass و Less و Stylus. إذا كنت بدأت للتو ، فالتزم بالتعلم.
• أطر CSS: تساعد أطر عمل CSS على تحسين سير عملك من خلال شبكات مدمجة ومكونات CSS أخرى. مثالان شائعان هما Bootstrap و Foundation.
• الرسم المتجاوب: في هذه الأيام ، هناك العديد من أنواع الأجهزة المختلفة التي يجب أن يكون موقعك قادرًا على التكيف معها جميعًا. يساعدك التصميم المتجاوب في إنشاء مواقع تعمل على جميع أحجام الشاشة - سطح المكتب والكمبيوتر اللوحي والهاتف الذكي. تحتوي الأطر مثل Bootstrap و Foundation على تصميم سريع الاستجابة ، لذلك إذا كنت تعرف أحد هذه الأشياء ، فستكون مستعدًا.

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

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

• إدارة الحزمة: قد يكون من الصعب تنظيم جميع المكتبات والأصول وما إلى ذلك ، خاصةً للمشاريع الكبيرة أو تلك التي تعمل فيها مع فريق. استخدم مدير الحزم ، مثل Bower ، لتصنيف كل شيء والاحتفاظ بسجل لتحديثاتك.
• Yeoman.io: إذا كنت تواجه أحيانًا مشكلة في التخلص من المشروعات ، فاستخدم Yeoman للبدء بسرعة في المشروعات والحفاظ على إنتاجيتك. يتم تشغيله في سطر الأوامر.
• العدائين المهمة: استخدم Grunt أو Gulp ، والتي تعمل أيضًا على سطر الأوامر ، لضغط الملفات وتحسين سير العمل. يمكن أن تكون بمثابة مترجمين لـ Sass أو Less preprocessors ، ولديهم أيضًا مجموعة واسعة من المكونات الإضافية التي تتميز بميزات أخرى.

استنتاج

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

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