القائمة الرئيسية

الصفحات

تعرف على افضل الطرق لتكون مطور واجهة امامية محترم | Front End Dev

 تعرف على افضل الطرق لتكون مطور واجهة امامية محترم | Front End Dev

في البداية تعرف على الامور التي ستبدأ بها ومن ثم تتعمق وهي عدة امور سنقوم بسردها على شكل نقط ومع التفصيل الممل:-

1-أين تتعلم HTML و CSS في 2020؟

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

دعونا نلقي نظرة على مجموعة من الخيارات ويمكنك اختيار تلك التي تشعر أنها مناسبة لك.

يمكنك قراءة كتاب.

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

يمكنك قراءة جميع المنشورات الموجودة في دليل المبتدئين.
لدينا دليل (مجموعة من المقالات ومقاطع الفيديو والروابط) يسمى Programming. آمل أن تكون هناك أشياء يمكن أن تساعد في بدء التعلم المبكر أو زيادته لأن هذا هو الهدف.

2-بناء الأشياء. اللعب مع عناصر واجهة المستخدم (الصغيرة) شيء واحد. .

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

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

تصميم الواجهة ، الذي يركز على تخطيط وظائف الواجهات ، هو مجموعة فرعية من تصميم تجربة المستخدم ، والتي تركز على الصورة الأكبر: أي التجربة بأكملها ، وليس الواجهة فقط

اللعب مع عناصر واجهة المستخدم (الصغيرة) شيء واحد. إنشاء صفحة مقصودة فعلية أو موقع ويب شيء مختلف. في مرحلة ما ، ستبدأ في النهاية في استخدام مقتطفات JavaScript.
لا تنس أن تتحدى نفسك من خلال بناء أول عناصر سريعة الاستجابة.
لذلك هناك طريقة واحدة فقط لتصبح أفضل فيما تفعله: استمر في التعلم ، واصل البناء.
ضع هذين معًا ، ابني لتتعلم! لا توجد طريقة أفضل للتعلم من أن تتسخ يديك. من المحتمل أنك سمعت هذا مئات المرات حتى الآن ، ولكن لسبب وجيه لماذا هذه النصيحة في أغلب الأحيان.

3-أقرأ أقرأ أقرأ. .

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

من المحتمل أن تقرأ في البداية الكثير من المقالات والأدلة والكتيبات حول كيفية القيام بأشياء مختلفة. ستبدأ أيضًا في قراءة كود الآخرين.

ادمج ذلك مع كتاب جيد مثل Eloquent JavaScript ، ويمكنك تطوير لعبة البرمجة بسرعة كبيرة

4- هناك ما هو أكثر من تطوير الواجهة الأمامية من إنشاء موقع ويب

إذا اتبعت نصائحي من 1 إلى 3 ، فربما تكون قد انتهيت بالفعل من دورة تدريبية أو قرأت الكثير من البرامج التعليمية ويمكنك الآن إنشاء موقع ويب معًا.

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

أعتذر إذا كان هذا يبدو محبطًا. ولكن هذا هو الحال في الواقع.

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

5-تعرف على أدواتك

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

سيكون هناك محيط من الاحتمالات ولكن قريبًا ، ستجد نفسك تستخدم أدوات وتطبيقات معينة. ستكون إحدى تلك الأدوات بالتأكيد أدوات مطور Chrome. لماذا ا؟ لأنه يمكنك اللعب باستخدام HTML و CSS و JavaScript في الوقت الفعلي وهذا سيمنحك الملاحظات الفورية التي تحتاجها للتعلم بسرعة.
بالإضافة إلى ذلك ، توجد عقدة و npm و bower والعديد من الأدوات الممتازة لتسهيل عملك اليومي. ولا تنسى تعيين الإصدار

6- التحكم في الإصدار سينقذ حياتك.

حسنًا ، ربما يبدو هذا مبالغًا فيه بعض الشيء. لكن ثق بي في ذلك. سيوفر لك التحكم في الإصدار بعض الليالي الطوال.

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

لذا تأكد من أن تصبح خبيرًا في Git.

7-كن الوسيط

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

لهذا السبب ، إلى جانب تعلم أساسيات HTML و CSS و JavaScript ، تحتاج إلى التأكد من قدرتك على التواصل بوضوح.

8- لا تتسرع.

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

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

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

9- الغوص في أعماق الأطر

لذا ، لقد نجحت حتى هنا. مدهش!

حان الوقت الآن للمشاركة في أطر عمل معينة. ابدأ بالنظر إلى أكثرها شهرة واكتشف بنفسك سبب قيامهم بالأشياء بطريقة معينة.

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

لا تنس: في بعض الأحيان ، لا يكون استخدام إطار عمل هو الخيار الأفضل ، ولكن في معظم الأحيان يكون من المفيد معرفة المزيد عنها.

10- الانخراط في مشاريع مفتوحة المصدر

المساهمة في البرمجيات الحرة والمفتوحة المصدر على GitHub. لا تخجل من الأطر الكبيرة التي تبدو راسخة. حتى مؤلفي الإطار يخطئون.

قد تقضي معظم وقتك في قراءة التعليمات البرمجية ولكن لا تعتبرها مضيعة للوقت.

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

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

كلمات ختامية

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

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

تحتاج إلى بعض الصبر للوصول إلى هناك. التسرع لا معنى له لأنه لن يجعلك سعيدا. لا تنس أبدًا الاستمتاع أثناء التعلم والتجريب.


هل اعجبك الموضوع :

تعليقات