〖课程介绍〗:
-
新版的框架，火爆的项目，酣畅的实战，带你收获满满的干货，你会发现，其实Angular并不是像传闻说的那样“很难”，相反，你会发现Angular的很多思想是非常领先的，课程会从基础开始，为你呈现一个完整的Angular 学习路径。
-
〖课程目录〗:
-
第1章 课程介绍 试看4 节 | 45分钟
-
本章主要介绍课程的知识大纲，学习前提，讲授方式及预期收获，讲解如何搭建 Angular 的开发环境和所需的开发工具。
-
收起列表
-
视频：1-1 课程导学 (13:38)试看
-
视频：1-2 框架对比与课前辅导 (08:59)
-
视频：1-3 环境配置 (08:37)
-
视频：1-4 开发工具配置 (13:06)
-
第2章 Angular初探8 节 | 154分钟
-
本章将快速讲解部分 Angular 基础语法，通过可滚动的顶部 Tab 功能的编写，了解前端组件化的概念及优势。
-
收起列表
-
视频：2-1 CLI 工程结构 (23:55)
-
视频：2-2 工程源码文件结构 (18:43)
-
视频：2-3 【初识组件】顶部 TabBar (20:16)
-
视频：2-4 【接口Interface Flex布局】让顶部导航滚动 (20:00)
-
视频：2-5 【ngFor指令 事件的处理和样式绑定】顶部导航支持选中状态 (13:31)
-
视频：2-6 【组件封装】分离封装第一个组件 (15:10)
-
视频：2-7 【ngIf指令 组件的输入输出】组件的输入和输出属性 (24:51)
-
视频：2-8 样式绑定的几种方式 (17:04)
-
第3章 基础知识8 节 | 128分钟
-
本章精讲 Angular 中的基础知识，包括组件的生命周期、如何在组件类中引用模版、如何引用模版的多个元素、单向绑定双和向绑定、模块的概念、模块的组织等内容，并利用学到的知识打造一个轮播图组件。
-
收起列表
-
视频：3-1 组件生命周期（1） (15:55)
-
视频：3-2 组件生命周期（2） (13:46)
-
视频：3-3 在组件类中引用模版 (19:36)
-
视频：3-4 在模板中引用多个元素 (15:56)
-
视频：3-5 轮播图组件 (17:16)
-
视频：3-6 组件的双向绑定 (16:25)
-
视频：3-7 模块的概念 (12:43)
-
视频：3-8 模块的划分 (15:25)
-
第4章 进阶知识17 节 | 245分钟
-
本章深入讲解 Angular 中的进阶知识，包括注解的本质、指令的概念、指令的事件和样式绑定、组件嵌套和投影组件、路由的概念、路由 URL 和参数传递、管道的概念、依赖注入、脏值检测等内容，每个知识点都会有对应的小实战练习以巩固理解。本章实现横向可滚动的网格组件。…
-
收起列表
-
视频：4-1 什么是注解 (15:24)
-
视频：4-2 指令的概念（1） (13:28)
-
视频：4-3 指令的概念（2） (14:40)
-
视频：4-4 组件的事件绑定和样式绑定 (12:14)
-
视频：4-5 组件嵌套和投影组件（1） (18:12)
-
视频：4-6 组件嵌套和投影组件（2） (17:04)
-
视频：4-7 路由概念 (12:56)
-
视频：4-8 路由实战 (08:25)
-
视频：4-9 路由 URL 和参数（1） (07:14)
-
视频：4-10 路由 URL 和参数（2） (16:03)
-
视频：4-11 路由 URL 和参数 下（3） (11:35)
-
视频：4-12 管道讲解 (21:17)
-
视频：4-13 依赖注入（1） (21:52)
-
视频：4-14 依赖注入（2） (14:18)
-
视频：4-15 脏值检测（1） (13:15)
-
视频：4-16 脏值检测（2） (11:11)
-
视频：4-17 脏值检测（3） (15:39)
-
第5章 HTTP联调8 节 | 121分钟
-
本章从 Http 的概念讲起，覆盖 Http Request/Response 消息结构、Http 调试工具 Postman 和 RestCient 的使用、Rest API 的概念、Angular 中 HttpClient 的使用、如何使用拦截器简化通用性的请求或响应处理、rxjs 的概念和实战，并使用 rxjs 实现一个倒计时组件。…
-
收起列表
-
视频：5-1 HTTP 概览 (14:49)
-
视频：5-2 Postman 和 Rest Client 调试 HTTP (16:16)
-
视频：5-3 Rest API (08:56)
-
视频：5-4 HttpClient 修改 (21:37)
-
视频：5-5 Http 拦截器 HttpInterceptor (11:37)
-
视频：5-6 rxjs 初步了解 (14:23)
-
视频：5-7 操作符和 Async 管道 (12:53)
-
视频：5-8 使用 rxjs 打造倒计时组件 (20:15)
-
第6章 实战首页模块/分类模块8 节 | 115分钟
-
本章正式进入项目实战开发，将带大家完整的实现项目中的首页模块和分类模块，涵盖的功能点包含使用 flex layout 进行固定头部和底部的风格、实现产品卡片组件、产品列表组件、产品瓷砖卡片组件、垂直网格组件等
-
收起列表
-
视频：6-1 创建底部 TabBar（1） (12:29)
-
视频：6-2 创建底部 TabBar（2） (12:56)
-
视频：6-3 底部 TabBar 切换路由 (14:30)
-
视频：6-4 使用 rxjs 高阶操作符添加广告位 (14:31)
-
视频：6-5 创建垂直网格组件 (17:20)
-
视频：6-6 创建产品卡片组件（1） (11:59)
-
视频：6-7 创建产品组件卡片（2） (19:59)
-
视频：6-8 实战产品瓷砖组件 (10:59)
-
第7章 实战产品模块/个人模块12 节 | 213分钟
-
本章和大家一起开发产品模块和个人模块，涵盖的功能点包含产品详情组件、拼单列表组件、价格区块组件、对话框的原理和实现、产品规格组件、确认订单组件实战和个人模块实战等。本章还会给大家讲解 Angular 表单基础知识。…
-
收起列表
-
视频：7-1 实现后退按钮组件 (14:18)
-
视频：7-2 实现商品画廊（1） (19:42)
-
视频：7-3 实现商品画廊（2） (14:51)
-
视频：7-4 实战拼单列表 (21:39)
-
视频：7-5 实战对话框（1） (14:08)
-
视频：7-6 实战对话框（2） (19:23)
-
视频：7-7 实战对话框（3） (20:22)
-
视频：7-8 实战拼单选择产品对话框（1） (16:38)
-
视频：7-9 实战拼单产品选择对话框（2） (20:53)
-
视频：7-10 实战确认订单（1） (15:13)
-
视频：7-11 实战确认订单（2） (17:29)
-
视频：7-12 实战个人信息 (17:21)
-
第8章 发布上线5 节 | 62分钟
-
本章将以实际工作中的经验给大家讲解不同的环境、环境的管理、软件的打包、部署到 nginx 服务器、使用懒加载和 ivy 优化性能和速度。最后会对课程做一个总结以及给大家进一步学习的一些建议。
-
收起列表
-
视频：8-1 发布上线 – 环境，重定向 (20:22)
-
视频：8-2 发布上线 – gzip和跨域 (12:06)
-
视频：8-3 路由懒加载的改造 (15:52)
-
视频：8-4 ivy 渲染引擎 (07:35)
-
视频：8-5 课程总结 (05:56)
有需要联系v；加客服窗口的联系方式
摘要：本文将深入探讨如何使用Angular 8开发拼多多webapp，从基础知识到实际项目实战。通过本文的学习，读者将掌握Angular 8的核心概念，了解其在拼多多webapp开发中的应用，并通过实际案例提升实战能力。
1、Angular 8简介
Angular 8是Google推出的新一代前端框架，以其高性能、模块化和响应式等特点受到广泛欢迎。在拼多多webapp开发中，Angular 8提供了丰富的组件库和工具，帮助开发者快速构建高质量的前端应用。
Angular 8的核心优势包括：
（1）组件化开发：Angular 8采用组件化开发模式，将页面拆分成多个独立的组件，提高代码的可维护性和复用性。
（2）双向数据绑定：Angular 8支持双向数据绑定，实现数据和视图的实时同步，简化开发过程。
（3）模块化设计：Angular 8采用模块化设计，将应用拆分成多个模块，便于管理和维护。
2、Angular 8基础知识
学习Angular 8开发拼多多webapp，首先需要掌握以下基础知识：
（1）HTML和CSS：了解HTML和CSS的基本语法，为Angular 8开发打下基础。
（2）JavaScript：熟悉JavaScript语法，掌握ES6及以上版本的新特性，为Angular 8开发提供支持。
（3）TypeScript：了解TypeScript的基本语法，掌握其类型系统和编译过程，提高代码质量和可维护性。
3、Angular 8在拼多多webapp中的应用
在拼多多webapp开发中，Angular 8可以应用于以下几个方面：
（1）首页展示：使用Angular 8的组件库，实现首页的轮播图、商品列表、搜索等功能。
（2）商品详情页：通过Angular 8的组件化开发，实现商品详情页的展示、评价、购买等功能。
（3）用户中心：利用Angular 8的模块化设计，实现用户中心的登录、注册、个人信息管理等功能。
4、Angular 8项目实战
以下是一个使用Angular 8开发拼多多webapp的实战案例：
（1）创建项目：使用Angular CLI创建一个新的Angular项目。
（2）搭建组件：根据需求，搭建首页、商品详情页、用户中心等组件。
（3）数据绑定：使用Angular 8的数据绑定功能，实现组件之间的数据交互。
（4）路由配置：配置Angular 8的路由，实现页面跳转和组件加载。
总结：
本文从Angular 8简介、基础知识、应用场景和项目实战四个方面，详细阐述了如何使用Angular 8开发拼多多webapp。通过本文的学习，读者可以掌握Angular 8的核心概念，并将其应用于实际项目中。
本文由nayona.cn整理
联系我们
关注公众号
微信扫一扫
支付宝扫一扫
