前端必学 40个精选案例实战 一课吃透HTML5+CSS3+JS

企业、电商、教育等多领域场景40+专项训练与综合实战（PC+移动端）,手把手带你体系化知识与技能双重收获

*   00 资料/

  *   源代码/

    *   01 Web_Courseware.zip (31.46 MB)

*   01 第1章 认知篇：带你走进前端的世界/

  *   01 1-1 课程导学-让你快速了解课程.mp4 (49.19 MB), 09:01

  *   02 1-2 带你走进前端的世界.mp4 (30.45 MB), 05:31

  *   03 1-3 前端行业的发展与规划.mp4 (62.98 MB), 11:26

  *   04 1-4 任务：请规划自己的职业发展目标.html (0.69 MB)

  *   05 1-5 前端的今生来世.mp4 (44.13 MB), 08:12

  *   06 1-6 前端的三大核心技能.mp4 (20.56 MB), 03:15

*   02 第2章 体验篇：你的第一个网页【梦开始的地方】/

  *   01 2-1 必选利器-前端开发工具.mp4 (123.28 MB), 22:26

  *   02 2-2 初体验-搭建html 网页初始化标签.mp4 (96.54 MB), 16:46

  *   03 2-3 选学篇：Sublime与VSCode编辑器 初始化骨架.mp4 (31.10 MB), 04:55

*   03 第3章 案例1： 仿百度图文列表实战【HTML篇】/

  *   01 3-1 案例分析：百度图文混排效果-修改版.mp4 (20.08 MB), 03:45

  *   02 3-2 理解img标签的作用和含义.mp4 (122.05 MB), 17:40

  *   03 3-3 理解a标签的作用和含义.mp4 (73.26 MB), 12:43

  *   04 3-4 理解div标签的作用和含义.mp4 (39.58 MB), 07:06

  *   05 3-5 理解ul标签的作用和含义.mp4 (48.07 MB), 08:18

  *   06 3-6 理解ol标签的作用和含义.mp4 (36.13 MB), 05:33

  *   07 3-7 【网页搭建思路与规范】 百度新闻图文混排骨架搭建.mp4 (60.38 MB), 10:47

*   04 第4章 案例2：前端必备技能--PS网页切图【PS篇】/

  *   01 4-1 【图片认知】 5大图片类型，在网页中的展示方式.mp4 (45.43 MB), 07:04

  *   02 4-2 【基础操作】 PS从安装、新建到保存.mp4 (58.94 MB), 10:32

  *   03 4-3 【辅助切图】 PS图像放大与缩小功能及辅助线的使用.mp4 (65.66 MB), 10:17

  *   04 4-4 【字体设置】 PS软件字体操作及字体库的文字安装.mp4 (52.81 MB), 08:52

  *   05 4-5 【截取图片】 PS选取框的基本使用-.mp4 (40.93 MB), 07:35

*   05 第5章 案例3：仿QQ邮箱登陆实战【HTML篇】/

  *   01 5-1 案例分析：QQ邮箱登陆框案例分析与思路-.mp4 (8.23 MB), 01:41

  *   02 5-2 第一步：input标签实现输入框.mp4 (39.64 MB), 06:42

  *   03 5-3 第二步：设置输入框默认内容.mp4 (44.88 MB), 07:25

  *   04 5-4 第三步：button标签实现按钮.mp4 (26.80 MB), 04:14

  *   05 5-5 第四步：p标签实现内容文字.mp4 (48.64 MB), 07:30

  *   06 5-6 第五步：span标签实现内置文字.mp4 (31.99 MB), 05:28

  *   07 5-7 【网页搭建思路与规范】 QQ邮箱登录框骨架HTML搭建-.mp4 (68.42 MB), 12:08

  *   08 5-8 【经验分享】如何使用浏览器功能看到元素状态.mp4 (51.26 MB), 07:40

*   06 第6章 案例4：仿B站导航条案例【基础样式】【CSS篇】/

  *   01 6-1 .【案例分析】B站导航条案例.mp4 (8.35 MB), 01:31

  *   02 6-2 交互方式：CSS样式和HTML的交互方式-.mp4 (91.87 MB), 15:55

  *   03 6-3 第一步：运用CSS 基本样式设定案例元素宽高.mp4 (44.24 MB), 08:04

  *   04 6-4 第二步： 运用CSS的群组选择器来控制导航的一群元素.mp4 (45.79 MB), 08:17

  *   05 6-5 -第三步：运用CSS的基本样式设定文字的行高、对齐的样式.mp4 (58.87 MB), 10:39

  *   06 6-6 -第四步：运用CSS的基本样式设定元素的边框.mp4 (93.48 MB), 16:41

  *   07 6-7 第五步：运用CSS的基本样式设定元素的圆角.mp4 (49.55 MB), 08:48

  *   08 6-8 灵活运用：深入CSS集选择器.mp4 (61.45 MB), 10:52

  *   09 6-9 讨论：猜猜网页中哪些是CSS样式.mp4 (29.70 MB), 05:29

*   07 第7章 案例4：仿B站导航条案例【布局】【CSS篇】/

  *   01 7-1 第一步：浮动布局实现导航元素连续排列.mp4 (57.16 MB), 10:12

  *   02 7-2 第二步：元素外边距样式实现导航元素间距离.mp4 (70.53 MB), 12:50

  *   03 7-3 第三步：元素内边距样式实现文字与元素的间隙.mp4 (42.99 MB), 07:35

  *   04 7-4 重点知识：盒子模型【重点】.mp4 (66.54 MB), 11:51

  *   05 7-5 第四步：完善b站导航条效果.mp4 (136.25 MB), 25:39

  *   06 7-6 避坑：浮动的坑问题.mp4 (18.29 MB), 03:08

