课程简介
1.我为什么要学习这门课？
Web开发是计算机等理工科专业的一门必修课程，但目前很多高校讲授的内容大都基于JavaScript内容。Angular采用了TypeScript来进行框架的构建，TypeScript是JS的超集，提供了比JS更多的语法特性，具有面向对象的全部特性，非常适合开发大型项目。能够开发App和微信上的单页面应用，借助Ionic、React Native开发跨平台的原生App，还可以创建能在桌面环境（Mac、Windows、Linux）下安装的应用。目前国内外大型网站大都利用Angular进行开发。
2.这门课的主题是关于什么？
课程内容主要包括2部分：TypeScript编程基础和Angular。
- TypeScript编程基础部分设计了9个案例，内容包括：
- 数据类型
- 函数
- 类和对象
- 接口
- 泛型
- 模块和命名空间
- 类装饰器
- Angular部分设计了35个教学案例，内容包括：
- 组件
- 数据和事件绑定
- 指令
- 服务
- 依赖注入
- 管道
- 路由
- Ng-Zorro-Antd
- 服务器部署
3.学习这门课可以获得什么？特别是对自己有什么帮助和应用。
- 掌握TypeScript面向对象程序设计方法
- 掌握AngularWeb开发方法和技巧，为以后的学习和工作奠定坚实基础。
4.这门课有什么特色和亮点？
- 教学内容新颖。该课程是目前主流MOOC平台中第一门关于Angular的课程。
- 教学方法先进。全部采用案例方式进行讲解，使学习过程充满好奇感和成就感。
- 课程思政创新。课程中以“润物无声”方式巧妙融入大量课程思政内容。
- Google公司支持。本课程是Google公司支持的教育部产学合作协同育人项目成果。
课程大纲
TypeScript 编程基础
1.1 TypeScript简介
1.2 案例：Hello World
1.3 案例：数据类型
1.4 案例：函数
1.5 案例：类和对象t
1.6 案例：接口
1.7 案例：泛型
1.8 案例：类、接口和泛型的综合应用
1.9 案例：模块和命名空间
1.10 案例：类装饰器
Angular
2.1 Angular简介
2.2 案例：基础编程——Hello Angular
2.3 案例：基础编程——文本与图片
2.4 案例：基础编程——Flex布局
2.5 案例：创建组件——多组件布局
2.6 案例：数据与事件绑定—计时器
2.7 案例：属性与事件绑定——国旗与国歌
2.8 案例：数据和属性绑定——动态格式设置
2.9 案例：双向数据传递——摄氏/华氏温度转换器
2.10 案例：双向数据传递——三角形面积计算器
2.11 案例：模板文件向逻辑文件传值——数学公式计算
2.12 案例：ngStyle指令——自动随机变化的三色旗
2.13 案例：ngClass指令——页面布局
2.14 案例：ngIf指令——阶乘计算器
2.15 案例：ngSwitch指令——选择颜色
2.16 案例：ngIf和ngSwitch——成绩等级计算器
2.17 案例：ngFor指令——神舟飞船载人航天历程
2.18 案例：ngIf和ngFor指令——打印九九乘法表
2.19 案例：模板式表单——个人信息管理
2.20 案例：复选框和单选按钮——设置字体样式和大小
2.21 案例：表单综合应用——代办事项
2.22 案例：创建类——数据管理
2.23 案例：服务——宠物商店
2.24 案例：服务和依赖注入——产品展示
2.25 案例：服务和依赖注入——子组件向父组件传值
2.26 案例：服务和依赖注入——随机数
2.27 案例：Input装饰器——父组件向子组件传值
2.28 案例：Input和ViewChild装饰器——父子组件之间的通讯
2.29 案例：ViewChild装饰器——获取Dom节点和与子组件通信
2.30 案例：管道——数据格式化
2.31 案例：路由——组件间跳转
2.32 案例：生命周期函数——函数的执行顺序
2.33 案例：Ng-Zorro-Antd——按钮、图标和分割线
2.34 案例：Ng-Zorro-Antd——页面布局
2.35 案例：Ng-Zorro-Antd——组件综合应用
2.36 案例：服务器部署——网站发布
1.1 TypeScript简介
1.2 案例：Hello World
1.3 案例：数据类型
1.4 案例：函数
1.5 案例：类和对象t
1.6 案例：接口
1.7 案例：泛型
1.8 案例：类、接口和泛型的综合应用
1.9 案例：模块和命名空间
1.10 案例：类装饰器
Angular
2.1 Angular简介
2.2 案例：基础编程——Hello Angular
2.3 案例：基础编程——文本与图片
2.4 案例：基础编程——Flex布局
2.5 案例：创建组件——多组件布局
2.6 案例：数据与事件绑定—计时器
2.7 案例：属性与事件绑定——国旗与国歌
2.8 案例：数据和属性绑定——动态格式设置
2.9 案例：双向数据传递——摄氏/华氏温度转换器
2.10 案例：双向数据传递——三角形面积计算器
2.11 案例：模板文件向逻辑文件传值——数学公式计算
2.12 案例：ngStyle指令——自动随机变化的三色旗
2.13 案例：ngClass指令——页面布局
2.14 案例：ngIf指令——阶乘计算器
2.15 案例：ngSwitch指令——选择颜色
2.16 案例：ngIf和ngSwitch——成绩等级计算器
2.17 案例：ngFor指令——神舟飞船载人航天历程
2.18 案例：ngIf和ngFor指令——打印九九乘法表
2.19 案例：模板式表单——个人信息管理
2.20 案例：复选框和单选按钮——设置字体样式和大小
2.21 案例：表单综合应用——代办事项
2.22 案例：创建类——数据管理
2.23 案例：服务——宠物商店
2.24 案例：服务和依赖注入——产品展示
2.25 案例：服务和依赖注入——子组件向父组件传值
2.26 案例：服务和依赖注入——随机数
2.27 案例：Input装饰器——父组件向子组件传值
2.28 案例：Input和ViewChild装饰器——父子组件之间的通讯
2.29 案例：ViewChild装饰器——获取Dom节点和与子组件通信
2.30 案例：管道——数据格式化
2.31 案例：路由——组件间跳转
2.32 案例：生命周期函数——函数的执行顺序
2.33 案例：Ng-Zorro-Antd——按钮、图标和分割线
2.34 案例：Ng-Zorro-Antd——页面布局
2.35 案例：Ng-Zorro-Antd——组件综合应用
2.36 案例：服务器部署——网站发布