|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/vue3apibs5/
课程评论：没有评论
**课程名称：** 从零到上线：Vue3+API+BS5 驱动的疫情统计网站构建 **课程概述：** 本课程将带你一步步从零开始，使用 Vue3、Bootstrap 5 和 API 构建一个实时展示最新疫情统计数据的网站，并最终将网站部署到 Heroku 免费主机上。 **课程内容亮点：** * **Vue3 入门与环境搭建：** 学习 Vue3 的基础知识，安装 Vue3 并搭建开发环境，使用 Vue CLI 创建项目。 * **前端路由与 UI 组件：** 集成 Vue-router 实现页面导航，引入 Bootstrap 5 快速进行页面美化，包括 NavBar 的设计。 * **API 集成与数据展示：** * 了解 Radidapi 网站，找到疫情统计相关的 API。 * 安装和配置 Axios 库进行 API 请求。 * 获取并格式化展示基础疫情数据。 * 针对各国数据，创建表格并使用 Bootstrap 排列，展示各国疫情详情。 * 在数据加载时添加Loading提示。 * **“自我检测”功能实现：** * 规划自我检测功能的逻辑。 * 设计和格式化检测问题。 * 实现检测流程，并以弹窗形式展示检测结果。 * **网站部署与上线：** * 为网站添加 Footer。 * 准备项目以部署到 Heroku。 * 将项目与 GitHub 仓库关联，实现代码管理与部署。 **技术栈介绍：** * **Vue.js:** 一个基于 JavaScript 的前端框架，专注于组件化开发，能够高效构建单页应用（SPA），大大简化复杂前端交互的实现。 * **Bootstrap:** 一个免费开源的前端开发框架，提供丰富的预设样式和组件（如文本、表单、按钮、导航栏等），以及可交互的插件，帮助快速构建美观响应式的网站。 **目标学员：** 对前端开发感兴趣，希望学习如何使用 Vue3、Bootstrap 5 和 API 构建完整网站并完成部署的开发者。
بناء موقع من الصفر حتى الاطلاق يعرض احدث إحصاءات كورونا--------------------------------------------: باستخدام Vue3 Bootstrap5 Api وسنقوم بإطلاق الموقع على استضافة هيروكو المجانية.محتويات الدورة: مقدمةتنصيب vue3 وبناء تطبيق وتجهيز البيئةانشاء تطبيق باستخدام vue CLIإضافة Vue-routerتضمين Bootstrap5تنسيق الصفحة واضافة NavBar تجهيز الـ API وجلب البيانات وعرضها على الصفحةالتعرف على موقع Radidapi وإيجاد Api خاص بإحصاءات كوروناتنصيب مكتبة Axios واعدادها ضمن المشروعجلب البيانات الأساسية وعرضها على الصفحة بشكل منسق جلب البيانات الخاصة بالبلدان وعرضها ضمن جدولتصميم جدول باستخدام Bootstrap من اجل عرض البياناتمخاطبة Api خاص بالبلدان وجلب البيانات وعرضها ضمن الجدولإضافة رسالة أثناء جلب البياناتتجهيز صفحة افحص نفسكوضع خطة لتحويل بروتوكول الفحص لشكل برمجيتجهيز الأسئلة وتنسيقهاإضافة عملية الفحص وعرض النتيجة كنافذةاطلاق الموقع على herokuإضافة Footer للموقع.اعداد المشروع للرفع على herokuربط المشروع مع مستودع الـ GitHub----------------------------------Vue.js: هو اطار عمل مبني على لغة جافا سكريبت وموجه لمصممي الواجهات (Front-End Developers) , تكمن روعة وأهمية هذا الاطار بإمكانية عمل مواقع كاملة من صفحة واحدة عبر دمج عدة مكونات مع بعضها البعض لتحقيق واجهة متكاملة و مضاف اليها ميزات عدة تحتاج ربما مئات السطور باستخدام جافا سكريبت العادية.Bootstrap:هو إطار عمل حر ومفتوح المصدر لتصميم مواقع وتطبيقات الويب. يحتوي على قوالب جاهزة لتنسيق النصوص والنماذج والأزرار وشرائط التنقل وغير ذلك من عناصر الواجهة الرسومية؛ إضافةً إلى ملحقات اختيارية تساعد في إنشاء العناصر التفاعلية.
