📚 课程介绍
本课程从Angular8基础知识讲起,逐步深入到项目实战,通过开发拼多多webapp,让你掌握Angular8框架的技能。
📋 学习前提
1. HTML/CSS基础(网页结构和样式语言) 2. JavaScript入门(网页交互编程语言) 3. Node.js基础(用于Angular开发环境搭建) 4. TypeScript基础(Angular使用TypeScript进行开发)
📖 课程目录
第1章 课程介绍
1-1 课程介绍
1-2 环境配置
1-3 框架对比与课前辅导
1-4 开发工具配置
第2章 Angular初探
2-1 CLI 工程结构
2-2 工程源码文件结构
2-3 初识组件
2-4 接口Interface Flex布局
2-5 顶部导航支持选中状态
2-6 分离封装第一个组件
2-7 ngIf指令 组件的输入输出
2-8 样式绑定的几种方式
第3章 基础知识
3-1 组件生命周期(1)
3-2 组件生命周期(2)
3-3 在组件类中引用模版
3-4 在模板中引用多个元素
3-5 轮播图组件
3-6 组件的双向绑定
3-7 模块的概念
3-8 模块的划分
第4章 进阶知识
4-1 什么是注解
4-2 指令的概念(1)
4-3 指令的概念(2)
4-4 组件的事件绑定和样式绑定
4-5 组件嵌套和投影组件(1)
4-6 组件嵌套和投影组件(2)
4-7 路由概念
4-8 路由实战
4-9 路由 URL 和参数(2)
4-10 路由 URL 和参数
4-11 路由 URL 和参数 下(3)
4-12 管道讲解
4-13 依赖注入(1)
4-14 依赖注入(2)
4-15 脏值检测(1)
4-16 脏值检测(2)
4-17 脏值检测(3)
第5章 HTTP联调
5-1 HTTP 概览
5-2 Postman 和 Rest Client 调试 HTTP
5-3 Rest API
5-4 HttpClient 修改
5-5 Http 拦截器 HttpInterceptor
5-6 rxjs 初步了解
5-7 操作符和 Async 管道
5-8 使用 rxjs 打造倒计时组件
第6章 实战首页模块分类模块
6-1 创建底部 TabBar(1)
6-2 创建底部 TabBar(2)
6-3 底部 TabBar 切换路由
6-4 使用 rxjs 高阶操作符添加广告位
6-5 创建垂直网格组件
6-6 创建产品卡片组件(1)
6-7 创建产品组件卡片(2)
6-8 实战产品瓷砖组件
第7章 实战产品模块个人模块
7-1 实现后退按钮组件
7-2 实现商品画廊(1)
7-3 实现商品画廊(2)
7-4 实战拼单列表
7-5 实战对话框(1)
7-6 实战对话框(2)
7-7 实战对话框(3)
7-8 实战拼单选择产品对话框(1)
7-9 实战拼单产品选择对话框(2)
7-10 实战确认订单(1)
7-11 实战确认订单(2)
7-12 实战个人信息
第8章 发布上线
8-1 发布上线 – 环境,重定向
8-2 发布上线 – gzip和跨域
8-3 路由懒加载的改造
8-4 ivy 渲染引擎
8-5 课程总结