*   08 第8章 案例5：经典背景图文列表【CSS篇】/

  *   01 8-1 案例分析：经典背景图文列表案例分析与思路.mp4 (10.24 MB), 01:51

  *   02 8-2 理论实操：图文背景如何设定.mp4 (34.51 MB), 05:59

  *   03 8-3 理论实操：理解元素的颜色背景设定.mp4 (73.38 MB), 13:17

  *   04 8-4 理论实操：元素的图片背景的平铺、大小、定位设置.mp4 (83.24 MB), 15:18

  *   05 8-5 基础知识：背景样式缩写方式.mp4 (33.65 MB), 06:13

  *   06 8-6 综合实战：背景图文列表的图片列表制作.mp4 (127.14 MB), 23:19

  *   07 8-7 理论实操：文字大小、粗细、风格、颜色的样式.mp4 (54.07 MB), 09:28

  *   08 8-8 文字大小写字母样式、字体类型、首行缩进样式.mp4 (59.91 MB), 09:30

  *   09 8-9 理论实操：文字中英文折行.mp4 (28.95 MB), 04:57

  *   10 8-10 基础知识：文本缩写样式.mp4 (35.33 MB), 06:03

  *   11 8-11 综合实战：实现背景图文列表制作.mp4 (123.46 MB), 22:50

*   09 第9章 案例6：首页单屏案例实战【CSS篇】/

  *   01 9-1 案例分析：首页单屏案例分析与思路.mp4 (9.06 MB), 01:32

  *   02 9-2 .理论实操：元素的相对、绝对定位.mp4 (99.67 MB), 18:02

  *   03 9-3 .理论实操：元素的固定、相对、默认定位.mp4 (43.73 MB), 07:53

  *   04 9-4 .理论实操：标准流和非标准流.mp4 (52.53 MB), 09:25

  *   05 9-5 理论实操：元素变行内、变块、变行内块样式.mp4 (81.00 MB), 14:39

  *   06 9-6 .理论实操：CSS的重置方式与命名规范.mp4 (69.75 MB), 12:35

  *   07 9-7 综合实战：首页单屏案例实战.mp4 (172.28 MB), 31:24

*   10 第10章 案例7：仿爱奇艺视频首页新片预告案例实战【CSS篇】/

  *   01 10-1 案例分析：仿爱奇艺视频首页新片预告模块.mp4 (10.54 MB), 01:35

  *   02 10-2 第一步：案例图片圆角制作.mp4 (68.61 MB), 12:28

  *   03 10-3 理论实操：百分比样式如何设置.mp4 (71.35 MB), 13:02

  *   04 10-4 第二步：图片圆角是如何被裁减的（理解元溢出隐藏、滚动条样式）.mp4 (56.82 MB), 09:24

  *   05 10-5 理论实操：透明样式如何设置.mp4 (33.80 MB), 05:50

  *   06 10-6 第三步：首页新片预告模块的制作（1）.mp4 (91.27 MB), 16:36

  *   07 10-7 第三步：首页新片预告模块的制作（2）.mp4 (90.94 MB), 16:43

  *   08 10-8 经验分享：图片下面的三像素的解决方式.mp4 (35.29 MB), 06:14

*   11 第11章 案例8：仿京东导航条带下拉效果实战【CSS篇】/

  *   01 11-1 案例分析：大厂电商导航条的模块分析与思路.mp4 (9.66 MB), 01:39

  *   02 11-2 第一步：导航条触碰下拉效果（理解鼠标浮动伪类、链接激活伪类）.mp4 (40.94 MB), 07:18

  *   03 11-3 理论实操：未访问链接、已链接激活伪类制作.mp4 (45.90 MB), 08:21

  *   04 11-4 第二步：导航条触碰时光标改变效果.mp4 (37.35 MB), 06:10

  *   05 11-5 第三步：完成大厂电商导航条模块（1）.mp4 (83.87 MB), 15:25

  *   06 11-6 第三步：完成大厂电商导航条模块（2）.mp4 (66.85 MB), 12:18

  *   07 11-7 第三步：完成大厂电商导航条模块（3）.mp4 (95.52 MB), 17:31

  *   08 11-8 第三步：完成大厂电商导航条模块（4）.mp4 (63.48 MB), 11:50

  *   09 11-9 第三步：完成大厂电商导航条模块（5）.mp4 (91.99 MB), 17:19

*   12 第12章 案例9：仿QQ空间留言板案例实战【CSS篇】/

  *   01 12-1 案例分析：讲解留言板模块.mp4 (6.14 MB), 01:15

  *   02 12-2 第一步：运用文本域实现留言板的输入框.mp4 (35.25 MB), 06:10

  *   03 12-3 理论实操：单选框、多选框的制作.mp4 (43.18 MB), 07:32

  *   04 12-4 第二步：完成留言板制作.mp4 (125.53 MB), 22:53

  *   05 12-5 经验分享：框架标签的制作.mp4 (42.45 MB), 06:29

