, a4 o6 u1 j8 [0 L3 w. R; W
: D$ @" E4 O; B$ \% Z
〖课程介绍〗! f, |; y7 I4 e( z+ R
本课程将带你在解锁 React.js 和 Egg.js 的高阶玩法的同时,完成轮子的构建过程,再用造好的轮子开发一个全栈项目。你将在掌握全栈技能的同时,获取如何拆解复杂业务、如何造好轮子、如何优化性能等诸多“高手”必备的实用技能。
% h& |* h/ Y0 A8 c% D
, V& S- A; J" s, Q8 \* N〖课程目录〗8 j B4 @8 o( R6 P2 I" g
第1章 关于这门课,你需要知道的 试看
* `0 @6 _5 E6 Q: h2 ~1-1 课前须知,这里有你需要了解的一切 (11:20)试看. P5 F& p' v/ a' Z% t# `
" A" n- ]: `# I- T
第2章 React 核心内容梳理及自定义组件开发【拒绝啰嗦,开场即干货】! a. k0 s1 u7 `( K) D6 L
2-1 本章概览 (04:32)! W( q: a7 a6 T& r0 u- E
2-2 前端开发环境搭建 (04:11)
; h; L. m4 b2 \2-3 前端开发环境搭建之Window 下安装 nvm
3 K* n7 T; y8 m( z, U. [2-4 UmiJs极速入门(上) (14:11)
4 {% ?8 v: I' T/ {, [: h/ @ j2-5 Umijs极速入门(下) (05:49)7 h5 v& A. I, v' I5 j9 a* z- v6 \
2-6 react组件生命周期(上) (15:11)1 I" j( S i6 B5 b
2-7 react组件生命周期(下) (08:45)& C; R4 u# V+ ]
2-8 react组件之间的通信方式 (08:50)
( u6 p" a( [) x2-9 Dva数据处理及数据mock (18:59)
, p0 T, h3 J+ a$ ?& u2-10 基于react context api 实现数据流管理 (13:41)/ O$ l- a9 a h5 Z
2-11 LazyLoad组件开发【基于lazy 与 suspense 实现的懒加载组件】 (11:05)( H; K8 G1 k6 ], ?' x3 W# @
2-12 ErrorBoundary组件开发【基于React错误边界技术实现的组件】 (06:09)& Q h+ _6 H6 s7 b
2-13 Modal组件开发【基于createPortal 创建自定义弹窗组件】 (11:52), }8 ~4 [) A& w! z
2-14 使用 ref api 来操作dom和组件 (10:03)
& G3 f: u0 H4 S" W" B: \$ n i3 L$ K& C/ H- s# z- [& X H
第3章 React Hooks 开发模式详解及自定义hook开发 试看
8 @- _ k* @3 P* a2 t8 q8 e3-1 react hook api-新的组件开发模式 (16:24)
7 X! s9 j8 L: z0 P) g- Q6 B ^+ m3-2 useContext和useReducer实现数据流管理 (10:19)
* @9 B0 b: `2 C4 M7 H3-3 useTitleHook【根据url修改页面title的自定义hook】 (06:44): b0 U7 n' W8 U4 T$ X
3-4 useHttpHook【基于fetch api 封装具有监测功能的自定义hook】 (11:51), `& R- {& A( p. j0 l, g7 \
3-5 使用think-react-store实现数据处理【基于React context 和 hook的数据流解决方案】 (16:00)试看
" V5 X7 K1 K& D0 K3-6 Fiber架构解析 (06:54)
/ a5 A: I5 M: u. i! }7 i+ V9 [& p& O
第4章 为什么应用Egg.js) \( x: [* a1 P( R( c+ |
4-1 Egg.js 企业级开发的利器概述 (07:02)
* C, D$ |! B$ R% g3 q) z7 V2 w V4-2 Egg.js 初体验 (08:16)
+ c* Y4 |- F9 m* |0 O9 }; W) v& ^: M" Q4-3 Node.js 中的进程 (16:22)# u; c3 P* }3 u5 T' t! V1 G
4-4 Egg.js 中多进程模式- (06:44)! z( c6 p4 Y* x; X3 A
4-5 超越Express/Koa2,Egg.js中的渐进式开发模式 (08:52)0 D0 A& N( ^ ^
* ]4 w- k* D2 E. x6 f* R
第5章 Egg.js 基础--路由/控制器/服务/模板引擎等
/ @- g$ p: D; i+ l5-1 Egg.js 中 Controller 的使用和单元测试 (11:40)
8 d5 w( ?- o, Q5-2 Egg.js 路由中 get 请求的处理方式 (05:53)
. ?" B; |1 {6 M6 [5-3 Egg.js 路由中 post/put/delete等请求的处理及参数校验 (10:52)
# _7 D, f( ~3 ~ W* t1 Z( Q3 K4 Q* T5-4 Egg.js 中 Service 服务和单元测试 (07:05)/ w! {/ Q4 x% t2 ]
5-5 Egg.js 中使用 Ejs 模版引擎 (14:02)
* C4 S ^ O& v y$ l/ B5-6 Ejs 模版引擎中静态资源的使用和配置 (07:34)
( T8 D% [2 z! B: P& L5-7 Egg.js 中 Cookie 的配置和使用以及如何设置中文cookie (16:32)$ l5 j; h; o1 T& o3 D2 I
5-8 Egg.js 中 Session 的配置和使用 (11:41)
) Q$ p- F' Y" \7 r5-9 Egg.js 中使用 HttpClient 请求其他接口 (07:43); L6 x3 ?2 g9 F
( Y2 o1 W3 [# o7 z第6章 Egg.js 高阶--插件/中间件/扩展等 试看
+ R8 l- l6 v- @) Y2 B6-1 中间件,绕不开的洋葱圈模型【实现日志中间件httpLog】 (11:37)/ s! U% l& `) D. O H0 E
6-2 丰富的扩展方式,项目开发得心应手【提取公共逻辑,提升开发效率】(上) (11:59)试看8 u+ ~! E. t2 f( Y: d
6-3 丰富的扩展方式,项目开发得心应手【提取公共逻辑,提升开发效率】(下) (12:18)
$ Y3 B' ^+ z! Q6-4 插件机制, Egg.js 灵活应用【实现用户登录验证插件egg-auth】 (08:43)5 A5 C" i- ?/ ~) y; `
6-5 Egg.js 中的定时任务 (05:25)
3 V4 m. e/ D+ X: v j2 D
5 Z' g+ U( l: N# l+ M第7章 Egg.js 操作 Mysql 数据库 i; `5 a' O, {; C/ z7 Y
7-1 安装 Mysql 数据库 (03:11)
* s6 k( a# ^+ P% h% q7 Y/ B7-2 Mysql 入门,基础增删改查操作 (08:43)
- J" v6 e1 u0 T9 x: Z7-3 使用egg-mysql插件操作数据库 (14:30)
" [0 o* S& n+ Q, M% K7-4 Egg.js 中使用 Sequelize 操作 mysql 数据库 (14:04)
3 |7 G6 q/ f. W9 P* K+ w7-5 Sequelize常用数据类型和条件判断
8 y, n, ^* v/ E0 \" G- s& O7-6 Sequelize 常用增删改查函数; r# a8 n4 i+ Y7 |& \7 C D
4 ]3 A$ R+ ^5 b! R/ g第8章 前端界面开发及功能优化【开战啦~~】 a1 |3 {# |$ \7 p8 T
8-1 本章概览 (04:52)
) ?; l! x& J( p: w! t8-2 实现网站的底部导航功能 (18:08)
" l, R2 h4 T5 O; j1 ^8-3 首页开发 (23:09)& c8 k8 y+ g6 p. w3 D
8-4 为首页添加数据mock(使用useHttpHook请求数据) (06:55)
~' s' x8 ], E' q6 K8-5 开发搜索页面 (15:19)' M S2 F) \) p1 |
8-6 初识IntersectionObserver,实现useObserverHook (15:09)& B* g+ E* I/ |! Z. j/ a+ @
8-7 使用useObserverHook实现滚动加载(上) (13:57)) I6 \- e( V7 N" Y b( R ^
8-8 使用useObserverHook实现滚动加载(下) (10:13)
/ j- z7 {- ^# Y- A8-9 使用useImgHook实现图片懒加载 (10:56)4 M+ E7 w' D( \7 m1 y! y
8-10 优化-提取公共组件,使用枚举,引入project-libs (15:43)
6 [2 J: s! e8 e+ n M& \8-11 民宿详情页面界面开发 (24:03)
& l) f7 f' s; _2 o% _8-12 为民宿详情页面添加数据流管理(上) (18:18)% t9 T/ z0 R7 @- {6 P8 C {. Q
8-13 为民宿详情页面添加数据流管理(下) (23:44)4 v- S3 S$ K8 {3 T2 J9 H9 T8 a, T
8-14 开发订单页面 (12:13)
5 }4 m5 e0 {# V) v2 I0 ]' i8-15 为订单页面添加滚动加载效果(使用useObserverHook,但不监听数据) (15:45)( X. k2 V" N" u* E! c
8-16 开发我的页面(使用rc-form处理表单数据) (18:49)
6 c, A7 k* N0 `" f8-17 为我的页面添加数据管理 (13:00)/ I* j& n: s% M: k) ]$ ~
8-18 开发用户登录和注册页面 (16:09)
& a$ x& n% a+ _6 [$ J' G. B. \; }8-19 通过 umi 运行时配置,对页面进行登陆验证 (12:21)
8 j0 h6 P2 u! n* q& p8-20 优化-使用 React.memo 减少渲染次数 (06:10)
7 j5 e3 {8 ^& r8-21 优化-订单页面添加骨架屏 (07:21)
3 k4 H8 }7 O% ^! E3 C& m9 C& `4 J# T
* g g6 O+ E! i; f第9章 服务端用户模块实现及优化 B- _( A# D, U+ _+ d
9-1 本章概览 (02:53)
2 n3 a; @0 e% U/ x: i$ O( Y/ C0 j5 k4 R9-2 创用户表,建基于 Sequelize 编写用户模型 (07:46), w/ ]7 v& \2 F4 r& a5 o/ g
9-3 开发用户注册接口 (10:04)9 l. P. A' U# o( ^8 C9 Z5 M# T D7 O
9-4 扩展Egg.js的帮助函数 (04:31); w6 Z7 J% @* o
9-5 开发用户登陆接口 (05:55)
/ C3 I" e: K, ]9-6 什么是 JWT 技术? (02:44)+ L( z& g/ E0 j
9-7 使用 JWT 改造注册和登陆接口,并联调登录注册接口 (11:16)
6 b: |: X# ?0 s" a) Z2 ^/ `9-8 开发用户详情接口和用户退出登录接口 (11:50)/ m. f t! s9 }# R. B# \, {
9-9 优化用户登录验证插件 (05:17)/ U3 g3 i ?. y
9-10 redis 的简单使用,将用户基础信息存储在 redis 中 (10:38)
0 o" S0 W6 H" ?, D9-11 将公共逻辑写在BaseController和BaseService里面,并开发新的中间件 (15:31)7 i" H4 q- H; X) |
9-12 编写用户编辑接口,并与前端进行联调 (09:12)
( X4 W( E% R) L
0 A f z; A, Z第10章 服务端民宿&订购模块实现及优化
1 o5 v1 H% T6 e& h5 i/ \10-1 创建民宿、评论表以及编写 Sequelize 模型 (17:45)
2 Z/ f# Y% R& b3 K; R10-2 开发egg-notFound 插件,处理接口不存在问题 (09:54)
5 h- R6 M+ V" u+ g10-3 获取城市列表数据,基于Sequelize多表联查编写热门民宿接口 (14:21)( D& u4 r1 c) k+ u
10-4 编写搜索民宿接口,与前端联调 (08:02)
9 L$ Z2 B) K# }* r0 V1 @10-5 编写民宿详情接口,与前端联调 (06:52)5 j! Y7 B5 ^1 y+ R" Z) K y
10-6 编写添加评论和评论列表接口,与前端联调 (11:56)0 a% Z6 f4 _! \9 \
10-7 创建订单表,基于 Sequelize 编写订单模型 (05:59)! e/ O3 M4 s1 y4 d, \2 A. A' N' s
10-8 编写预定和取消预定民宿接口,与前端联调 (20:25)
. ]" ?; d1 ~+ c/ i( a/ \: R5 F10-9 编写订单列表接口,与前端联调 (09:02)
7 q" c: B2 O: h10-10 Egg.js 模拟支付过程,与前端联调 (06:40); [1 X& m" L5 A6 [; C- X
10-11 优化用户信息获取方式,对egg框架进行扩展 (04:24)9 N* _( q1 d2 c5 Z: W
2 Q1 ^/ r" N( O. B0 k6 r' _
第11章 项目安全【安全问题不能松懈】' x, n, R# c: z" g ^+ ^( h$ {
11-1 XSS 常见攻击方式与解决思路 (09:00)
( D+ J# s. a9 B {11-2 CSRF 常见攻击方式与解决思路(开发egg-allowHosts插件) (08:51): W+ ~! g# b Q
11-3 如何对接口限流,避免无限制请求(开发egg-interfaceLimit插件) (05:40)
8 ~+ ]8 F0 ?" }/ t$ N# u11-4 接口缓存问题处理(开发egg-interfaceCache插件) (06:00)& H# }; z* l1 Z/ a; q" h
( L) a3 I' V5 Y+ {& L6 U
第12章 项目部署【靠不靠谱,用过才知道】
# I* s6 Q! c1 m, J+ r0 V12-1 Docker简介 (04:23)
) @0 p8 F3 o2 {8 {; k! v12-2 Docker基础入门 (11:59)
% h! ]1 e ^& e12-3 阿里云后台介绍 (04:42)2 w. i+ L" t. U
12-4 项目部署 (19:28)
& h9 [! m/ `8 O6 u( ~" I5 E12-5 Docker操作说明: y5 k$ K8 A7 H4 ]% G
12-6 Docker安装mysql后,node连接报错解决方式4 P: V5 C T% h% V) o0 j+ K
12-7 课程总结 (08:02)
/ e& o9 C' J" z" o; Z* k6 n# O: o5 O7 ]6 H; Z1 p
〖下载地址〗+ ~3 g7 Y& G5 {- w j. D
# s/ `, z6 k; U: G% I: P; Y! C〖升级为永久会员免金币下载全站资源〗
: b4 l- P' w) C. p全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
# Q" H6 |' `( ^1 ?
/ \% b# x- Y% V: a3 ?5 B9 J |
|