|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/consuming-apis-with-angular/
课程评论：没有评论
### Coursera 课程总结：使用 Angular 消费 API 本课程将指导学员如何构建一个 Angular 应用程序，该程序能够消费来自 API 的用户信息。课程内容全面，涵盖了从创建 API 到在 Angular 应用中有效地消费 API 的各个环节。 **核心学习内容:** * **API 的创建与定义:** 学习如何从零开始创建 API，定义 API 接口，并通过 HTTP 暴露 API 端点。 * **HTTP 请求处理:** 掌握如何处理 HTTP 请求，包括文件上传等复杂操作。 * **API 端点测试:** 使用 Postman 等 HTTP 客户端对 API 端点进行有效的测试。 * **Angular 应用开发:** * **Angular CLI:** 学习使用 Angular 命令行工具 (Angular CLI) 来初始化、开发、脚手架和维护 Angular 应用程序。 * **Angular 组件:** 理解并实践 Angular 组件的核心概念，包括模板 (HTML)、类 (TypeScript)、CSS 选择器和样式。 * **HTTPClient 服务:** 学习使用 Angular 的 HttpClient 服务类来与服务器进行 HTTP 通信，获取或上传数据。 * **路由 (Routing):** 掌握路由机制，实现单页应用 (SPA) 中的页面切换和导航。 * **Angular Resolver:** 学习使用 Angular Resolver 预取数据，从而提升用户体验，确保在导航到组件前数据已准备就绪。 * **UI 构建与集成:** * **Bootstrap:** 使用 Bootstrap 构建用户界面 (UI) 组件，实现美观且响应式的界面设计。 * **Random User API:** 利用 Random User API 获取用户数据。 * **Leaflet Map API:** 将获取的用户位置信息显示在地图上，集成 Leaflet Map API。 **课程特点:** 本课程内容精炼，重点在于构建一个实际的 Angular 应用程序，该应用程序能够与外部 API 进行交互，并呈现用户数据。通过结合 Bootstrap、Random User API 和 Leaflet Map API，学员将获得将前端技术与现有 API 服务相结合的宝贵实践经验。
In this course, you will learn and understand how to create an Angular application that will consume user information from an API. This course teaches how to use create an API from scratch. This course also dives into defining and creating API, exposing API Endpoints over HTTP, and handling HTTP Requests and File Upload through API Endpoints. It covers testing API Endpoints (using an HTTP client - Postman).This course is short and focuses only building the Angular application that uses Bootstrap to build the UI components, using the Random User API to fetch the user information, and showing user location on a map using the Leaflet Map API.In this course, you will learn and understand how to create an Angular application using the Angular CLI. TThe Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications directly from a command shell.This course teaches how to use create and work with Angular components. Components are the main building block for Angular applications. Each component consists of:An HTML template that declares what renders on the pageA TypeScript class that defines behaviorA CSS selector that defines how the component is used in a templateOptionally, CSS styles applied to the templateMost front-end applications need to communicate with a server over the HTTP protocol, to download or upload data and access other back-end services. Angular provides a client HTTP API for Angular applications, the HttpClient service class.Routing is crucial to any application. In a single-page app, you change what the user sees by showing or hiding portions of the display that correspond to particular components, rather than going out to the server to get a new page. As users perform application tasks, they need to move between the different views that you have defined. This course will show examples how the Angular Router.Angular Resolver is used for pre-fetching some of the data when the user is navigating from one route to another. It can be defined as a smooth approach for enhancing user experience by loading data before the user navigates to a particular component. An example is built in this course to show a practical use case for Resolvers.
