
网盘:百度 | 学分:5,VIP免费 | 发布:2023-02-22 | 查看:0 | 更新:2023-08-10 | web前端
【WEB前端】React 17 系统精讲 结合TS打造旅游电商平台|完结无秘|百度云下载
网盘:百度 | 学分:5,VIP免费 | 发布:2023-02-22 | 查看:0 | 更新:2023-08-10 | web前端
【WEB前端】React 17 系统精讲 结合TS打造旅游电商平台|完结无秘|百度云下载
〖课程介绍〗:
&nBSp; React — 大厂前端必备的技能点,本课程将带你系统学习 React 17 的完整技术体系,并结合 TypeScrIPt 开发热门业务应用,实现对于框架的深度掌握,助你提升硬实力,快人一步进大厂。从知识梳理到项目实战,系统提升 React17 核心应用技能。React17 精讲 + TS 实战 + 热门业务开发
&nBSp; 北美资深全栈工程师、Web技术专家,10年IT从业经验,精通 React、.Net Core、C# 、Docker、Azure云等技术,对Web研发、高并发、分布式部署有独特见解。曾任职于Netgear(美国网件)、UBC(英属哥伦比亚大学),现就职于北美某政府单位。课程讲解深入浅出,擅长于培养学生的思维能力。
〖课程目录〗:
第1章 【前言】这,不仅仅是一门课程的开始 1 节 | 12分钟
本章中,将向大家介绍本门课的相关信息,包括你能学到的知识概览、最终项目效果、学习所需的知识储备、课程讲解方式、推荐的学习方法以及未来的更新计划等等。
第2章 【基础篇】配置React与TypeScript工作环境 7 节 | 36分钟
本章开始,我们将正式开启React的学习之旅,首先让我们一起来学习,如何搭建开发环境,并学会如何启动一个React + typescrIPt 的项目。【另,TS基础不太好得同学,也可以先移步第13章附录篇,补一下基础再来进修哦】
图文:2-4 【延伸阅读】NPM vs YARN
第3章 【基础篇】React 与 TypeScript17 节 | 110分钟
React是什么?他的出现解决了什么问题?让我们通过制作一个购物网站来认识React的基础知识吧。在本章中,将会围绕类组件的知识点带同学们慢慢领悟React的特征。
视频:3-2 章节总览 (02:54)
图文:3-7 【延伸阅读】CSS in JS (JSS)
视频:3-9 【组件化】创建class类组件 (08:53)
作业:3-17 【讨论题】什么是 React?
第4章 【基础篇】React Hooks11 节 | 83分钟
视频:4-7 【全局数据传递】Context 与 useContext (07:23)
第5章 【实战项目】项目搭建与首页开发 9 节 | 69分钟
掌握基础概念以后就可以正式进入课程的实战演练部分。本章,我们将会搭建实战项目,从整体上学习实战项目的结构、学习如何给项目划分功能模块、并且学会如何更合理的配置前端项目。实战项目中也将全面使用React hooks。
第6章 【路由系统】React Router Dom8 节 | 57分钟
构建和优化一个合理的路由架构是前端攻城狮必须掌握的技能。在本章中,课程会以React-Router-dom为例,学会如何使用组件化的思想搭建一个简单、高效、可拓展的路由系统。
作业:6-8 【讨论题】组件究竟是什么?
第7章 【Redux 入门】实战项目架构设计11 节 | 118分钟
Redux是目前React中最流行的架构模式,本章将会通过网站的i18n国际化语言切换为案例,一步一步学会如何创建状态仓库store、如何实现store的链接与订阅、如何拆分合并reducer,以及如何统一管理action。除此以外,我们还会学习如何使用TypeScrIPt来处理Redux相关代码的强类型定义。…
视频:7-3 【创建state】createStore (13:04)
视频:7-6 【订阅state】store的连接与订阅 (09:59)
视频:7-8 【Redux重构】action 的拆分与统一 (14:24)
第8章 【进击的Redux】异步AJAX与redux中间件10 节 | 88分钟
前后端分离架构是目前网站开发的主流技术,本章我们将会学习如何在React项目中通过AJAX进行http数据访问,并通过redex-thunk来完成Redux架构中异步action的处理方法。
视频:8-2 【概念理解】RESTful (09:08)
图文:8-3 【API说明】课程后端在哪里?
视频:8-8 【中间件】什么是中间件 (08:41)
视频:8-9 【中间件】自定义中间件 actionLog (07:19)
第9章 【Redux-Toolkit】完成产品搜索与产品详情9 节 | 117分钟
本章,我们来完成项目的产品模块,包括产品的搜索、过滤、分页、以及数据塑形,同时我们也会学习如何进行产品相关页面ui的布局,完成旅游路线搜索页面、旅游路线详情页面等等。
第10章 【顶部导航】用户登陆11 节 | 87分钟
作为一个电商平台,用户的登陆以及注册永远是核心功能。本章我们将会学习如何使用JWT(json Web token)来实现React网站的无状态登陆,使用Redux来全局管理用户状态,并且通过Redux-persist来持久化网站状态。除此以外,我们还会学习React的表单,以及如何使用async/awAIt模式处理异步数据请求。…
第11章 【综合运用】 购物与订单9 节 | 64分钟
本章将会综合运用之前几章所掌握的React与Redux技术,实现电商网站最重要的两个功能,“购物”与“订单支付”。本章中,我们将会完成用户的购物车系统、结算系统、在线支付系统、以及订单管理系统。
第12章 【项目上线】网站测试与部署9 节 | 47分钟
测试与部署是软件开发生命周期的最后一步,本章中,我们将会使用第三方框架来编写测试用例,学习如何进行React组件的测试、如何对Redux的action与reducer的进行测试,最后还会学习如何使用Docker进行容器化部署,实现在阿里云上线。…
第13章 【附录篇】TypeScript语法入门19 节 | 133分钟
为方便同学们学习,特将【2小时极速入门 TypeScrIPt】作为课程附录内容赠送提供给大家。在本章中,主要介绍TypeScrIPt 工作流以及编译配置,认识TypeScrIPt 基本特性以及TypeScrIPt 面对对象特性等,帮助同学们轻松上手TypescrIPt常规应用。…
视频:13-1 什么是 TypeScrIPt (14:22)
视频:13-4 变量声明 (05:23)
视频:13-6 数字、布尔、与字符串 (07:40)
视频:13-7 数组(Array)和元组(Tupple) (08:27)
视频:13-8 联合(Union)与字面量(Literal)类型 (07:50)
视频:13-9 枚举类型 Enum (03:39)
视频:13-10 Any 与 unknow (05:22)
视频:13-11 void、undefined 与 Never- (06:22)
视频:13-12 类型适配 Type Assertions (03:44)
视频:13-14 object对象类型 (05:52)
视频:13-15 Interface 接口 (05:43)
视频:13-16 class 类 (11:38)
视频:13-17 Access Modifier 访问修饰符 (13:25)
视频:13-18 Module 模块 (03:06)
视频:13-19 Generics 泛型 (07:30)
*声明:课程资源购自网络,版权归原作者所有,仅供参考学习使用,严禁外传及商用,若侵犯到您的权益请联系客服删除。