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

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

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

ابدأ بتعلم HTML & CSS

HTML & CSS هو الكتلة الأساسية لتطوير الواجهة الأمامية. يجب أن تكون خبيرا في هاتين اللغتين. الشيء الجيد هو أن الأمر سيستغرق أسبوعين فقط لفهم الأساسيات وبدء الأمور. هناك عدد من المواقع الإلكترونية التي ستساعدك في تعلم HTML و CSS. يمكنك تجربة LearnShayHowe.com أو Codecademy.

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

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

انتقل لأسفل إلى JavaScript

تطوير الواجهة الأمامية هو أكثر من مجرد بناء مواقع.

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

وفقًا لمسح StackOverflow ، تعد JavaScript هي أشهر لغات البرمجة في عام 2018.

StackOverflow - لغات البرمجة الأكثر شعبية في عام 2018

يمكنك تعلم JavaScript من Codecademy أو مستندات Mozilla أو Javascript.info. إذا كنت شخصًا يحب القراءة من الكتاب ، فسيكون EloquentJavaScript اختيارًا رائعًا.

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

تعلم مسج

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

يمكنك تعلم jQuery من Udacity Free course - تعلم Jquery مجانًا

ابدأ في استخدام أطر العمل الأمامية مثل Bootstrap

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

Git (نظام التحكم في الإصدار)

تستخدم أساسا للتعاون شفرة المصدر.

ستوضح لك قائمة التشغيل هذه على موقع يوتيوب خلال أقل من 30 دقيقة - شاهد الآن (تم تصميمه بواسطة CodeSchool التي حصلت عليها Pluralsight عام 2018)

بمجرد الانتهاء من Git ، استكشف عددًا قليلاً من أطر عمل JavaScript مثل AngularJS و ReactJS و VueJS وإنشاء تطبيق ويب باستخدام REST API. قبل البدء في العمل على الأطر ، تأكد من فهمك الجيد لجافا سكريبت.

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

هذه المعلومات الرسومات قد تساعدك -

كيف تصبح مطورًا أماميًا - https://internstreet.in/learn/front-end-development

إذا كنت مهتمًا بتعلم "تطوير الواجهة الأمامية" بتعمق ، فيمكنك تجربة دورة تدريبية بقيادة الموجهين التي تقدمها InternStreet - كن مطورًا متقدمًا مع توجيه واحد من خبراء الصناعة.