Angular 8开发拼多多WebApp-从基础到项目实战课程介绍:
新版的框架,火爆的项目,酣畅的实战,带你收获满满的干货,你会发现,其实Angular并不是像传闻说的那样很难,相反,你会发现Angular的很多思想是非常领先的,课程从基础开始,但并非浅尝辄止,会为你呈现一个完整的Angular 学习路径
课程目录:
- 第1章 课程介绍 试看2 节 | 32分钟
- 介绍产品的功能和用途,课程内容安排,建立开发环境和必要的开发工具介绍
- 收起列表
-
- 视频:1-1 Angular打造企业平台导学 (13:50)试看
- 视频:1-2 环境搭建 (17:33)
- 第2章 用 Angular Material 组件打造页面17 节 | 352分钟
- 对 Angular 官方组件库 — Angular Material — 进行逐步学习,使用 Sidenav 和 flexbox 进行页面布局。学习表单常用组件:MdInput,MdSelect 和 MdRadio 以及其事件处理。通过打造应用框架和登录页熟悉这些组件的使用,以及 Web API 的接入和调试…
- 收起列表
-
- 视频:2-1 项目工程结构介绍 (17:08)
- 视频:2-2 UI整体布局 (17:28)
- 视频:2-3 Material介绍 (23:40)
- 视频:2-4 MdIcon 组件 (14:43)
- 视频:2-5 Input 组件 (18:28)
- 视频:2-6 Card 和 Button 组件 (17:36)
- 视频:2-7 在侧滑菜单中使用 MdList (25:24)
- 视频:2-8 Angular Material 主题 (26:01)
- 视频:2-9 GridList 打造注册页面头像列表 (17:03)
- 视频:2-10 对话框的使用 (34:35)
- 视频:2-11 Autocomplete 的使用 (17:01)
- 视频:2-12 任务列表之菜单 (31:08)
- 视频:2-13 任务列表之任务组件 (24:58)
- 视频:2-14 任务列表之新任务对话框 (17:07)
- 视频:2-15 任务列表之移动内容对话框 (13:06)
- 视频:2-16 完成主框架(上) (19:54)
- 视频:2-17 完成主框架(下) (16:27)
- 第3章 Angular 动画4 节 | 92分钟
- Angular 对于动画的支持相当强大,而且好处在于框架本身屏蔽了相对复杂的 css 和 js,但又保留了足够的灵活性。这一章我们会从基础的动画讲起,逐步深入各种动画类型和应用场景
- 收起列表
-
- 视频:3-1 初识 Angular Animation- (23:24)
- 视频:3-2 缓动函数和关键帧 (14:34)
- 视频:3-3 项目卡片和任务动画 (20:26)
- 视频:3-4 路由动画及高阶动画函数 (33:27)
- 第4章 Angular 核心概念回顾和提高 试看7 节 | 165分钟
- 进行一些重要基础概念的回顾,对于这些概念从更深层次予以解释,让同学对 Angular 的框架更加清楚的了解。
- 收起列表
-
- 视频:4-1 依赖性注入 (29:06)
- 视频:4-2 ChangeDetection (11:27)
- 视频:4-3 打造支持拖拽的属性型指令 (34:15)
- 视频:4-4 结构型指令、模块和样式 (20:58)试看
- 视频:4-5 模板驱动型表单处理 (20:32)
- 视频:4-6 响应式表单处理和自定义表单控件(上) (20:34)
- 视频:4-7 响应式表单处理和自定义表单控件(下) (27:42)
- 第5章 Rxjs常见操作符 试看7 节 | 196分钟
- 由于在 Angular 中 rxjs 的支持是广泛的,了解和熟练掌握 rxjs 的思想是提高 angular 编程技能的重要环节。但由于学习曲线比较陡峭,我们会花大量篇幅在此进行讲解。Rxjs 的操作符非常多,这一点既是其强大之处,也是初学者会感到恐惧的地方。我们用一系列小例子来说明常见操作符的用处。…
- 收起列表
-
- 视频:5-1 RxJS帮你走进响应式编程的世界 (25:52)
- 视频:5-2 常见操作符(一) (30:55)试看
- 视频:5-3 常见操作符(二) (38:04)
- 视频:5-4 常见操作符(三) (22:05)
- 视频:5-5 实战复杂表单控件(上) (30:15)
- 视频:5-6 实战复杂表单控件(中) (25:06)
- 视频:5-7 实战复杂表单控件(下) (23:08)
- 第6章 Angular 中的响应式编程9 节 | 233分钟
- 这一节着重于 rxjs 的高阶操作符和 Subject 在Angular 中的应用。Async 管道对 rxjs 的支持可以让rxjs 在 Angular 中的使用比其他平台方便太多。
- 收起列表
-
- 视频:6-1 高阶操作符 (41:30)
- 视频:6-2 实战服务逻辑(上) (18:11)
- 视频:6-3 实战服务逻辑(中) (36:03)
- 视频:6-4 实战服务逻辑(下) (22:23)
- 视频:6-5 实战自动建议表单控件 (26:57)
- 视频:6-6 Observable 的冷和热以及 Subject (19:21)
- 视频:6-7 实战身份验证控件和地址选择控件(上) (21:55)
- 视频:6-8 实战身份验证控件和地址选择控件(中) (21:23)
- 视频:6-9 实战身份验证控件和地址选择控件(下) (25:04)
- 第7章 使用 Redux 管理应用状态11 节 | 249分钟
- 大型项目中的状态管理是非常容易陷入混乱的,Redux 是状态管理的一种有效模式。在主流框架中(vue,react,angular)都或多或少的受其影响。用 Redux 管理状态可以让应用逻辑更清晰,结合 Effects 模式,逻辑和界面以及服务都可以完全隔离,实现更好的可维护和可扩展性。…
- 收起列表
-
- 视频:7-1 Redux 的概念和实战(一) (32:35)
- 视频:7-2 Redux 的概念和实战(二) (30:58)
- 视频:7-3 什么是 Effects (13:26)
- 视频:7-4 实战认证信息流 (21:34)
- 视频:7-5 实战项目信息流(上) (14:26)
- 视频:7-6 实战项目信息流(中) (13:51)
- 视频:7-7 实战项目信息流(下) (19:20)
- 视频:7-8 实战任务列表信息流 (34:55)
- 视频:7-9 实战任务 Reducer (30:01)
- 视频:7-10 实战任务 Effects (14:50)
- 视频:7-11 实战任务使用 Reducer 和 Effects (22:03)
- 第8章 Angular 的测试2 节 | 41分钟
- 测试驱动开发是现代软件工程中的重要思想,也是较大型的软件工程中必须的环节。理解和掌握必要的测试方法是保证软件质量的重要技能。
- 收起列表
-
- 视频:8-1 Angular 测试框架介绍 (22:18)
- 视频:8-2 单元测试 Service 和 Effects 以及集成测试 (18:13)
- 第9章 课程总结2 节 | 40分钟
- 这一章我们会对课程进行总结回顾,帮助大家梳理Angular知识、设计思想以及最佳实践。
- 收起列表
-
- 视频:9-1 第三方组件的集成和懒加载 (22:27)
- 视频:9-2 项目总结 (16:46)