7 مشاريع يمكنك القيام بها لتصبح جيد في Front End.
إذا كنت جديدًا في البرمجة أو بالفعل مطورًا ذو خبرة. في هذا المجال يجب عليك تعلم مفاهيم ولغات / وأطر عمل جديدة لمواكبة التغيرات السريعة.
هنا سنقدم لك مشاريع تستخدم أطر عمل منوعة لصقل مهاراتك بشكل أفضل.
إذا كنت جديدًا في البرمجة أو بالفعل مطورًا ذو خبرة. في هذا المجال يجب عليك تعلم مفاهيم ولغات / وأطر عمل جديدة لمواكبة التغيرات السريعة.
هنا سنقدم لك مشاريع تستخدم أطر عمل منوعة لصقل مهاراتك بشكل أفضل.
-المشروع_الاول
أنشئ تطبيقًا للبحث عن الأفلام باستخدام React
أول شيء يمكن أن تبدأ به هو إنشاء تطبيق للبحث عن الأفلام باستخدام React. فيما يلي صورة لكيفية ظهور التطبيق النهائي.مع هذا المشروع سوف تتعلم التقنيات التالية:
1-API
2- React with Hooks
3- create-react-app
4- JSX
5- CSS
أنشئ تطبيقًا للبحث عن الأفلام باستخدام React
أول شيء يمكن أن تبدأ به هو إنشاء تطبيق للبحث عن الأفلام باستخدام React. فيما يلي صورة لكيفية ظهور التطبيق النهائي.مع هذا المشروع سوف تتعلم التقنيات التالية:
1-API
2- React with Hooks
3- create-react-app
4- JSX
5- CSS
يمكنك ان تتعلم خطوات بناء المشروع من الرابط التالي
freecodecamp.org
freecodecamp.org
- المشروع_الثاني
بناء تطبيق الدردشة مع Vue
مشروع رائع آخر لك هو إنشاء تطبيق دردشة باستخدام مكتبة جافا سكريبت المفضلة VueJS. مع هذا لمشروع سوف تتعلم التقنيات التالية:
• Vue Router
• Vue CLI
• Pusher
• CSS
بناء تطبيق الدردشة مع Vue
مشروع رائع آخر لك هو إنشاء تطبيق دردشة باستخدام مكتبة جافا سكريبت المفضلة VueJS. مع هذا لمشروع سوف تتعلم التقنيات التالية:
• Vue Router
• Vue CLI
• Pusher
• CSS
ولتعلم خطوات انشاء هذا التطبيق خطوة بخطوة تفضل الى الرابط التالي
sitepoint.com
sitepoint.com
- المشروع_الثالث
بناء تطبيق الطقس مع Angular 8
مع هذا المشروع سوف تتعلم التقنيات التالية:
• Angular 8
• Firebase
• Server-Side Rendering
• CSS with Grid Layout and Flexbox
• Mobile friendly & responsive
• Dark Mode
• Beautiful UI
بناء تطبيق الطقس مع Angular 8
مع هذا المشروع سوف تتعلم التقنيات التالية:
• Angular 8
• Firebase
• Server-Side Rendering
• CSS with Grid Layout and Flexbox
• Mobile friendly & responsive
• Dark Mode
• Beautiful UI
ولتعلم كيفية انشاء هذا التطبيق خطوة بخطوة تفضل الى الرابط التالي
hamedbaatour.medium.com
hamedbaatour.medium.com
المشروع_الرابع
بناء عربة التسوق الإلكترونية مع Next.js
اطار العمل Next.js له شعبية واسعة وهو يعمل مع Java Script ولتطبيق هذا المثال يجب عليك تعلم التقنيات التالية:
• Next.js
• Components and Pages
• Data Fetching
• Styling
• Deployment
• SSR and SPA
بناء عربة التسوق الإلكترونية مع Next.js
اطار العمل Next.js له شعبية واسعة وهو يعمل مع Java Script ولتطبيق هذا المثال يجب عليك تعلم التقنيات التالية:
• Next.js
• Components and Pages
• Data Fetching
• Styling
• Deployment
• SSR and SPA
ولتعلم بناء هذا التطبيق خطوة بخطوة تفضل الى الرابط التالي
snipcart.com
snipcart.com
المشروع_السادس
بناء مدونة مع غاتسبي
في هذا المشروع التعليمي ، سوف تتعلم كيفية الاستفادة من Gatsby لإنشاء مدونة رائعة يمكنك استخدامها جيدًا لكتابة مقالاتك الخاصة أثناء استخدام React و GraphQL.
مع هذا لمشروع سوف تتعلم التقنيات التالية:
• Gatsby
• React
• GraphQL
بناء مدونة مع غاتسبي
في هذا المشروع التعليمي ، سوف تتعلم كيفية الاستفادة من Gatsby لإنشاء مدونة رائعة يمكنك استخدامها جيدًا لكتابة مقالاتك الخاصة أثناء استخدام React و GraphQL.
مع هذا لمشروع سوف تتعلم التقنيات التالية:
• Gatsby
• React
• GraphQL
• Plugins & Themes
• MDX / Markdown
• Bootstrap CSS
• Templates
ولتعلم كيفية انشاء مدونة على Gatsby خطوة بخطوة تفضل الى الرابط التالي
github.com
• MDX / Markdown
• Bootstrap CSS
• Templates
ولتعلم كيفية انشاء مدونة على Gatsby خطوة بخطوة تفضل الى الرابط التالي
github.com
المشروع_السابع
بناء مدونة على Gridsome
هو موقع رائع سيساعدك على إنشاء مدونات رائعة:
ولتعلم هذا المشروع خطوة بخطوة سوف تتعرف على الاشياء التالية:
• Gridsome
• Vue
• GraphQL
• Markdown
• Netlify
لتعلم هذا المشروع خطوة بخطوة تفضل الى الرابط التالي
telerik.com
بناء مدونة على Gridsome
هو موقع رائع سيساعدك على إنشاء مدونات رائعة:
ولتعلم هذا المشروع خطوة بخطوة سوف تتعرف على الاشياء التالية:
• Gridsome
• Vue
• GraphQL
• Markdown
• Netlify
لتعلم هذا المشروع خطوة بخطوة تفضل الى الرابط التالي
telerik.com
جاري تحميل الاقتراحات...