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

إليك بعض الموارد التي تشجعك على تحسين مهاراتك من خلال بناء المشاريع:

Mentor Frontend

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

hackerrank

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

تشمل منصات مماثلة: Codewars ، ChallengerCooce ، CodeSignal ، TopCoder (يجب أن يعجب VCs هذا النموذج كثيرًا).

coderbyte

يقدم CoderByte أيضًا خططًا مدفوعة الأجر مصممة لتحسين مهارات المقابلة الخاصة بك من خلال أسئلة التحدي.

سيناريو نموذجي: في بعض الأحيان يكون موقع الويب منتجًا ، وأنت عميل ؛ في بعض الأحيان تكون شركة التوظيف عميلًا ، وأنت منتج.

حاول إعادة إنتاج عمل Dribbble

الطريقة الكلاسيكية: ابحث عن مقالتك المفضلة على Dribbble وحاول إعادة إنتاجها. @keyframers تفعل هذا في كثير من الأحيان. يستخدم موقع ممارسة تيم إيفكو لتحديد أعمال Dribbble بشكل عشوائي (وكذلك مشكلات GitHub وتحديات الترميز) بالنسبة لك ، ولكن يبدو أن قسم Dribbble خارج الخدمة في الوقت الحالي ، وما زالت الميزات الأخرى متوفرة!

لقد قام مات ديلاك بتمارين مماثلة في الماضي. شاركت Indrek Lasn أيضًا مقالات مماثلة في المتوسط.

نادي تحديات الطرف الأمامي

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

تحديات CodePen

يقوم Codepen بإطلاق التحديات كل أسبوع ، ويقدم موضوعات (وكذلك الأفكار والموارد) التي يمكنك تشغيلها بحرية. تحدي مريح وممتع.

100 يوم من تحدي CSS

ابتكر Matthias Martin تحدي CSS لمدة 100 يوم. جميع التحديات والإدخالات واضحة للجمهور - بالطبع ، النقطة المهمة هي محاولة إكمال التحدي بنفسك.

Daily UI

يوفر تحدي واجهة المستخدم اليومية تحديًا جديدًا كل يوم (مجاني). كثير من الناس يستخدمون التعليمات البرمجية لإكمال هذه التحديات.

FrontLoops

تقدم FrontLoops 30 تحديًا مع المعلومات والاقتراحات والمواد والحلول مقابل 19 دولارًا.

cssbattle

إذا كنت ترغب في تقليد التصميمات مع أقل قدر ممكن من الكود ، فستكون CSSBattle مثالية لك.

يكتب برامج مع رمز موجز قدر الإمكان يسمى "Code Golf" وهناك أيضًا مواقع تحدي متخصصة.

Ace Front Hind

يقدم Ace Front Lind تحديات تركز على HTML الأصلي ، CSS ، و JavaScript.

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

Codier

يوفر Codier تحديات مفتوحة ، بما في ذلك الحلول التي نشرها المستخدمون الآخرون.

Rendezvous مع Cassidoo

تحتوي النشرة الإخبارية الأسبوعية لـ Cassidy على تحد في كل قضية.

Rina Diane Caballar يقتبس Tim في حدود CSS الممتدة:

يوصي

بالحمل بدءًا من الكائنات الواقعية-مثل واجهة وحدة تحكم اللعبة أو آلة حاسبة-ومحاولة إعادة إنتاجها باستخدام CSS فقط. وقال: "هناك طريقة جيدة لدفع الحدود بلغة ما هي إنشاء شيء لم يكن يجب أن تفعله هذه اللغة".