/ 实战 / Angular打造企业级协作平台
收藏

Angular打造企业级协作平台

Material+RxJS+Redux

Angular打造企业级协作平台

难度 高级 时长 18小时 学习人数 847 综合评分 9.97

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 项目总结
本课程已完结

试看

全部试看小节



讲师

接灰的电子产... 全栈工程师

曾任职某上市公司技术总监,负责多个大型企业级项目的构建,也设计过多种类型的互联网项目。曾为中国移动、中国银联等大型机构做过企业内部管理项目,负责前端技术,是个十足的技术咖,还出过《Angular从零到一》一书,是个博学多才的牛人。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信