*   13 第13章 综合案例10：企业首页实战项目【PC端网页布局】/

  *   01 13-1 案例分析：企业首页项目的整体的分析与制作思路.mp4 (32.86 MB), 05:55

  *   02 13-2 第一步：头部导航模块制作.mp4 (96.66 MB), 18:26

  *   03 13-3 第二步：banner切换面板模块制作（1）.mp4 (90.23 MB), 16:34

  *   04 13-4 第二步：banner切换面板模块制作（2）.mp4 (82.20 MB), 15:12

  *   05 13-5 第三步：功能性图标文字模块制作.mp4 (123.91 MB), 22:44

  *   06 13-6 第四步：产品优势模块制作.mp4 (81.99 MB), 14:56

  *   07 13-7 第五步：产品特点模块制作.mp4 (149.31 MB), 27:35

  *   08 13-8 第六步：产品服务模块制作.mp4 (125.12 MB), 23:08

  *   09 13-9 第七步：服务行业模块制作（1）.mp4 (69.53 MB), 12:39

  *   10 13-10 第七步：服务行业模块制作（2）.mp4 (90.08 MB), 16:44

  *   11 13-11 第八步：友情链接模块制作.mp4 (110.50 MB), 20:32

  *   12 13-12 第九步：底部导航模块制作.mp4 (112.00 MB), 20:28

  *   13 13-13 经验分享与项目总结.mp4 (42.18 MB), 07:36

*   14 第14章 加油站：网页是如何交互【初识JavaScript】/

  *   01 14-1 理论实操：javascript：hello word(1).mp4 (52.79 MB), 09:30

  *   02 14-2 理论实操：变量及符号(1).mp4 (51.92 MB), 09:24

  *   03 14-3 理论实操：常用数据类型简介(1).mp4 (54.12 MB), 09:59

  *   04 14-4 理论实操：JS的报错类型及注释方式(1).mp4 (44.35 MB), 08:04

  *   05 14-5 理论实操：JS中的函数概念及使用(1).mp4 (71.62 MB), 13:04

  *   06 14-6 理论实操：JS中的预解析与变量提升和作用域概念(1).mp4 (102.86 MB), 18:23

*   15 第15章 案例11：如何让自己的百度百科点击量突破5w【JS操作浏览器窗口】/

  *   01 15-1 理论实操：js中对window对象的基本理解.mp4 (86.59 MB), 16:03

  *   02 15-2 理论实操：JS中轮循定时器与延时定时器的使用.mp4 (63.70 MB), 11:20

  *   03 15-3 理论实操：JS中打开与关闭浏览器的方法.mp4 (44.60 MB), 07:49

  *   04 15-4 理论实操：window常用属性与特性.mp4 (53.91 MB), 09:31

  *   05 15-5 练习：如何让自己的百度百科点击量突破5w-练习需求.mp4 (16.00 MB), 02:03

  *   06 15-6 练习：如何让自己的百度百科点击量突破5w-练习解析.mp4 (23.98 MB), 04:28

*   16 第16章 案例12：打字机效果-JS中的基础操作【JavaScript篇】/

  *   01 16-1 理论实操：JS中的基本运算.mp4 (49.64 MB), 08:44

  *   02 16-2 理论实操：JS中字符串运算与拼接.mp4 (54.19 MB), 09:47

  *   03 16-3 理论实操：JS中的递增与递减.mp4 (36.61 MB), 06:38

  *   04 16-4 理论实操：JS中的计算BUG.mp4 (33.83 MB), 06:04

  *   05 16-5 理论实操：布尔值的基础操作.mp4 (45.87 MB), 08:18

  *   06 16-6 练习：打字机效果 - 需求.mp4 (24.22 MB), 04:35

  *   07 16-7 练习：打字机效果 - 解析.mp4 (37.22 MB), 06:38

*   17 第17章 案例13、14：广告弹窗效果【DOM基础操作】【JavaScript篇】/

  *   01 17-1 理论实操：document对象与点击事件.mp4 (66.27 MB), 12:09

  *   02 17-2 理论实操：js中选取元素的方式.mp4 (102.90 MB), 18:23

  *   03 17-3 理论实操：js中控制元素样式的方式.mp4 (61.82 MB), 11:09

  *   04 17-4 理论实操：js中控制元素常见属性.mp4 (92.33 MB), 16:17

  *   05 17-5 案例实战：改变链接的指向实操 - 需求.mp4 (12.41 MB), 02:11

  *   06 17-6 案例实战：改变链接的指向实操 - 解析.mp4 (81.61 MB), 14:51

  *   07 17-7 案例实战：广告弹窗效果 - 需求.mp4 (14.49 MB), 02:33

  *   08 17-8 案例实战：广告弹窗效果 - 解析.mp4 (68.41 MB), 12:40

  *   09 17-9 练习：使用JS给予相应的样式 - 需求.mp4 (14.14 MB), 02:23

  *   10 17-10 练习：使用JS给予相应的样式 - 解析.mp4 (57.41 MB), 10:23

*   18 第18章 案例15：用户名密码的登陆框案例【JS流程控制】【JavaScript篇】/

  *   01 18-1 案例分析：项目的整体的分析与制作思路.mp4 (22.35 MB), 03:42

  *   02 18-2 第一步：运用js中的if判断语句实现登陆判断.mp4 (122.86 MB), 20:59

  *   03 18-3 第二步：运用 js中“与”方法进行判断.mp4 (54.12 MB), 09:16

  *   04 18-4 第三步：运用js中“或”方法进行判断.mp4 (49.83 MB), 08:37

  *   05 18-5 第四步：完成用户名密码的登陆框.mp4 (63.71 MB), 11:24

*   19 第19章 案例16：前端选项卡案例【JS流程控制】【JavaScript篇】/

  *   01 19-1 案例分析：选项卡的制作思路分析.mp4 (20.42 MB), 03:34

  *   02 19-2 理论实操：理解js中的for语句.mp4 (99.75 MB), 17:02

  *   03 19-3 理论实操：js控制元素的class方法.mp4 (69.31 MB), 12:19

  *   04 19-4 理论实操：理解js中this对象与对象属性【重点】.mp4 (84.41 MB), 15:20

  *   05 19-5 实战练习：前端选项卡的制作.mp4 (93.23 MB), 16:30

  *   06 19-6 理论实操：js中switch语法的使用方法.mp4 (43.53 MB), 07:50

