Javascript

Nodejs

Linuxfull-stack

Git&GithubDevTool

全栈课程

总时长总课时

147h'25m425

全栈课程整体由两部分组成，可根据需要只购买其中一部分进行学习

这部分课程包含所有你需要学习的JS知识，通过配合练习和案例，让每一个学习的同学学以致用，真正地彻底掌握JS。在跟着我一起开发完整的网站项目之后，带着大家学会如何部署上线自己的网站项目～

120h

345课时

24章

目录卡片顶部有

是该课程包含的内容

后端的一些基本能力，已经成为前端开发者必备的技能，课程通过介绍我们日常开发中常用必备的后端知识，让大家掌握必要且实用的后端开发技能，帮你节约大量的时间和精力，避免不必要的痛苦摸索的过程～

23h

64课时

4章

目录卡片顶部有

是该课程包含的内容

JavaScript基础与核心知识

one

类型

原型与原型链

作用域与作用域链

闭包

递归

同步与异步

this

构造函数

class

继承

JS的基础知识和核心概念，从变量到对象到数组到函数，还有各种基本的语句写法和运算符的使用，按照初学者更容易学习的讲解逻辑进行组织，帮助大家打好JS的基础。

1必须了解的基础知识54m

1计算机 编程语言 程序8'26

2绕不开的二进制13'27

练习讲解 - 绕不开的二进制7'42

4数据单位那些事12'3

练习讲解 - 数据单位那些事2'2

6聊一聊浏览器10'6

2随时都会用到的变量1h37m

7什么是变量19'25

8如何使用变量24'57

练习讲解 - 如何使用变量2'32

10垃圾回收机制6'38

11初识基本数据类型25'24

12基本数据类型与内存16'14

练习讲解 - 基本数据类型与内存2'58

3无处不在的对象1h5m

14初识对象23'51

练习讲解 - 初识对象3'37

16对象与内存30'49

练习讲解 - 对象与内存7'39

4语句 表达式和运算符4h21m

18语句中的表达式13'9

练习讲解 - 语句中的表达式2'10

20基本的运算符19'39

练习讲解 - 基本的运算符5'48

22比较运算符和隐式类型转换28'7

练习讲解 - 比较运算符和隐式类型转换6'9

24有点奇妙的逻辑运算符22'13

练习讲解 - 有点奇妙的逻辑运算符6'18

26一前一后的三元运算符17'5

练习讲解 - 一前一后的三元运算符3'19

28流程控制语句 if else12'47

练习讲解 - 流程控制语句 if else5'8

30switch case 也可以6'48

练习讲解 - switch case 也可以2'42

32重复机器-for循环语句12'52

33跳出循环与循环嵌套17'51

练习讲解 - for循环6'44

35其他循环与遍历15'44

练习讲解 - 其他循环与遍历7'1

第五章综合练习一23'42

第五章综合练习二28'49

5无所不能的大佬-函数5h32m

39初识函数17'23

练习讲解 - 初识函数6'22

41函数的参数24'56

练习讲解 - 函数的参数15'3

43函数的返回值22'35

练习讲解 - 函数的返回值8'52

45定义函数的几种方式14'53

练习讲解 - 定义函数的几种方式3'15

47初识作用域与作用域链20'24

练习讲解 - 初识作用域与作用域链4'18

49几种作用域与声明提升10'3

50认识let和const17'4

练习讲解 - 认识let和const1'53

52全局对象与this21'37

练习讲解 - 全局对象与this6'47

54神奇的构造函数18'19

练习讲解 - 神奇的构造函数7'54

56函数也是对象8'13

57构造函数与类型10'59

58匿名函数与立即执行函数8'9

59补充作用域与作用域链8'6

第六章综合练习一46'29

第六章综合练习二29'9

6经常要使用的数组5h38m

62什么是数组32'9

练习讲解 - 什么是数组6'10

64修改数组的方法们一23'31

练习讲解 - 修改数组的方法们一7'46

66修改数组的方法们二25'9

练习讲解 - 修改数组的方法们二7'10

68迭代数组的方法们一36'22

