Angular打造企业级协作平台 Material RxJS Redux
【课程介绍】学习 Angular 进阶知识点和技巧(Material、动画、依赖注入、表单控件、RxJS,Redux、自动化测试等),打造一个企业协作平台应用,让你在Angular领域独当一面,具备开发复杂应用的能力。
【课程目录】
- 第1章 课程介绍介绍产品的功能和用途,课程内容安排,建立开发环境和必要的开发工具介绍
- 1-1 Angular打造企业平台导学试看
- 1-2 环境搭建
- 第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 完成主框架(下)
- 第3章 Angular 动画Angular 对于动画的支持相当强大,而且好处在于框架本身屏蔽了相对复杂的 css 和 js,但又保留了足够的灵活性。这一章我们会从基础的动画讲起,逐步深入各种动画类型和应用场景
- 3-1 初识 Angular Animation-
- 3-2 缓动函数和关键帧
- 3-3 项目卡片和任务动画
- 3-4 路由动画及高阶动画函数
- 第4章 Angular 核心概念回顾和提高进行一些重要基础概念的回顾,对于这些概念从更深层次予以解释,让同学对 Angular 的框架更加清楚的了解。
- 4-1 依赖性注入
- 4-2 ChangeDetection
- 4-3 打造支持拖拽的属性型指令
- 4-4 结构型指令、模块和样式试看
- 4-5 模板驱动型表单处理
- 4-6 响应式表单处理和自定义表单控件(上)
- 4-7 响应式表单处理和自定义表单控件(下)
- 第5章 Rxjs常见操作符由于在 Angular 中 rxjs 的支持是广泛的,了解和熟练掌握 rxjs 的思想是提高 angular 编程技能的重要环节。但由于学习曲线比较陡峭,我们会花大量篇幅在此进行讲解。Rxjs 的操作符非常多,这一点既是其强大之处,也是初学者会感到恐惧的地方。我们用一系列小例子来说明常见操作符的用处。…
- 5-1 RxJS帮你走进响应式编程的世界
- 5-2 常见操作符(一)试看
- 5-3 常见操作符(二)
- 5-4 常见操作符(三)
- 5-5 实战复杂表单控件(上)
- 5-6 实战复杂表单控件(中)
- 5-7 实战复杂表单控件(下)
- 第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 实战身份验证控件和地址选择控件(下)
- 第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
- 第8章 Angular 的测试测试驱动开发是现代软件工程中的重要思想,也是较大型的软件工程中必须的环节。理解和掌握必要的测试方法是保证软件质量的重要技能。
- 8-1 Angular 测试框架介绍
- 8-2 单元测试 Service 和 Effects 以及集成测试
- 第9章 课程总结这一章我们会对课程进行总结回顾,帮助大家梳理Angular知识、设计思想以及最佳实践。
- 9-1 第三方组件的集成和懒加载
- 9-2 项目总结