*   20 第20章 案例17、18：留言板效果案例【JavaScript篇】/

  *   01 20-1 案例分析：留言板效果分析与思路.mp4 (21.40 MB), 03:53

  *   02 20-2 理论实操：js获取父、子节点、子元素方法【重点】.mp4 (69.43 MB), 12:38

  *   03 20-3 理论实操：js生成及插入元素的方法【重点】.mp4 (87.08 MB), 16:17

  *   04 20-4 理论实操：js删除及替换元素方法【重点】.mp4 (58.72 MB), 10:57

  *   05 20-5 理论实操：js控制内容的方法【重点】.mp4 (44.43 MB), 08:10

  *   06 20-6 实战：留言板效果制作-1.mp4 (85.09 MB), 15:34

  *   07 20-7 实战：留言板效果制作-2.mp4 (60.89 MB), 11:15

  *   08 20-8 实战：留言板效果制作-3.mp4 (84.87 MB), 16:04

  *   09 20-9 练习：星级评分效果的实现-需求.mp4 (16.28 MB), 02:49

  *   10 20-10 练习：星级评分效果的实现-解析.mp4 (135.10 MB), 24:54

*   21 第21章 案例19：模拟短信发送案例【JS事件操作】【JavaScript篇】/

  *   01 21-1 理论实操：js中鼠标双击、移入事件.mp4 (36.10 MB), 06:43

  *   02 21-2 理论实操：js中鼠标移出、内部移动事件.mp4 (31.41 MB), 05:57

  *   03 21-3 理论实操：js中鼠标右键、按下抬起事件.mp4 (51.26 MB), 09:08

  *   04 21-4 理论实操：js中事件捕获与冒泡机制.mp4 (39.44 MB), 07:00

  *   05 21-5 理论实操：JS事件中的事件对象.mp4 (70.97 MB), 12:50

  *   06 21-6 理论实操：JS中阻止事件冒泡与默认行为.mp4 (81.11 MB), 14:41

  *   07 21-7 理论实操：js中输入框获取焦点、失去焦点、内容改变事件.mp4 (40.80 MB), 07:40

  *   08 21-8 练习：模拟短信发送效果-需求.mp4 (11.83 MB), 01:54

  *   09 21-9 练习-模拟短信发送的效果-解析.mp4 (71.01 MB), 12:53

*   22 第22章 案例20：web便签拖拽效果【JavaScript篇】/

  *   01 22-1 案例分析：Web便签拖拽效果的需求分析.mp4 (17.22 MB), 03:24

  *   02 22-2 第一步：理解元素可见宽度与高度属性.mp4 (49.90 MB), 09:05

  *   03 22-3 第二步：理解元素元素边缘距离属性.mp4 (48.88 MB), 08:55

  *   04 22-4 第三步：简易元素拖拽效果实现.mp4 (47.17 MB), 08:46

  *   05 22-5 第四步：元素拖拽效果完整实现.mp4 (72.40 MB), 13:08

  *   06 22-6 实战练习：web便签拖拽效果实现.mp4 (131.46 MB), 24:01

*   23 第23章 案例21：简易文字查询修改器【字符串方法集】【JavaScript篇】/

  *   01 23-1 理论实操：字符串连接、大小写转换方法.mp4 (30.62 MB), 05:25

  *   02 23-2 理论实操：查找索引、替换内容方法.mp4 (52.36 MB), 09:30

  *   03 23-3 理论实操：去掉空格、字符串转数组方法.mp4 (51.14 MB), 09:09

  *   04 23-4 理论实操：字符串截取方法.mp4 (47.33 MB), 08:41

  *   05 23-5 练习：简易文字查询修改器-需求.mp4 (21.27 MB), 03:38

  *   06 23-6 练习：简易文字查询修改器 - 解析（1）.mp4 (94.37 MB), 17:42

  *   07 23-7 练习：简易文字查询修改器 - 解析（2）.mp4 (107.08 MB), 19:46

*   24 第24章 案例22：元素拖拽回放效果【数组方法合集】【JavaScript篇】/

  *   01 24-1 理论实操：查询连接、倒叙方法.mp4 (67.83 MB), 12:01

  *   02 24-2 理论实操：数组转字符串、数组截取方法.mp4 (53.66 MB), 09:30

  *   03 24-3 理论实操：数组基础方法.mp4 (46.38 MB), 08:32

  *   04 24-4 理论实操：数组万能、排序方法.mp4 (56.09 MB), 09:56

  *   05 24-5 理论实操：数组循环方法.mp4 (55.50 MB), 10:10

  *   06 24-6 实战：元素拖拽回放效果 - 需求.mp4 (6.98 MB), 01:27

  *   07 24-7 实战：元素拖拽回放-解析.mp4 (80.97 MB), 13:54

