Angular 打造企业级协作平台

xuenv2005

• 第1章 课程介绍

  介绍产品的功能和用途，课程内容安排，建立开发环境和必要的开发工具介绍

  • 1-1 Angular打造企业平台导学
  • 1-2 环境搭建
    
  
  0 `* C6 P5 v* s" W& [
• 第2章 用 Angular Material 组件打造页面

  对 Angular 官方组件库 -- Angular Material -- 进行逐步学习，使用 Sidenav 和 flexbox 进行页面布局。学习表单常用组件：MdInput，MdSelect 和 MdRadio 以及其事件处理。通过打造应用框架和登录页熟悉这些组件的使用，以及 Web API 的接入和调试...

  • 2-1 项目工程结构介绍
  • 2-2 UI整体布局
  • 2-3 Material介绍
  • 2-4 MdIcon 组件
  • 2-5 Input 组件
  • 2-6 Card 和 Button 组件
  • 2-7 在侧滑菜单中使用 MdList
  • 2-8 Angular Material 主题
  • 2-9 GridList 打造注册页面头像列表
  • 2-10 对话框的使用
  • 2-11 Autocomplete 的使用
  • 2-12 任务列表之菜单
  • 2-13 任务列表之任务组件
  • 2-14 任务列表之新任务对话框
  • 2-15 任务列表之移动内容对话框
  • 2-16 完成主框架（上）
  • 2-17 完成主框架（下）
    * Q8 U% F. ^7 M$ s1 {: V& g6 t
  
  
• 第3章 Angular 动画

  Angular 对于动画的支持相当强大，而且好处在于框架本身屏蔽了相对复杂的 css 和 js，但又保留了足够的灵活性。这一章我们会从基础的动画讲起，逐步深入各种动画类型和应用场景

  • 3-1 初识 Angular Animation-
  • 3-2 缓动函数和关键帧
  • 3-3 项目卡片和任务动画
  • 3-4 路由动画及高阶动画函数
    
  
  8 ~" c, f1 ~; D2 h" A9 l
• 第4章 Angular 核心概念回顾和提高

  进行一些重要基础概念的回顾，对于这些概念从更深层次予以解释，让同学对 Angular 的框架更加清楚的了解。

  • 4-1 依赖性注入
  • 4-2 ChangeDetection
  • 4-3 打造支持拖拽的属性型指令
  • 4-4 结构型指令、模块和样式
  • 4-5 模板驱动型表单处理
  • 4-6 响应式表单处理和自定义表单控件（上）
  • 4-7 响应式表单处理和自定义表单控件（下）
    
  
  5 _7 I1 X7 y9 `2 K' @% [2 v7 A
• 第5章 Rxjs常见操作符

  由于在 Angular 中 rxjs 的支持是广泛的，了解和熟练掌握 rxjs 的思想是提高 angular 编程技能的重要环节。但由于学习曲线比较陡峭，我们会花大量篇幅在此进行讲解。Rxjs 的操作符非常多，这一点既是其强大之处，也是初学者会感到恐惧的地方。我们用一系列小例子来说明常见操作符的用处。...

  • 5-1 RxJS帮你走进响应式编程的世界
  • 5-2 常见操作符（一）
  • 5-3 常见操作符（二）
  • 5-4 常见操作符（三）
  • 5-5 实战复杂表单控件(上)
  • 5-6 实战复杂表单控件（中）
  • 5-7 实战复杂表单控件（下）
    1 \/ e" n9 b2 q8 t1 n7 r3 P
  
  9 C3 T* |/ B* |# `( I9 s
• 第6章 Angular 中的响应式编程

  这一节着重于 rxjs 的高阶操作符和 Subject 在Angular 中的应用。Async 管道对 rxjs 的支持可以让rxjs 在 Angular 中的使用比其他平台方便太多。

  • 6-1 高阶操作符
  • 6-2 实战服务逻辑（上）
  • 6-3 实战服务逻辑（中）
  • 6-4 实战服务逻辑（下）
  • 6-5 实战自动建议表单控件
  • 6-6 Observable 的冷和热以及 Subject
  • 6-7 实战身份验证控件和地址选择控件（上）
  • 6-8 实战身份验证控件和地址选择控件（中）
  • 6-9 实战身份验证控件和地址选择控件（下）
    8 l; R4 j/ b$ \- m( J
  
  * Z. k# \1 ?8 n6 U/ v+ m2 h# G
• 第7章 使用 Redux 管理应用状态

  大型项目中的状态管理是非常容易陷入混乱的，Redux 是状态管理的一种有效模式。在主流框架中（vue，react，angular）都或多或少的受其影响。用 Redux 管理状态可以让应用逻辑更清晰，结合 Effects 模式，逻辑和界面以及服务都可以完全隔离，实现更好的可维护和可扩展性。...

  • 7-1 Redux 的概念和实战(一)
  • 7-2 Redux 的概念和实战(二)
  • 7-3 什么是 Effects
  • 7-4 实战认证信息流
  • 7-5 实战项目信息流（上）
  • 7-6 实战项目信息流（中）
  • 7-7 实战项目信息流（下）
  • 7-8 实战任务列表信息流
  • 7-9 实战任务 Reducer
  • 7-10 实战任务 Effects
  • 7-11 实战任务使用 Reducer 和 Effects
    % X7 j/ D% S1 S% ?
  
  
• 第8章 Angular 的测试

  测试驱动开发是现代软件工程中的重要思想，也是较大型的软件工程中必须的环节。理解和掌握必要的测试方法是保证软件质量的重要技能。

  • 8-1 Angular 测试框架介绍
  • 8-2 单元测试 Service 和 Effects 以及集成测试
    
  
  
• 第9章 课程总结

  这一章我们会对课程进行总结回顾，帮助大家梳理Angular知识、设计思想以及最佳实践。

  • 9-1 第三方组件的集成和懒加载
  • 9-2 项目总结
    . n. {' T% a8 p: I; }* _% R
  
  2 U# m3 e" l! r# S' E
  7 k3 q+ x, ], A9 h5 w