练习讲解 - 迭代数组的方法们一6'14

70迭代数组的方法们二25'37

练习讲解 - 迭代数组的方法们二10'

72数组排序的方法们16'29

练习讲解 - 数组排序的方法们4'15

74索引相关的方法们18'22

练习讲解 - 索引相关的方法们15'21

76其他的方法们15'34

77for of与可迭代对象11'18

78数组方法们的总结14'30

第七章综合练习一36'44

第七章综合练习二28'7

7深入对象与类型4h2m

81构造函数与原型39'54

练习讲解 - 构造函数与原型2'15

83定义类型的新方式 class17'32

练习讲解 - 定义类型的新方式 class5'10

85类型的继承 extends28'17

练习讲解 - 类型的继承 extends4'56

87从原型到原型链40'58

88Object相关的方法们24'24

89特别的包装类型12'50

90字符串相关方法11'47

91对象的使用小技巧10'7

92原型与原型对象总结12'47

第八章综合练习30'23

8深入了解函数5h43m

94再聊作用域19'53

95代码执行的背后46'24

96什么是闭包20'18

97闭包的意义与作用26'35

练习讲解 - 闭包的意义与作用2'4

99什么是递归20'33

练习讲解 - 什么是递归1'45

101神奇的call apply bind19'4

102同步与异步22'48

练习讲解 - 同步与异步1'45

104初识时间循环机制18'1

105for循环的闭包问题23'15

106函数的arguments26'32

练习讲解 - 函数的arguments5'32

108函数参数的其他细节23'13

第九章综合练习一39'36

第九章综合练习二28'13

9基础部分补充3h3m

111JS中的数学计算22'46

练习讲解 - JS中的数学计算6'59

113在JS中使用时间36'32

练习讲解 - 在JS中使用时间3'37

115认识下模板字符串20'51

116基本错误类型与throw18'23

练习讲解 - 基本错误类型与throw2'40

118认识下try catch10'43

119初识断点调试16'44

120运算符的优先级17'47

第十章综合练习35'31

页面元素交互与动效实现

two

DOM

事件

BOM

交互动效逻辑

canvas

Promise

async/await

模块化

网络请求

跨域

这一阶段我们主要要学会利用已经掌握的JS基础知识配合DOM和事件，对页面元素进行操作，实现各种有趣的交互效果，同时我们还要深入学习同步与异步，以及网络、代码模块化方面的知识。

10HTML变身成DOM6h2m

122初识DOM30'53

123深入了解DOM21'3

124DOM的类型与继承关系32'29

练习讲解 - DOM的类型与继承关系9'53

126DOM元素的获取 一34'28

127DOM元素的获取 二20'47

练习讲解 - DOM元素的获取10'18

129DOM元素的修改43'58

练习讲解 - DOM元素的修改13'43

131DOM创建 添加与删除27'19

练习讲解 - DOM创建 添加与删除20'29

133DOM的一些补充28'44

练习讲解 - DOM的一些补充3'50

135DOM的部分总结34'26

第十一章综合练习40'22

11交互的灵魂-事件5h19m

137认识DOM事件41'16

练习讲解 - 认识DOM事件5'55

139重要的事件对象33'17

练习讲解 - 重要的事件对象1'15

141事件流机制48'14

练习讲解 - 事件流机制3'16

143巧妙的事件委托28'56

练习讲解 - 巧妙的事件委托7'24

145实现交互动画的基本逻辑47'41

146了解下有哪些事件34'43

第十二章综合练习一38'59

第十二章综合练习二29'36

12随心所欲的交互与动画14h18m

149一点必要的补充31'3

案例一 实现元素的样式改变33'12

151案例一 实现元素的添加14'14

152案例一 实现整体的拖拽27'36

153案例一 实现拖拽排序功能一40'36

154案例一 实现拖拽排序功能二25'14

案例二 实现点击切换33'3

156鼠标点击事件部分总结27'6

157滚动相关事件属性方法一39'33

158滚动相关事件属性方法二17'36

案例三 wheel滚轮事件交互一33'32

