/ 实战 / Angular8开发拼多多webapp 从基础到项目实战
收藏

Angular8开发拼多多WebApp-从基础到项目实战

Angular8正式版发布了,第一时间带你学习最新特性

Angular8开发拼多多webapp 从基础到项目实战

难度 中级 时长 16小时30分钟 学习人数 278 好评度 100%

Angular8开发拼多多webapp 从基础到项目实战

  • 第1章 课程介绍

    本章主要介绍课程的知识大纲,学习前提,讲授方式及预期收获,讲解如何搭建 Angular 的开发环境和所需的开发工具。

    • 1-1 课程导学 试看
    • 1-2 框架对比与课前辅导
    • 1-3 环境配置
    • 1-4 开发工具配置
  • 第2章 Angualr初探

    本章将快速讲解部分 Angular 基础语法,通过可滚动的顶部 Tab 功能的编写,了解前端组件化的概念及优势。

    • 2-1 CLI 工程结构
    • 2-2 工程源码文件结构
    • 2-3 【初识组件】顶部 TabBar
    • 2-4 【接口Interface Flex布局】让顶部导航滚动
    • 2-5 【ngFor指令 事件的处理和样式绑定】顶部导航支持选中状态
    • 2-6 【组件封装】分离封装第一个组件
    • 2-7 【ngIf指令 组件的输入输出】组件的输入和输出属性
    • 2-8 样式绑定的几种方式
  • 第3章 基础知识

    本章精讲 Angular 中的基础知识,包括组件的生命周期、如何在组件类中引用模版、如何引用模版的多个元素、单向绑定双和向绑定、模块的概念、模块的组织等内容,并利用学到的知识打造一个轮播图组件。

    • 3-1 组件生命周期(1)
    • 3-2 组件生命周期(2)
    • 3-3 在组件类中引用模版
    • 3-4 在模板中引用多个元素
    • 3-5 轮播图组件
    • 3-6 组件的双向绑定
    • 3-7 模块的概念
    • 3-8 模块的划分
  • 第4章 进阶知识

    本章深入讲解 Angular 中的进阶知识,包括注解的本质、指令的概念、指令的事件和样式绑定、组件嵌套和投影组件、路由的概念、路由 URL 和参数传递、管道的概念、依赖注入、脏值检测等内容,每个知识点都会有对应的小实战练习以巩固理解。本章实现横向可滚动的网格组件。...

    • 4-1 什么是注解
    • 4-2 指令的概念(1)
    • 4-3 指令的概念(2)
    • 4-4 组件的事件绑定和样式绑定
    • 4-5 组件嵌套和投影组件(1)
    • 4-6 组件嵌套和投影组件(2)
    • 4-7 路由概念
    • 4-8 路由实战
    • 4-9 路由 URL 和参数(1)
    • 4-10 路由 URL 和参数(2)
    • 4-11 路由 URL 和参数 下(3)
    • 4-12 管道讲解
    • 4-13 依赖注入(1)
    • 4-14 依赖注入(2)
    • 4-15 脏值检测(1)
    • 4-16 脏值检测(2)
    • 4-17 脏值检测(3)
  • 第5章 HTTP联调

    本章从 Http 的概念讲起,覆盖 Http Request/Response 消息结构、Http 调试工具 Postman 和 RestCient 的使用、Rest API 的概念、Angular 中 HttpClient 的使用、如何使用拦截器简化通用性的请求或响应处理、rxjs 的概念和实战,并使用 rxjs 实现一个倒计时组件。...

    • 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章 实战首页模块/分类模块

    本章正式进入项目实战开发,将带大家完整的实现项目中的首页模块和分类模块,涵盖的功能点包含使用 flex layout 进行固定头部和底部的风格、实现产品卡片组件、产品列表组件、产品瓷砖卡片组件、垂直网格组件等

    • 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章 实战产品模块/个人模块

    本章和大家一起开发产品模块和个人模块,涵盖的功能点包含产品详情组件、拼单列表组件、价格区块组件、对话框的原理和实现、产品规格组件、确认订单组件实战和个人模块实战等。本章还会给大家讲解 Angular 表单基础知识。...

    • 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章 发布上线

    本章将以实际工作中的经验给大家讲解不同的环境、环境的管理、软件的打包、部署到 nginx 服务器、使用懒加载和 ivy 优化性能和速度。最后会对课程做一个总结以及给大家进一步学习的一些建议。

    • 8-1 发布上线 - 环境,重定向
    • 8-2 发布上线 - gzip和跨域
    • 8-3 路由懒加载的改造
    • 8-4 ivy 渲染引擎
    • 8-5 课程总结
本课程已完结

试看

全部试看小节



讲师

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

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

课程预览

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