بناء موقع إحصاءات كورونا من الصفر حتى الاطلاق (Vue3+Api+BS5)

بناء موقع من الصفر حتى الاطلاق يعرض احدث إحصاءات كورونا - باستخدام Vue3 + Bootstrap5 + Api ومن ثم اطلاقه على heroku

Ratings: 4.38 / 5.00




Description

بناء موقع من الصفر حتى الاطلاق يعرض احدث إحصاءات كورونا

---------------------------------------------------------------------------------------

: باستخدام

  • Vue3

  • Bootstrap5

  • Api

وسنقوم بإطلاق الموقع على استضافة هيروكو المجانية.


محتويات الدورة :

                                                                                                         

  1. مقدمة


  2. تنصيب vue3 وبناء تطبيق وتجهيز البيئة

    • انشاء تطبيق باستخدام vue CLI

    • إضافة Vue-router

    • تضمين Bootstrap5

    • تنسيق الصفحة واضافة NavBar

                                                                                                             

  3. تجهيز الـ API وجلب البيانات وعرضها على الصفحة

    • التعرف على موقع Radidapi وإيجاد Api خاص بإحصاءات كورونا

    • تنصيب مكتبة Axios واعدادها ضمن المشروع

    • جلب البيانات الأساسية وعرضها على الصفحة بشكل منسق

                                                                                         

  4. جلب البيانات الخاصة بالبلدان وعرضها ضمن جدول

    • تصميم جدول باستخدام Bootstrap من اجل عرض البيانات

    • مخاطبة Api خاص بالبلدان وجلب البيانات وعرضها ضمن الجدول

    • إضافة رسالة أثناء جلب البيانات


  5. تجهيز صفحة افحص نفسك

    • وضع خطة لتحويل بروتوكول الفحص لشكل برمجي

    • تجهيز الأسئلة وتنسيقها

    • إضافة عملية الفحص وعرض النتيجة كنافذة


  6. اطلاق الموقع على heroku

    • إضافة Footer للموقع.

    • اعداد المشروع للرفع على heroku

    • ربط المشروع مع مستودع الـ GitHub

-------------------------------------------------------------------

Vue.js:

هو اطار عمل مبني على لغة جافا سكريبت وموجه لمصممي الواجهات

(Front-End Developers) ,
تكمن روعة وأهمية هذا الاطار بإمكانية عمل مواقع كاملة من صفحة واحدة عبر دمج عدة مكونات مع بعضها البعض لتحقيق واجهة متكاملة و مضاف اليها ميزات عدة تحتاج ربما مئات السطور باستخدام جافا سكريبت العادية .


Bootstrap :

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


What You Will Learn!

  • استخدام vue3 في بناء موقع
  • مخاطبة Api باستخدام مكتبة Axios
  • استخدام bootstrap5 في التنسيق
  • اطلاق موقع على استضافة heroku

Who Should Attend!

  • web developer
  • مطور ويب