案例三 wheel滚轮事件交互二23'42

案例四 scroll页面滚动事件交互一34'8

162案例四 scroll页面滚动事件交互二22'31

163案例四 scroll页面滚动事件交互三28'58

164案例四 scroll页面滚动事件交互四25'

165了解交叉观察器53'22

166鼠标移入移出事件20'46

案例五 鼠标进出与观察器44'9

168交互动效阶段小总结15'

169认识元素的焦点24'47

170键盘按键与输入事件33'49

案例六 实现待办事项一30'3

172案例六 实现待办事项二19'5

173案例六 实现待办事项三27'26

174案例六 实现待办事项四14'47

175案例六 实现待办事项五28'26

176案例六 实现待办事项六25'28

案例七 实现图片点击放大47'36

178交互实现简单阶段总结16'47

13移动端与其他的事件交互5h31m

179移动端的开发调试23'16

180移动端的一些问题15'2

181了解touch事件49'5

案例八 旋转滑动卡片一23'46

183案例八 旋转滑动卡片二40'7

184案例八 旋转滑动卡片三22'21

案例九 卡片触摸翻转36'3

186认识移动端设备事件20'30

187了解浏览器常用事件32'23

188实现截流与防抖33'57

189实现模拟触发事件13'28

190JS实现灵活动画10'25

191交互与动效总结11'29

14深入同步与异步4h34m

192异步代码的问题30'44

193初识promise23'12

194原型上的then方法1小时4'

练习讲解 - 原型上的then方法4'49

196promise的其他方法26'29

197好用的async await28'42

198深入事件循环机制一33'32

199深入事件循环机制二22'21

第十五章综合练习一22'48

第十五章综合练习二18'15

15数据网络传输基础3h46m

202IP 域名 端口33'53

203子网和子网掩码26'2

204了解数据的传输20'18

205建立连接34'18

206服务器工作机制18'38

207真正的数据收发29'19

208了解http协议16'14

209请求报文与响应报文29'30

210第十六章总结和补充18'43

16用JS与服务器交互3h49m

211了解JSON与相关方法46'32

212认识api并模拟一下21'16

213经典的ajax 一32'30

214经典的ajax 二25'18

215不是饼干的cookie34'22

216好用的fetch32'14

217什么是跨域21'19

218浏览器中存储数据16'17

17让代码更优雅的模块化2h52m

219传统引入代码的方式26'13

220ES标准的模块化32'4

221了解更多的模块化17'31

222学习使用Lottie31'24

第十八章综合练习一(有交互案例)38'7

第十八章综合练习二27'25

18啥都能绘制的Canvas6h3m

225Canvas绘制的基本逻辑一25'57

226Canvas绘制的基本逻辑二31'40

227Canvas绘制的基本逻辑三21'54

228Canvas绘制的基本逻辑四24'28

练习讲解 - 绘制的基本逻辑32'39

案例 实现签字板效果18'34

231绘制坐标系的变化28'51

232绘制状态的存取19'50

案例 绘制一个会动的钟 一24'18

234案例 绘制一个会动的钟 二17'34

235用图片来绘制15'1

案例 苹果官网耳机效果一24'41

237案例 苹果官网耳机效果二13'31

238像素处理功能27'59

案例 实现一个拾色器11'52

240Canvas补充与总结26'40

19浏览器浓缩成BOM1h6m

241什么是BOM17'6

242Location是什么23'10

243History是什么15'54

244Navigator和Screen10'17

网站项目实操与上线

three

使用第三方代码库

了解项目代码逻辑

类型与继承实操

网站部署

高阶JS知识

JSDOC

GSAP

jQuery

Pixijs

Paperjs

通过开发真实的网站项目，了解项目开发中的工作方式和代码组织的逻辑思路，也学会使用第三方的代码库，并且掌握基本的把项目部署上线的方式。同时还要补充一些需要了解但是并不那么常用的JS告高阶知识，以及一些在需要给大家了解的额外内容。

综合项目一 个人网站

12h11m

245综合项目阶段介绍与相关提示31'24

