كل ما تحتاج إلى معرفته لتصبح مطورًا للواجهة الأمامية

كل ما تحتاج إلى معرفته لتصبح مطور ويب أمامي!

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

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

أخيرًا ، إذا لم تكن متأكدًا بنسبة 100٪ مما إذا كان تعلم البرمجة أمرًا تريد تجربته ، فإليك 10 أسباب تجعلك تتعلم البرمجة.

ماذا يفعل مطور الواجهة الأمامية

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

1. مطور الواجهة الأمامية. هذا الشخص (يسمى أيضًا مطور الويب الأمامي أو مهندس الواجهة الأمامية) هو مطور ويب يعمل مع الواجهة الأمامية لمواقع الويب وتطبيقات الويب ، والتي تتضمن كل ما يراه المستخدم ويستخدمه في متصفح صفحة الويب. عادة ما يركز مطورو الواجهة الأمامية على التصميم.
2. المطور الخلفي. هذا الشخص مسؤول عن الواجهة الخلفية أو جانب الخادم لمواقع الويب وتطبيقات الويب. النهاية الخلفية هي المكان الذي يتم فيه معالجة جميع البيانات وتحديثها. عادة ما يكون مطورو النهاية الخلفية مفكرين منطقيين.
3. مطور كامل المكدس. هذا الشخص هو نينجا خاص ماهر في كل من الواجهة الأمامية والخلفية. إذا كنت تستمتع بالعمل مع "الأشياء الجميلة" بالإضافة إلى الأشياء "فائقة التقنية" ، فقد تكون هذه الوظيفة مناسبة لك…

أيضًا ، منذ زمن بعيد في مجرة ​​بعيدة جدًا… كان هناك عنوان يعرف باسم Web Designer. لم يكن مصمم الويب مضطرًا حقًا إلى التعامل مع تعلم البرمجة على الإطلاق ، وكان يركز فقط على جوانب تصميم صفحات الويب.

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

لا تزال هناك بعض الوظائف المتاحة لمصممي الويب ، لكن معظم مصممي الويب يحاولون تعلم البرمجة للحصول على فرص ودفع وأمان وظيفي أفضل. من نواحٍ عديدة ، يمكن النظر إلى وظيفة مطور الواجهة الأمامية كمصمم ويب يتقن لغة برمجة ، ربما JavaScript.

HTML هو الهيكل الأساسي لصفحات الويب ، و CSS هو الجلد ، و JavaScript هو العقل.

إتقان الأساسيات

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

• HTML: هذا هو أول لبنة أساسية لجميع صفحات الويب ، فهو يعطي بنية لصفحات الويب. HTML هي لغة ترميز ، لكنها ليست لغة برمجة كاملة ، بل هي لغة ترميز. تسمح لك لغات الترميز "بترميز" النص لأغراض المعالجة.
• CSS: هذه هي اللبنة الأساسية الثانية لجميع صفحات الويب ، وهي مسؤولة عن "الشكل والمظهر" لصفحات الويب. CSS أيضًا ليست لغة برمجة.
• جافا سكريبت: هي لبنة البناء الثالثة وأول لغة برمجة فعلية يتعلمها معظم مطوري الويب. يعمل JavaScript في متصفح الكمبيوتر ، ويسمح بوظائف صفحة الويب.

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

يمكنك البدء في تعلم البرمجة الآن عن طريق أخذ دورة تدريبية مكثفة في HTML بواسطة براد ترافيرسي ، وهو WHIZ في تدريس تقنيات تطوير الويب:

أدوات تطوير الويب الأساسية

• محرر النصوص: نكتب كودًا باستخدام محرر نصوص ، وتحتاج إلى اختيار واحد والتعرف جيدًا على جميع قدراته. تتضمن بعض برامج تحرير النصوص الشائعة اليوم: Atom و Sublime Text و Brackets و Visual Studio Code و MS Notepad و Mac Text Edit.
• أدوات مطور المستعرض: تم تجهيز كل من Google Chrome و Mozilla Firefox بأدوات مطور داخلية تتيح لك عرض رمز أي موقع ويب في متصفحك ومعالجته.
• هذه الأدوات جيدة لأغراض التصحيح ، وبالطبع… أنت الوحيد الذي يمكنه رؤية التغييرات التي تجريها على الموقع باستخدام أدوات المطور ، لأنك تتلاعب بالموقع فقط كما يظهر داخل متصفحك.
• أنظمة التحكم في الإصدار: تسمح لك أنظمة التحكم في الإصدار بإدارة التغييرات على مشروعات الويب الخاصة بك. يتيح لك ذلك الرجوع إلى إصدارات مختلفة من المشروع دون التدخل في المشروع المنشور حتى تتقن المشروع الذي تعمل عليه. هناك العديد من أنظمة التحكم في الإصدار قيد الاستخدام ، ولكن Git هو الأكثر انتشارًا.
• Command Line (Terminal): مطلوب إتقان شامل لسطر الأوامر لتطوير الويب الاحترافي. يبدو سطر الأوامر مخيفًا ، لكنه يجعل تحميل حزم البرامج الجديدة أمرًا سهلاً ، كما أنه يجعل من السهل جدًا التنقل عبر الملفات والمجلدات. يمكنك تعلم إتقان سطر الأوامر في يوم واحد.

تقنيات دعم تطوير الويب الأساسية

• معالج CSS الأولي: تجعل هذه التقنية كتابة CSS وصيانتها أمرًا سهلاً. إلى حد بعيد ، فإن أكثر معالجات CSS شيوعًا هي SASS ، ويمكن تعلمها في يوم واحد
• CSS Frameworks: عندما يتعلق الأمر بجعل مهام CSS المعقدة تستغرق وقتًا أقل في الإنشاء ، فإن إطار عمل CSS الذي ستحتاج إلى معرفته هو Twitter Bootstrap.
• CSS Flexbox & CSS Grid: كلاهما من تخطيطات نموذج الويب CSS التي تساعد بشكل كبير في جعل صفحات الويب الخاصة بك تستجيب للأجهزة المحمولة.
• تجميع أدوات: Webpack و Browserify مع الجرعة تستخدم لتحميل صفحة المساعدة بشكل أسرع في المتصفح. تعمل هذه الأدوات على تصغير المحتوى الخاص بك أو تقليصه للحصول على أوقات تحميل أسرع.
• مكتبات وأطر عمل JavaScript: تسمح لك المكتبات والأطر بإضافة تفاعلات JavaScript إلى صفحات الويب بسرعة وسهولة أكبر وكفاءة أكبر. كما أنها تساعد في تبسيط الجوانب الأكثر تعقيدًا لجافا سكريبت. تتضمن بعض المكتبات والأطر المشهورة: JQuery و React و Angular.

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

إذا كنت بحاجة إلى تعلم أكثر شمولاً ، فيمكن تعلم كل هذه الأدوات مقابل لا شيء باستخدام موارد التعلم عبر الإنترنت مثل Team Treehouse. هناك أيضًا دورات فردية متاحة ، مثل الدورة التدريبية الكاملة لتطوير الواجهة الأمامية أو Modern React on Udemy.