1. 有AngularJS 1.x使用经验的开发者; 2. 有其它前端框架使用经验的开发者(如jQuery、ExtJS、Adobe Flex、React、Vue等均可); 3. 有后端编程经验(如Ja
| 课程编号 | 开课日期 | 地点 | 培训天数 | 选择报名 |
1. 有AngularJS 1.x使用经验的开发者; 2. 有其它前端框架使用经验的开发者(如jQuery、ExtJS、Adobe Flex、React、Vue等均可); 3. 有后端编程经验(如Ja
课程简介
课程总计16小时,针对Angular新版本,案例以Clarity组件库为基础编写。
目标收益
1.掌握Angular框架的核心概念和设计思想;
2.熟练使用Angular进行业务开发;
3.基础好的同学可以达到封装UI Library的水平
课程大纲
第一节:给各位补充必要的基础知识和历史背景
JavaScript的前世今生
ECMA标准发展史
ES6核心特性简介
TypeScript快速上手教程
前端框架发展简史
第二节:Angular核心概念主题演讲
Angular核心概念主题演讲
第三节:搭建Angular开发环境
git
node
@angular/cli
第四节:组件基本用法
组件
模板
引用外部CSS样式
动效
数据绑定与事件绑定
组件间通讯(@Input、@Output、事件总线)
生命周期钩子
服务
管道
第五节:组件的高级用法
动态组件
ng-content与projection slots
@ContentChild/@ContentChildren/@ViewChild/@ViewChildren (这可能是Angular里面最绕的几个东西了)
第六节:指令
属性指令
结构型指令
@HostListener与@HostBinding
第七节:模块与共享模块
模块的基本用法
抽出共享模块
第八节:路由基本用法
路由基本用法
N层嵌套
懒加载模块
处理路由事件
第九节:路由高级玩法
辅助路由
动态路由
模块预加载
路由守卫
第十节:表单与数据校验
模板驱动型表单
数据驱动型表达
响应式表单
基本数据校验
服务端异步校验
第十一节:RxJS RxJS与Promise对比学习
RxJS在Angular中的2个典型使用场景
第十二节:i18n i18n
第十三节:前端自动化测试
单元测试
集成测试
第十四节:一款基于Ionic的Hybrid应用实例讲解
一款基于Ionic的Hybrid应用实例讲解