246学习jQuery的基本使用32'9

247学习Paperjs的基本使用 一31'45

248学习Paperjs的基本使用 二18'42

249学习GSAP的基本使用 一20'18

250学习GSAP的基本使用 二18'33

251学习使用animate.css13'15

252通过JS实现视频与音频控制22'4

253鼠标效果的跟随外圆26'2

254鼠标效果的中间小圆点15'39

255首页-第一部分的基础结构20'53

256首页-第一部分-导航栏区域样式与交互一21'58

257首页-第一部分-导航栏区域样式与交互 二28'39

258首页-第一部分-文字部分的样式与交互14'24

259首页-第一部分-图片部分的样式与交互16'28

260首页-第二部分-基本结构28'9

261首页-第二部分-样式与交互一30'59

262首页-第二部分-样式与交互二26'33

263首页-第三部分-基本结构16'53

264首页-第三部分-样式与交互25'48

265首页-页面加载效果24'12

266首页-页面初始化效果15'14

267首页-主题样式切换效果一21'19

268首页-主题样式切换效果二14'49

269首页-响应式/自适应处理一19'17

270首页-响应式/自适应处理二15'23

271首页-移动端化处理23'59

272其他页面访问地址逻辑15'14

273moreworks 页面文件组织逻辑21'59

274gsap-scrollTrigger插件使用一17'19

275gsap-scrollTrigger插件使用二18'35

276moreworks页面-交互逻辑实现一27'42

277moreworks页面-交互逻辑实现二20'57

278其他页面与重要知识点补充15'23

21网站部署与上线1h51m

279网站部署上线核心要点23'29

280项目上线前优化要点 一20'44

281项目上线前优化要点 二24'3

282最快部署方式第一部分21'11

283最快部署方式第二部分9'36

284腾讯云的快速部署方式12'18

综合项目二 网页游戏

12h58m

285pixijs是什么14'11

286基本逻辑与初舞台搭建21'13

287元素准备与上场28'17

288绘制文字元素13'

289绘制基本图形元素12'26

290元素基本设置一29'31

291元素基本设置二13'15

292元素动态变化一19'8

293元素动态变化二15'52

294元素沿某个角度移动14'29

295元素碰到边界改变方向20'30

296内置滤镜的使用23'39

297外部滤镜的使用13'10

298项目二基本介绍11'56

299加载场景搭建23'37

300加载场景-实现眨眼的彩虹星星36'26

301加载场景-实现加载进度条19'38

302加载场景-文字处理33'12

303游戏场景-实现彩虹滚动标题31'10

304游戏场景-标题的其余部分11'50

305游戏场景-实现散布的小元素14'19

306游戏场景-用继承方式改造33'43

307游戏场景-实现挡板元素25'3

308游戏场景-金色星星与开始按钮15'16

309游戏控制-实现一个管理资源加载的类型36'24

310游戏控制-改造数据传递和创建控制类型18'50

311游戏控制-实现加载进度条和数据加载联动19'15

312游戏控制-加载场景消失与游戏场景出现30'

313游戏控制-游戏正式开始后元素落位23'50

314游戏控制-挡板的拖拽与缩短功能31'7

315游戏控制-小元素的出现逻辑实现21'

316游戏控制-实现碰撞改变方向和挡板逻辑35'15

317游戏控制-游戏计分和游戏结束的基本实现21'2

318游戏控制-项目声音添加与简单移动端处理32'24

319项目二补充与总结19'18

23其他重要的JS知识6h59m

320属性描述符一 数据属性24'16

321属性描述符二 访问器属性27'39

322新的原始值类型 - Symbol22'19

323新的数据结构 - Map和Set30'23

324了解定型数组 一18'39

325了解定型数组二20'49

326再聊聊类数组10'28

327什么是迭代器36'12

328生成器的执行逻辑39'4

329生成器与迭代器结合12'31

330代理与反射28'21

331高阶函数 - 函数科里化15'32

332高阶函数 - AOP编程9'18

333了解算法与数据结构28'20

334了解webWorker15'21

335正则表达式一40'4

