|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/ionic-angular/
课程评论:没有评论
课程名称:Ionic 4 Angular - 构建Web应用、原生安卓和iOS应用 课程概述:本课程旨在教会学员如何使用Ionic 4与Angular框架进行跨平台应用开发,您将能通过“一次编写,随处运行”的方式创建渐进式Web应用(PWA)、安卓和iOS应用。 Angular简介:Angular是一个便捷的应用开发平台,结合了声明式模板、依赖注入、全方位工具支持和集成最佳实践,帮助开发者应对各种开发挑战,使他们能够创建在Web、移动或桌面上运行的应用。 Ionic框架简介:Ionic是一个开源用户界面工具包,使用HTML、CSS和JavaScript构建高性能、高质量的移动和桌面应用。Ionic专注于前端用户体验,提供易于学习的组件,并能与其他库或框架良好集成。 Ionic框架优势: - 跨平台:只需一份代码,即可构建并部署适用于iOS、Android、桌面和Web的应用。 - 基于Web标准:使用可靠的标准化Web技术,使Ionic组件具有稳定的API。 - 精美设计:提供预设计组件、排版和互动范式,跨平台显示效果良好。 - 简单易学:以简约为设计原则,降低学习门槛。 - Ionic CLI:官方命令行工具,可快速生成Ionic应用并提供多种开发命令。 在课程中,你将学习: - 将Ionic应用部署为独立服务器上的Web应用(如Node.js)。 - 将Ionic应用部署至真实的安卓设备。 - 修改应用图标及启动画面。 - 更改应用状态栏颜色和多任务视图中的标题颜色。 - 更改应用名称、包名和版本管理。 - 在安卓模拟器中运行应用。 - 使用Ionic CLI及Ionic Lab。 - 了解Ionic项目结构、主题设计。 - 使用Angular HttpClient模块进行API调用与数据集成。 - 响应式设计与Ionic Grid的应用。 - 创建新页面/组件,理解Angular懒加载、路由等。 - 使用Ionic Storage模块存储和管理数据。 - 与REST API结合,制作APK签名包等。 本课程为开发者提供全方位的知识,以便于掌握构建现代跨平台应用的技能。
Write once, run anywhere: Ionic 4 With Angular Framework. Build PWA, Android, Ios Apps. What is Angular?Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop What is Ionic Framework ?Ionic Framework is an open source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies (HTML, CSS, and JavaScript).Ionic Framework is focused on the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations). It's easy to learn, and integrates nicely with other libraries or frameworks, such as Angular, or can be used standalone without a frontend framework using a simple script include. Advantages of Ionic Framework: ♦ Cross-platformBuild and deploy apps that work across multiple platforms, such as native iOS, Android, desktop, and the web as a Progressive Web App - all with one code base. Write once, run anywhere. ♦ Web Standards-basedIonic Framework is built on top of reliable, standardized web technologies: HTML, CSS, and JavaScript, using modern Web APIs such as Custom Elements and Shadow DOM. Because of this, Ionic components have a stable API, and aren't at the whim of a single platform vendor.♦ Beautiful DesignClean, simple, and functional. Ionic Framework is designed to work and display beautifully out-of-the-box across all platforms. Start with pre-designed components, typography, interactive paradigms, and a gorgeous (yet extensible) base theme.♦ SimplicityIonic Framework is built with simplicity in mind, so that creating Ionic apps is enjoyable, easy to learn, and accessible to just about anyone with web development skills. ♦ Ionic CLIThe official Ionic CLI, or Command Line Interface, is a tool that quickly scaffolds Ionic apps and provides a number of helpful commands to Ionic developers. In addition to installing and updating Ionic, the CLI comes with a built-in development server, build and debugging tools, and much more.You will learn the following things in course:♦ Deploying Ionic App as a Web App To Standalone Server ( Node.js For example ).♦ Deploy Ionic App To Real Native Android Device.♦ Add/Update/Change App Icon and Splash Screen.♦ Change App Status Bar Color and Header Color in Multitask View. ♦ Change App Name, Package Name and Versioning of Native Apps. ♦ Running App Inside Android Emulator. ♦ Ionic CLI.♦ Ionic Lab.♦ Ionic Project Structure.♦ Theming Ionic App.♦ Ion Card Component.♦ Angular HttpClient Module.♦ API call using HttpClient Module.♦ Integrate data from API with UI.♦ Responsive design with Ionic Grid.♦ Ionic Split Pane View.♦ Ionic Spinner.♦ Ionic Pull Down To Refresh.♦ Ion Select Component.♦ Applying ngModel and ngModelChange on ion select component.♦ Angular LazyLoading, Routing, and Routing Params Explained.♦ Generating new pages/component.♦ Ionic Storage Module: ['sqlite', 'indexeddb', 'websql', 'localstorage'].♦ Storing, Fetching and removing data from Ionic Storage Module. ♦ Ionic with REST API.♦ Signing APK with Keystore.♦ and more.