التدرب هو مفتاح الاحتراف في كل المجالات و خاصة عندما يتعلق ذلك بالبرمجة و التطوير. لكن قد تتساءل ماهي المشاريع التي يجب على العمل عليها كمطور واجهات للوصول إلى الاحتراف؟
لحسن الحظ يوجد العديد من الأمثلة و الاجابات على سؤالنا منتشرة على الأنترنت. اخترت اليوم واحدا منها (تجدون رابط المقال الأصلي في آخر المقال).
1- بناء تطبيق للبحث عن الأفلام باستعمال اطار عمل React
سيفيدك هذا المشروع في تطوير مهاراتك في React و التعامل مع API خاص بالأفلام, إضافة الى تقوية نفسك في ال Css
صورة للمشروع النهائي:
2- بناء تطبيق شات باستعمال Vue
ببساطة هذا المشروع سيعطيك نظرة عامة حول التعامل مع Vue.js ابتداءا من تجهيز المشروع الى الإطلاق
صورة للمشروع النهائي:
3- بناء تطبيق جميل للطقس باستعمال Angular 8
هذا التطبيق سيعطيك نظرة حول استعمال Angular مع التأكيد على الواجهة من البداية الى النهاية
صورة للمشروع النهائي:
4- بناء لائحة مهام أو Todo باستعمال Svelte
اطار عمل Svelte يعتبر جديد في ساحة الفرونت لكن يمكن أن يصير التراند في 2020 لذلك تطبيق Todo سيفيدك لأخذ فكرة عن الإطار
صورة للمشروع النهائي:
5- بناء سلة مشتريات لمتجر الكتروني باستعمال Next.js
اطار عمل Next.js هو أشهر اطار لبناء تطبيقات React بسهولة و بسرعة و الذي يتيح لك استعمال خاصية SSR الجاهزة
صورة للمشروع النهائي:
6- بناء موقع للتدوين متعدد اللغات باستعمال Nuxt.js
ببساطة تامة Nuxt.js يقوم بنفس ما يقوم به Next.js لكن باستعمال ال Vue هاته المرة
صورة للمشروع النهائي:
7- بناء مدونة باستعمال Gatsby
مولدات المواقع الثابتة أو Static site generator ستفيدك جدا في مجالك كمطور للفرونت لذلك لا تنسى أن تأخذ الوقت لاستعمالها في مشروع ما
صورة للمشروع النهائي:
8- بناء مدونة باستعمال Gridsome
يتميز Gridsome و Gatsby بنفس الخاصية و هي أنهما يتيحان لك استعمال ال GraphQL لذلك ستكون هاته فرصة لك للتعامل و الاعتياد عليه
صورة للمشروع النهائي:
9- بناء موقع مشابه ل Soundcloud باستعمال Quasar
يعتبر Quasar اطار عمل لبناء تطبيقات Vue و لكن ما يتيحه اضافة الى تطبيقات الويب هو أنه يمكنك من بناء تطبيقات الموبايل أيضا
صورة للمشروع النهائي:
في الأخير…
الحقيقة أنه مهما كانت المشاريع التي تعمل عليها فانها ستفيدك في تطوير نفسك. المهم هو أن تواصل التدرب و التطبيق و تحديد أهدافك حسب ما تراه مناسبا بين متطلبات السوق و التقنيات الحديثة
المقال الأصلي: dev.to/simonholdorf/9-projects-you-can-do-to-become-a-frontend-master-in-2020-n2h