KnowledgeCity

Angular 入门

学习 Angular 框架的基础知识。
免费观看第一课 — 获取全部 39 节课程的完整访问权限。

To view this video please enable JavaScript.

课程:按需
初级  提供者 Michaela Ochnich  10 章节 ·  39 课时 ·  2h 4m  语言:阿拉伯语, 德语, 英语, 西班牙语, 法语, 葡萄牙语, 简体中文 

课程描述

本课程介绍 Angular 框架的基础知识。它讨论了 Angular 应用程序及其项目文件的结构。它还演示了如何使用 CLI 创建应用程序并介绍构建它们所需的组件、模块和服务。

您将学习如何使用指令动态更改 DOM,以及如何使用管道来格式化数据以显示给用户。您还将学习如何使用数据绑定在组件模板和类之间传输信息。此外,您还将了解如何设置基本路线以及在开发过程的早期使用 Typescript 捕获错误。在本课程结束时,您将能够创建一个响应用户输入的简单前端应用程序。

学习目标

  • 了解 Angular 应用程序的结构
  • 了解如何使用指令动态更改 DOM
  • 了解如何使用数据绑定在控制器和视图之间交换信息
  • 知道如何为应用程序配置路由
  • 了解Typescript的基础知识

技能

  • Angular组件创建
  • Angular模块创建
  • Angular服务创建
  • Angular应用程序创建
  • Angular CLI
  • 注入服务
  • 管道
  • 数据格式化
  • 指令
  • 数据绑定
  • 路线创建

您将学到的内容

  • 了解 Angular 应用程序的结构及其项目文件
  • 使用 Angular CLI 创建应用程序并生成组件、模块等
  • 构建组件、模块和服务,并在组件模板与类之间应用数据绑定
  • 使用 ngIf、ngFor、ngClass、ngStyle 和 ngModel 等指令动态修改 DOM
  • 为应用程序配置基本路由,包括基本路由和通配符路由
  • 将 TypeScript 和静态类型的基础知识应用于开发早期的错误排查

关键要点

  • 本课程介绍 Angular 框架的基础知识,包括 Angular 应用程序的结构及其项目文件。
  • Angular CLI 可用于创建应用程序以及生成组件、模块等。
  • 管道用于格式化展示给用户的数据,而数据绑定则在组件模板与类之间传递信息。
  • 指令用于动态修改 DOM,TypeScript 有助于在开发过程的早期发现错误。
  • 学完本课程后,学员将能够创建一个可响应用户输入的简单前端应用程序。

常见问题

本课程适合哪些人学习?

这是一门入门课程,介绍 Angular 框架的基础知识,包括如何创建一个可响应用户输入的简单前端应用程序。

本课程涵盖哪些主题?

本课程涵盖 Angular 应用程序的结构、模块、组件、服务与依赖注入、模板与数据绑定、管道、指令(如 ngIf、ngFor、ngClass、ngStyle 和 ngModel)、路由、Angular CLI 以及 TypeScript 基础知识。

我会学习如何使用 Angular CLI 吗?

是的。本课程演示如何使用 CLI 创建应用程序,并包含 CLI 简介与安装,以及创建组件、模块等相关课时。

本课程是否涵盖路由内容?

是的。本课程介绍如何设置基本路由,并包含路由简介、基本路由和通配符路由等课时。

学完本课程后,我能够构建一个应用程序吗?

是的。学完本课程后,您将能够创建一个可响应用户输入的简单前端应用程序。