400-888-5228

课程介绍:

Angular是目前最为流行的前端框架之一,学会用 Angular构建应用,可以把这些代码复用在多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用。同时 Angular借助Web Worker 和服务端渲染,达到在如今(以及未来)的 Web 平台上所能达到的最高速度。

Angular让你有效掌控可伸缩性。基于 RxJS、Immutable.js 和其它推送模型,能适应海量数据需求。

艾威Avtechcn(中国)Angular 应用开发培训课程将介绍如何从无到有的使用 Angular 快速搭建一个跨平台的 Web 应用。

 

学习前提:

HTML 基础知识

CSS 基础知识

JavaScript 基础知识

 

课程目标:

掌握 Angular应用框架

掌握 TypeScript编程技术

掌握 JavaScript异步编程模型

掌握 Angular常用的前端开发工具和快速原型搭建工具。

 

课程时长:

2天

 

 

目标学员:

希望使用 Angular的前端开发人员

 

课程大纲:

Typescript 语法介绍

类 Classes

接口 Interfaces

模块 Modules

类型注解 Type annotations

编译时类型检查 Compile time type checking

Arrow 函数 (类似 C# 的 Lambda 表达式)

Angular 程序架构

模块 (Modules)

组件 (Components)

模板 (Templates)

元数据 (Metadata)

数据绑定 (Data Binding)

指令 (Directives)

服务 (Services)

依赖注入 (Dependency Injection)

Angular 数据显示

通过插值表达式显示组件的属性

为数据创建实体类

通过 NgFor 显示数组型属性

通过 NgIf 实现按条件显示

用户输入

绑定到用户输入事件

通过 $event 对象取得用户输入

从一个模板引用变量中获得用户输入

按键事件过滤

失去焦点事件处理

Angular 表单数据处理

使用组件和模板构建 Angular 表单

用 ngModel 创建双向数据绑定,以读取和写入输入控件的值

跟踪状态的变化,并验证表单控件

使用特殊的 CSS 类来跟踪控件的状态并给出视觉反馈

向用户显示验证错误提示,以及启用/禁用表单控件

使用模板引用变量在 HTML 元素之间共享信息

Angular 依赖注入

为什么需要依赖注入

Angular 依赖注入

注入器提供商

依赖注入令牌

总结

Angular 模板语法

HTML

插值表达式

模板表达式

模板语句

绑定语法

属性绑定

HTML 属性、 class 和 style 绑定

事件绑定

使用 NgModel 进行双向数据绑定

内置指令

与 <template>

模板引用变量

输入输出属性

模板表达式操作符

Angular 测试

测试 Angular 组件

测试 Angular 的服务

Angular 相关工具介绍

Webpack

安装和使用

Loaders

插件

概要

NPM 脚本集成

Angular Cli

创建

创建新应用程序

启动应用

创建组件

创建路由

创建其他东西

测试

Linting

CLI 命令概述

(sp)