*   25 第25章 案例23：购物车效果【JSON对象数据】【JavaScript篇】/

  *   01 25-1 初识：初识JSON数据对象.mp4 (49.70 MB), 08:32

  *   02 25-2 方法：JSON转字符串方法.mp4 (50.91 MB), 09:00

  *   03 25-3 方法：字符串转JSON方法.mp4 (38.79 MB), 06:51

  *   04 25-4 属性：属性操作-in 与 删除属性.mp4 (52.12 MB), 09:21

  *   05 25-5 循环：属for-in循环.mp4 (29.33 MB), 05:05

  *   06 25-6 实战：购物车效果 - 需求.mp4 (13.67 MB), 02:25

  *   07 25-7 实战：购物车效果 - 解析（1）.mp4 (100.48 MB), 17:57

  *   08 25-8 实战：购物车效果 - 解析（2）.mp4 (94.40 MB), 17:00

  *   09 25-9 实战：购物车效果 - 解析（3）.mp4 (73.80 MB), 14:00

*   26 第26章 案例24：事件委托版拖拽效果【事件深入】【JS进阶篇】/

  *   01 26-1 监听：js中事件监听原理.mp4 (59.05 MB), 10:34

  *   02 26-2 委托：js中事件委托原理.mp4 (68.47 MB), 12:03

  *   03 26-3 兼容：js中事件监听兼容原理.mp4 (54.09 MB), 09:33

  *   04 26-4 实战：事件委托版拖拽 - 需求.mp4 (6.11 MB), 01:05

  *   05 26-5 事件委托版拖拽 - 解析.mp4 (42.50 MB), 07:52

  *   06 26-6 经验分享：滚动事件是如何发生的.mp4 (50.38 MB), 09:23

*   27 第27章 案例25：网页随机抽奖效果【JS常用全局方法】【JS进阶篇】/

  *   01 27-1 方法实操：eval.mp4 (27.98 MB), 05:02

  *   02 27-2 方法实操：parseInt、parseFloat.mp4 (50.86 MB), 09:09

  *   03 27-3 方法实操：随机数、三目运算符、isNaN.mp4 (56.03 MB), 10:05

  *   04 27-4 练习：网页随机抽奖效果-需求.mp4 (8.11 MB), 01:17

  *   05 27-5 练习：网页随机抽奖效果 - 解析.mp4 (106.27 MB), 19:26

*   28 第28章 加油站：JavaScript中对象理解【JS进阶篇】/

  *   01 28-1 理论讲解：js中对象理解 - 不等性.mp4 (48.23 MB), 08:15

  *   02 28-2 理论讲解：js中对象理解 - 私有属性.mp4 (31.16 MB), 05:43

  *   03 28-3 理论进阶：js中对象理解 - new方法.mp4 (36.81 MB), 06:37

  *   04 28-4 理论进阶：js中对象理解 - 引用机制.mp4 (63.84 MB), 11:41

  *   05 28-5 理论讲解：js中对象理解 - 类及获取数据中类的方法.mp4 (46.03 MB), 07:59

  *   06 28-6 理论进阶：js中对象理解 - 原型.mp4 (52.21 MB), 09:41

  *   07 28-7 理论进阶：js中对象理解 - 原型链.mp4 (43.56 MB), 08:04

*   29 第29章 加油站：javascript中面向对象【JS进阶篇】/

  *   01 29-1 理论实操：this指向.mp4 (40.70 MB), 07:22

  *   02 29-2 理论实操：改变this指向 - call.mp4 (40.24 MB), 07:20

  *   03 29-3 理论实操：改变this指向 - apply.mp4 (41.86 MB), 07:29

  *   04 29-4 理论实操：改变this指向 - bind.mp4 (27.15 MB), 04:58

  *   05 29-5 理论实操：原型继承.mp4 (53.40 MB), 09:26

  *   06 29-6 理论实操：属性继承.mp4 (58.11 MB), 10:38

*   30 第30章 案例26：面向对象版拖拽封装案例【面向对象模块化封装】【JS进阶篇】/

  *   01 30-1 概念：JS的模块化开发概念.mp4 (50.31 MB), 08:59

  *   02 30-2 概念：JS模块化选择器模块化优化封装.mp4 (99.67 MB), 17:59

  *   03 30-3 封装：JS模块化方法使用优化封装.mp4 (42.75 MB), 07:36

  *   04 30-4 封装：JS模块化链式操作封装.mp4 (42.65 MB), 07:39

  *   05 30-5 综合实战：面向对象版拖拽封装-需求.mp4 (22.69 MB), 03:55

  *   06 30-6 综合实战：面向对象版拖拽封装-解析(1).mp4 (86.37 MB), 15:22

  *   07 30-7 综合实战：面向对象版拖拽封装-解析(2).mp4 (72.18 MB), 13:15

*   31 第31章 案例27： 封装面向对象版选项卡【javascript模块化】【JS进阶篇】/

  *   01 31-1 案例分析：面向对象版选项卡 - 需求.mp4 (41.91 MB), 07:07

  *   02 31-2 第一步：头部点击按钮封装.mp4 (107.86 MB), 19:36

  *   03 31-3 第二步：下方内容部分封装.mp4 (105.82 MB), 19:36

  *   04 31-4 第三步：点击切换事件封装.mp4 (56.24 MB), 10:18

  *   05 31-5 第四步：自动播放模块封装.mp4 (72.49 MB), 13:05

  *   06 31-6 第五步：切换颜色模块封装-1.mp4 (80.13 MB), 14:47

  *   07 31-7 第五步：切换颜色模块封装-2.mp4 (64.17 MB), 11:33

  *   08 31-8 第五步：切换颜色模块封装-3.mp4 (64.27 MB), 11:38

