Ionic 5+跨端手机应用APP开发入门到进阶外卖送餐APP项目实战视频教程

wrp/源码 3年前 0 4 1748

课程介绍

Ionic 是您目前应该学习的最令人兴奋和不断发展的技术之一。它使您能够使用一个代码库（用 HTML、JS 和 CSS 编写）为 iOS 和 Android 构建领先的跨平台移动应用程序（原生移动应用程序），以及渐进式 Web 应用程序 (PWA)

本课程将逐步向您介绍 Ionic，并逐渐添加越来越多的 Ionic 组件。它从头开始教你最新版本的 Ionic，不需要任何先验知识。

Angular 允许您创建由 TypeScript / JavaScript 提供支持的出色 Web 应用程序。我们将使用它来构建可编译为本地移动应用程序、在任何 iOS 或 Android 设备上运行的 Web 应用程序，还会教您同时使用相同的代码库构建渐进式 Web 应用程序。

Ionic 框架允许您使用现有的 Angular、HTML、JS 和 CSS 知识构建原生移动应用程序。Ionic 提供了许多漂亮的组件（您将在本课程中学习），可用于创建类似本机的用户界面 (UI)。

Capacitor（由 Ionic 团队提供的工具）将用于基于您的代码构建适用于 iOS/Android 的本机移动应用程序。这允许您在所有可能的设备（桌面和移动设备）上发布您的应用程序，而无需学习许多不同的语言！因此，使用 Ionic，您可以使用一个代码库来创建 3 种不同的应用程序（iOS、Android、Web）。

难怪像 Ionic 这样的混合框架非常受欢迎，并且每天都在受到高需求！

我的名字是 Nikhil Agarwal，我是一名专业的网络和应用程序开发人员。我喜欢创建具有挑战性和惊人的出色应用程序。

本课程将带您从新手（零）到制作应用程序的专家（高级），走非常注重实践的路线。首先，您将获得所有基础知识，同时您将构建一个应用程序来使用主要的 Capacitor 插件和有关 Ionic 的一些基本概念。在 Ionic 的基础知识中，您将了解其丰富的组件库、如何获取和处理用户输入、如何存储数据和访问本机设备功能等等！在掌握所有基础知识后，您将在本课程中构建一个真实的应用程序（类似于 Swiggy / Zomato / Uber-Eats）。

您将深入了解所有重要的 Ionic 组件和概念，例如导航、用户输入、本机设备功能（例如相机、地理定位、呼叫、联系人、本地通知、共享等）、存储、http、身份验证！

而且由于构建应用程序只是乐趣的一部分，您当然还将学习如何在浏览器、模拟器或您自己的设备上运行您的应用程序！

这是您将在本课程中学习的内容的简要概述？

– 如何在 Windows & MAC & 中为 Ionic 项目设置环境

– 如何在适用于 iOS 和 Android 的模拟器、模拟器和真实设备中运行本机应用程序。此外，使用所有调试工具在浏览器中测试应用程序

– 有关 Ionic 的基础知识 – 导航如何工作，您的项目如何构建以及您如何使用其丰富的组件库

– 如何使用 Ionic 提供的许多漂亮的组件

– 如何使用模态、警报、吐司和许多更有用的 UI 组件

– 如何通过输入、文本字段、下拉菜单、对话框等获取和处理用户输入。

– 如何验证用户和访问网络服务器来存储和加载数据

– 如何为 PWA 和本机移动应用程序使用不同的 Capacitor 插件（也使用 Capacitor v2 和 Capacitor v3）

– 干净的编码实践以及应用程序样式和主题

– ＆还有很多

最后，您将学习如何配置您的应用程序并将其发布到 App Store 或 Google Play Store（或作为渐进式网络应用程序PWA）。

您将学到什么：

使用 Angular 和 Capacitor
构建Swiggy / Zomato / Uber-Eats 等外卖应用程序（包括同一应用程序中的客户应用程序和管理面板）使用 Angular 和 Ionic 的强大功能构建适用于 iOS 和 Android 的原生应用程序与 Capacitor 一起提供
学习使用 Capacitor v2 构建本机应用程序和渐进式 Web 应用程序并学习将所有插件升级到 Capacitor v3
学习 Ionic 的基本原理以及高级功能
学习使用不同的 Capacitor 插件（也与 Cordova 一起使用）并解决所有遇到的问题其中的问题在
真实设备（包括模拟器和模拟器）上测试 iOS 和 Android 应用程序并将这些应用程序发布到各自的商店（App Store 和Google Play 商店）
清洁编码最佳方法
Firebase Cloud Firestore 和 Cloud Storage（以及设置安全规则）