336正则表达式二32'37

24特别补充与介绍2h22m

337关于这一章14'15

338表单数据处理与剪贴板11'47

339浏览器的资源缓存与加载17'22

340代码注释与JSDOC8'10

341如果你想写个库9'39

342后续可以学什么 一18'11

343后续可以学什么 二18'3

344了解React和Vue几个重要概念26'23

345一些前端工具及名词介绍16'6

后端必备知识与实操

four

Linux

Shell

ohmyzsh

Git

Github

Nodejs

NPM

Express

帮助大家入门后端的基本操作和使用，让大家具备基本的后端开发的能力，学会命令行操作，服务器的配置，Nodejs基本使用，同时了解后端开发的基本逻辑和工作方式，提升自己在开发工作中的综合能力。

25后端的灵魂-Linux与Shell8h34m

346关于后端学习的说明18'8

347重新认识操作系统22'18

348什么是shell13'

349初识终端和shell22'47

350[windows系统必看]WSL 安装 linux10'42

351shell-基本用法和常见命令 一29'14

352shell-基本用法和常见命令 二33'12

353shell-用vim编辑文件30'54

354Linux-文件系统与权限管理一30'3

355Linux-文件系统与权限管理二31'13

356Linux-深入了解进程 一22'34

357Linux-深入了解进程 二16'52

358shell-重要的配置文件31'51

359shell-程序安装与使用 一24'29

360shell-程序安装与使用 二18'34

361shell-其他常用命令与工具20'8

362shell-macOS的终端和shell美化与配置一23'59

363shell-macOS的终端和shell美化与配置二23'34

364shell-[windows] WSL shell 配置与美化一27'47

365shell-[windows] WSL shell 配置与美化二34'43

366shell-[windows]不使用WSL shell配置与美化31'51

26学会使用强大的Nodejs10h32m

367初识Nodejs33'13

368NPM与包管理一21'26

369NPM与包管理二26'12

370学会使用Vite40'12

371Nodejs学习前准备33'21

372实现简单的端口监听39'21

373Nodejs读取文件并发送 一21'1

374Nodejs读取文件并发送 二31'4

375浏览器端JS接收数据与处理 一26'12

376浏览器端JS接收数据与处理 二21'41

377了解FS模块的其他方法25'48

378实现一个简单的网站服务器功能26'34

379了解文件的编码方式与扩展名24'41

380nodejs接收数据并处理 一21'2

381nodejs接收数据并处理 二28'32

382nodejs接收数据并处理 三15'22

383webSocket实现即时通讯功能25'20

384ajax实现上传进度进度监控5'15

385jsonP的跨域逻辑实现13'36

386服务器发请求 & API开发 & SDK27'5

387Nodejs的框架们 - express等25'51

388了解数据库12'56

389CMS & 支付 & 注册登录 - 实现逻辑35'4

390Nodejs的事件循环机制6'59

391了解Stream23'24

392其他补充的知识21'59

27远程云服务器实操2h20m

393现代化的微服务-云函数7'3

394云服务器的选择与购买13'13

395云服务器的登录17'16

396云服务器的简单配置9'3

397移植本地开发功能到服务器上16'20

398nginx实现网站服务器功能22'59

399nginx实现https访问12'48

400nginx与NodejsAPI配合14'13

401可能会用到的云服务们18'26

402使用服务器要注意的问题8'28

28学习使用Git和Github2h18m

403Git基本工作逻辑9'58

404Git的基本操作32'7

405Git分支的操作30'54

406Git和Github协作30'43

407如何参与开源项目7'55

408Git分支管理项目开发演示29'35

29了解Chrome开发者工具1h21m

409Element面板33'50

410Console面板7'30

411Source面板21'44

412Network面板14'19

413其他面板5'58

30一些补充的内容35m

414浏览器的渲染机制8'18

415了解web component6'56

416DOM的遍历API3'32

417了解JS中的位运算2'7

418eval和with3'11

31最后一章25m

419设计与开发的对接14'58

420开发为什么需要审美6'19

421课程完结寄语4'4