*   32 第32章 案例28：仿唯品会官网首页制作【布局篇】【PC端综合实战】/

  *   01 32-1 PC网页布局分析：电商官网首页布局分析与思路.mp4 (27.63 MB), 04:03

  *   02 32-2 第一步：制作头部导航内容.mp4 (129.80 MB), 24:00

  *   03 32-3 第二步：制作logo搜索框内容(1).mp4 (94.79 MB), 17:29

  *   04 32-4 第二步：制作logo搜索框内容(2).mp4 (103.24 MB), 19:19

  *   05 32-5 第三步：制作商品分类及购买导航部分.mp4 (81.89 MB), 15:35

  *   06 32-6 第四步：制作首页轮播图部分.mp4 (134.76 MB), 24:49

  *   07 32-7 第五步：广告专区模块制作.mp4 (102.97 MB), 18:54

  *   08 32-8 第六步：每日必看专区模块制作(1).mp4 (149.20 MB), 27:22

  *   09 32-9 第六步：每日必看专区模块制作(2).mp4 (142.07 MB), 26:43

  *   10 32-10 第六步：每日必看专区模块制作(3).mp4 (89.59 MB), 16:31

  *   11 32-11 第七步：底部导航模块制作.mp4 (147.03 MB), 27:16

  *   12 32-12 第八步：尾部链接模块制作(1).mp4 (92.01 MB), 17:07

  *   13 32-13 第八步：尾部链接模块制作(2).mp4 (85.50 MB), 15:59

  *   14 32-14 第九步：右侧跟随模块制作.mp4 (151.69 MB), 27:51

*   33 第33章 案例28：仿唯品会官网首页制作【JS效果篇】【PC端综合实战】/

  *   01 33-1 PC网页交互分析：唯品会官网首页交互分析与思路.mp4 (30.49 MB), 04:04

  *   02 33-2 第一步：城市选择模块JS部分制作-1.mp4 (105.58 MB), 19:35

  *   03 33-3 第一步：城市选择模块JS部分制作-2.mp4 (103.54 MB), 19:21

  *   04 33-4 第一步：城市选择模块JS部分制作-3.mp4 (107.80 MB), 20:11

  *   05 33-5 第一步：城市选择模块JS部分制作-4.mp4 (132.43 MB), 24:33

  *   06 33-6 -1 第二步：右侧导航触碰效果制作.mp4 (104.22 MB), 18:59

  *   07 33-7 -2 第二步：右侧导航触碰效果制作.mp4 (103.53 MB), 19:18

  *   08 33-8 -3 第二步：右侧导航触碰效果制作.mp4 (102.98 MB), 19:22

  *   09 33-9 -4 第二步：右侧导航触碰效果制作.mp4 (82.56 MB), 15:12

  *   10 33-10 -5 第二步：右侧导航触碰效果制作.mp4 (114.08 MB), 21:07

  *   11 33-11 -6 第二步：右侧导航触碰效果制作.mp4 (74.36 MB), 13:34

  *   12 33-12 第三步：商品分类内容效果制作-1.mp4 (108.72 MB), 20:09

  *   13 33-13 第三步：商品分类内容效果制作-2.mp4 (115.01 MB), 21:24

  *   14 33-14 第三步：商品分类内容效果制作-3.mp4 (87.45 MB), 16:27

  *   15 33-15 第四步：滚动吸顶条模块制作.mp4 (107.66 MB), 19:52

  *   16 33-16 第五步：点击加载瀑布流效果制作.mp4 (96.26 MB), 17:23

  *   17 33-17 第六步：右侧跟随模块的账号购物袋效果制-1.mp4 (110.13 MB), 20:26

  *   18 33-18 第六步：右侧跟随模块的账号购物袋效果制-2.mp4 (117.98 MB), 22:01

  *   19 33-19 项目综合总结.mp4 (40.67 MB), 07:25

*   34 第34章 案例29：炫酷时钟案例-前端HTML5 + CSS3【进阶】/

  *   01 34-1 概念：到底什么是html5又什么是css3呢.mp4 (10.94 MB), 01:59

  *   02 34-2 圆角：CSS3的圆角样式.mp4 (34.12 MB), 06:13

  *   03 34-3 阴影：CSS3的阴影样式.mp4 (48.50 MB), 09:05

  *   04 34-4 过渡：CSS3的过渡样式.mp4 (49.65 MB), 09:12

  *   05 34-5 缩放：CSS3的变形 - 缩放样式.mp4 (45.67 MB), 08:23

  *   06 34-6 平移：CSS3的变形 - 平移样式.mp4 (41.70 MB), 07:18

  *   07 34-7 旋转：CSS3的变形 - 旋转样式.mp4 (57.52 MB), 10:30

  *   08 34-8 扭曲：CSS3的变形 - 扭曲样式.mp4 (38.92 MB), 06:56

  *   09 34-9 变形：CSS3的变形中心点样式.mp4 (42.22 MB), 07:36

  *   10 34-10 练习：CSS3模拟时钟 - 需求.mp4 (27.64 MB), 05:00

  *   11 34-11 练习：CSS3模拟时钟 - 解析.mp4 (135.89 MB), 25:01

*   35 第35章 案例30：3d盒子的制作【CSS3进阶】/

  *   01 35-1 案例分析：3d盒子的内容解析与思路.mp4 (24.12 MB), 04:29

  *   02 35-2 第一步：景深样式学习.mp4 (44.88 MB), 07:42

  *   03 35-3 第二步：变形样式 - z轴样式.mp4 (51.07 MB), 09:21

  *   04 35-4 第三步：3d盒子制作.mp4 (116.73 MB), 21:25

  *   05 35-5 经验分享：变形样式顺序.mp4 (49.90 MB), 08:53

  *   06 35-6 实战：3d书籍翻页效果 - 需求.mp4 (15.42 MB), 02:17

  *   07 35-7 实战：3d书籍翻页效果 - 解析 -第一部分 -翻页效果制作-1.mp4 (100.52 MB), 18:27

  *   08 35-8 实战：3d书籍翻页效果 - 解析 -第一部分 -翻页效果制作-2.mp4 (100.17 MB), 18:39

  *   09 35-9 实战：3d书籍 - 第二部分 - 翻页页面内容.mp4 (278.50 MB), 52:01

  *   10 35-10 实战：3d书籍 - 第三部分 -中心静态文字及左下角的动态效果-1.mp4 (105.14 MB), 19:29

  *   11 35-11 实战：3d书籍 - 第三部分 -中心静态文字及左下角的动态效果-2.mp4 (61.13 MB), 11:27

  *   12 35-12 实战：3d书籍页面内容动画效果-1.mp4 (111.44 MB), 20:41

  *   13 35-13 实战：3d书籍页面内容动画效果-2.mp4 (112.21 MB), 20:52

  *   14 35-14 实战：3d书籍页面内容动画效果-3.mp4 (112.51 MB), 21:01

  *   15 35-15 实战：3d书籍页面内容动画效果-4.mp4 (129.39 MB), 24:31

*   36 第36章 知识加油站：CSS3新增选择器系列【CSS3进阶】/

  *   01 36-1 理论实操：相邻、兄弟选择器.mp4 (51.02 MB), 08:53

  *   02 36-2 理论实操：指定、子元素选择器.mp4 (54.57 MB), 10:14

  *   03 36-3 理论实操：属性选择器.mp4 (63.60 MB), 11:54

  *   04 36-4 理论实操：高亮选择器.mp4 (37.82 MB), 07:09

  *   05 36-5 理论实操：非内容、禁用选择器.mp4 (54.22 MB), 10:03

  *   06 36-6 经验分享：伪元素与伪类.mp4 (30.22 MB), 05:46

*   37 第37章 案例31：自定义视频播放器【HTML5进阶】/

  *   01 37-1 案例分析：自定义视频播放器解析与思路.mp4 (31.83 MB), 04:33

  *   02 37-2 第一步：了解认识HTML5视频标签.mp4 (74.03 MB), 13:01

  *   03 37-3 第二步：html5视频播放器API解析.mp4 (75.37 MB), 13:43

  *   04 37-4 第三步：自定义视频播放器布局制作.mp4 (91.29 MB), 16:30

  *   05 37-5 第四步：自定义视频播放器全屏功能.mp4 (45.09 MB), 08:08

  *   06 37-6 第五步：自定义视频播放器声音控制功能.mp4 (112.26 MB), 20:32

  *   07 37-7 第六步：自定义视频播放器进度条控制功能（1）.mp4 (82.66 MB), 15:26

  *   08 37-8 第七步：自定义视频播放器功能优化（1）.mp4 (82.86 MB), 15:01

  *   09 37-9 第七步：自定义视频播放器功能优化（2 ）.mp4 (90.78 MB), 16:33

*   38 第38章 案例32：网页钢琴效果制作【HTML5进阶】/

  *   01 38-1 案例分析：网页钢琴效果解析.mp4 (18.00 MB), 02:48

  *   02 38-2 第一步：认识HTML5音频标签.mp4 (40.83 MB), 06:52

  *   03 38-3 第二步：钢琴效果制作.mp4 (134.89 MB), 24:19

  *   04 38-4 经验分享：JS新增query选择器的使用.mp4 (69.11 MB), 12:27

*   39 第39章 案例33：移动端布局【移动端】/

  *   01 39-1 认知：了解认识移动端.mp4 (51.93 MB), 06:41

  *   02 39-2 计算单位：屏幕单位、计算样式.mp4 (56.31 MB), 10:09

  *   03 39-3 响应式：响应式布局学习及使用方式.mp4 (51.90 MB), 09:24

  *   04 39-4 REM应用：REM单位学习.mp4 (54.98 MB), 09:32

  *   05 39-5 REM算法：REM算法原理介绍.mp4 (75.54 MB), 14:10

  *   06 39-6 练习：移动端页面制作（1）.mp4 (137.32 MB), 25:23

  *   07 39-7 练习：移动端页面制作（2）.mp4 (117.31 MB), 22:03

  *   08 39-8 练习：移动端页面制作（3）.mp4 (109.49 MB), 20:40

*   40 第40章 案例34：弹性盒子【移动端】/

  *   01 40-1 概念：弹性盒子布局概念.mp4 (50.34 MB), 09:18

  *   02 40-2 方法：弹性盒子分块、分层样式.mp4 (65.60 MB), 12:00

  *   03 40-3 方法：弹性盒子轴线、交叉轴样式.mp4 (54.88 MB), 10:05

  *   04 40-4 方法：弹性盒子内容排序、比例缩小.mp4 (42.60 MB), 07:08

  *   05 40-5 方法：多轴线对齐方式、项目上下对齐方式.mp4 (41.63 MB), 07:27

  *   06 40-6 弹性盒子实战：慕课网首页课程展示布局.mp4 (113.31 MB), 20:22

  *   07 40-7 弹性盒子实战：慕课网首页榜单制作（1）.mp4 (85.65 MB), 15:22

  *   08 40-8 弹性盒子实战：慕课网首页榜单制作（2）.mp4 (47.06 MB), 08:40

*   41 第41章 案例35：慕课网移动端首页制作【布局】【移动端网页】/

  *   01 41-1 案例分析：慕课网移动端首页解析.mp4 (30.26 MB), 05:12

  *   02 41-2 第一步：头部导航模块制作.mp4 (80.57 MB), 14:55

  *   03 41-3 第二步：内容导航模块制作.mp4 (45.84 MB), 08:29

  *   04 41-4 第三步：轮播图模块制作.mp4 (81.22 MB), 14:47

  *   05 41-5 第四步：实战推荐模块制作(1).mp4 (108.88 MB), 20:05

  *   06 41-6 第四步：实战推荐模块制作（2）.mp4 (118.02 MB), 21:44

  *   07 41-7 第五步：体系课模块制作.mp4 (71.74 MB), 13:05

  *   08 41-8 第六步：学习路线模块制作（1）.mp4 (83.75 MB), 15:29

  *   09 41-9 第六步：学习路线模块制作（2）.mp4 (89.43 MB), 16:24

  *   10 41-10 第七步：慕课专栏模块制作.mp4 (145.27 MB), 26:53

  *   11 41-11 第八步：新上好课模块制作.mp4 (58.99 MB), 11:02

  *   12 41-12 第九步：课程精选模块制作.mp4 (55.02 MB), 10:11

  *   13 41-13 第十步：精英讲师模块制作.mp4 (116.68 MB), 21:11

  *   14 41-14 第十一步：猜你喜欢模块制作.mp4 (85.16 MB), 15:48

*   42 第42章 案例36：慕课网移动端首页制作【js部分】【移动端网页】/

  *   01 42-1 第一步：轮播图模块效果制作.mp4 (130.17 MB), 23:55

  *   02 42-2 第二步：慕课专栏效果制作.mp4 (84.89 MB), 15:27

  *   03 42-3 第三步：滚动时内容吸顶条与底部内容显示效果.mp4 (99.16 MB), 18:00

  *   04 42-4 第四步：精英讲师效果制作.mp4 (127.47 MB), 23:30

  *   05 42-5 项目综合总结.mp4 (25.91 MB), 04:34

*   43 第43章 案例37：前后台交互AJAX 【后台交互】/

  *   01 43-1 定义：什么是前后台交互.mp4 (61.67 MB), 08:40

  *   02 43-2 原理：AJAX对象的基本原理.mp4 (36.30 MB), 06:48

  *   03 43-3 AJAX对象的GET请求方式.mp4 (134.86 MB), 24:59

  *   04 43-4 方法：AJAX对象的POST请求方式.mp4 (114.20 MB), 20:59

  *   05 43-5 含义：AJAX及HTTP状态码含义.mp4 (81.79 MB), 14:26

  *   06 43-6 封装：封装AJAX函数.mp4 (113.89 MB), 20:49

  *   07 43-7 实操：在线翻译接口的使用 - 需求.mp4 (27.24 MB), 03:07

  *   08 43-8 实操：在线翻译接口的使用 - 解析.mp4 (63.83 MB), 11:36

*   44 第44章 案例38：其他交互方式【后台交互】/

  *   01 44-1 表单请求：form表单get发送.mp4 (52.15 MB), 09:18

  *   02 44-2 表单请求：form表单post发送.mp4 (36.36 MB), 05:52

  *   03 44-3 对象请求：fetch对象的get请求.mp4 (78.93 MB), 14:47

  *   04 44-4 对象请求：fetch对象的post请求.mp4 (64.53 MB), 11:59

  *   05 44-5 跨域原理：jsonp跨域请求原理.mp4 (95.45 MB), 17:23

  *   06 44-6 实战：360搜索栏下拉菜单实现剖析.mp4 (57.96 MB), 10:18

*   45 第45章 知识加油站：Axios库学习【后台交互】/

  *   01 45-1 基础：Axios库的基本使用方式【重点】.mp4 (60.87 MB), 11:28

  *   02 45-2 方式：Axios库的post请求方式.mp4 (50.34 MB), 09:15

  *   03 45-3 请求：Axios库的并发请求.mp4 (51.73 MB), 09:39

*   46 第46章 案例39、40：慕课网移动端首页数据交互实战【JS部分】【移动端后台交互】/

  *   01 46-1 第一步：注册登录页面制作（1）.mp4 (96.65 MB), 17:30

  *   02 46-2 第一步：注册登录页面制作（2）.mp4 (89.36 MB), 16:50

  *   03 46-3 第二步：搜索页面制作（1）.mp4 (136.25 MB), 25:06

  *   04 46-4 第二步：搜索页面制作（2）.mp4 (120.03 MB), 22:32

  *   05 46-5 第二步：搜索页面制作（3）.mp4 (132.48 MB), 24:55

  *   06 46-6 第三步：注册登录数据交互接口部分制作（1）.mp4 (71.23 MB), 13:09

  *   07 46-7 第三步：注册登录数据交互接口部分制作（2）.mp4 (56.31 MB), 09:59

  *   08 46-8 第三步：注册登录数据交互接口部分制作（3）.mp4 (72.32 MB), 13:09

  *   09 46-9 第三步：注册登录数据交互接口部分制作（4）.mp4 (76.12 MB), 13:50

  *   10 46-10 第四步：搜索页面制作数据交互接口结果内部制作（1）.mp4 (65.81 MB), 12:03

  *   11 46-11 第四步：搜索页面制作数据交互接口结果内部制作（2）.mp4 (131.66 MB), 24:18

*   47 第47章 课程总结/

  *   01 47-1 前端下一步必要学习内容前瞻.mp4 (34.29 MB), 05:51

  *   02 47-2 前端整体成长知识体系和路径.mp4 (34.09 MB), 06:08

  *   03 47-3 前端技能推荐学习路径与课程.html (0.01 MB)

  *   04 47-4 课程整体总结.mp4 (54.95 MB), 04:17