2021最新从0到1学Web前端【完整资料】

第二阶段移动web [2.76G]

视频 [2.48G]

day1.rar [364.80M]

day2.rar [412.47M]

day3.rar [359.24M]

day4.rar [324.21M]

day5.rar [331.73M]

day6.rar [446.99M]

day7.rar [302.73M]

资料 [284.85M]

day01.rar [8.68M]

day02.rar [15.69M]

day03.rar [33.08M]

day04.rar [70.05M]

day05.rar [90.14M]

day06.rar [50.91M]

day07.rar [16.29M]

第一阶段html+css+小兔鲜实战 [5.96G]

视频 [5.22G]

day01（html01-认知） [661.95M]

01-今日目标.mp4 [16.58M]

02-认识网页.mp4 [55.58M]

03-五大浏览器和渲染引擎.mp4 [15.34M]

04-web标准.mp4 [30.54M]

05-html的感知.mp4 [21.15M]

06-html的基本骨架结构.mp4 [15.35M]

07-（操作）vscode的基本使用操作.mp4 [30.60M]

08-html的注释.mp4 [12.12M]

09-html标签的构成.mp4 [9.17M]

10-html标签的属性.mp4 [19.37M]

11-html标签之间的关系.mp4 [9.65M]

12-（总结）基础认知总结.mp4 [7.97M]

13-标题标签.mp4 [19.75M]

14-段落标签.mp4 [19.16M]

15-换行标签.mp4 [17.28M]

16-水平线标签.mp4 [7.63M]

17-文本格式化标签.mp4 [15.76M]

18-图片标签的src属性.mp4 [12.64M]

19-图片标签的alt属性.mp4 [12.03M]

20-图片标签的title属性.mp4 [15.67M]

21-图片标签的width和height属性.mp4 [40.30M]

22-绝对路径.mp4 [21.37M]

23-相对路径-同级目录.mp4 [11.55M]

24-相对路径-下级目录.mp4 [18.88M]

25-相对路径-上级目录.mp4 [12.02M]

26-（案例）相对路径例子.mp4 [11.10M]

27-音频标签.mp4 [21.23M]

28-视频标签.mp4 [21.58M]

29-链接标签的href属性.mp4 [18.75M]

30-（了解）链接标签的显示特点.mp4 [8.98M]

31-链接标签的target属性.mp4 [17.52M]

32-（了解）空链接.mp4 [10.11M]

33-（总结）html标签总结.mp4 [5.88M]

34-（案例）综合案例1-招聘案例.mp4 [33.94M]

35-(案例)综合案例2-今日热词案例.mp4 [45.38M]

day02（html02-基础） [493.78M]

01-今日目标.mp4 [12.74M]

02-列表的应用场景.mp4 [6.76M]

03-无序列表.mp4 [16.87M]

04-有序列表.mp4 [10.30M]

05-自定义列表.mp4 [18.59M]

06-（总结）列表标签的总结.mp4 [3.26M]

07-表格的基本标签.mp4 [18.53M]

08-表格相关属性.mp4 [14.64M]

09-表格标题和表头单元格标签.mp4 [17.93M]

10-表格的结构标签.mp4 [15.95M]

11-合并单元格.mp4 [29.09M]

12-（总结）表格标签总结.mp4 [6.19M]

13-input系列标签的基本介绍.mp4 [22.47M]

14-input标签-文本框.mp4 [9.32M]

15-（拓展）value属性和name属性介绍.mp4 [16.62M]

16-input标签-密码框.mp4 [11.27M]

17-input标签-单选框.mp4 [14.63M]

18-input标签-复选框.mp4 [7.77M]

19-input标签-文件选择.mp4 [11.94M]

20-input标签-按钮.mp4 [19.99M]

21-（总结）input系列标签总结.mp4 [4.14M]

22-button按钮标签.mp4 [12.93M]

23-select下拉菜单.mp4 [13.15M]

24-textarea文本域标签.mp4 [11.47M]

25-label标签.mp4 [16.48M]

26-（总结）表单标签总结.mp4 [6.16M]

27-没有语义的布局标签.mp4 [7.44M]

28-（了解）有语义的布局标签.mp4 [9.78M]

29-字符实体.mp4 [21.13M]

30-（案例）综合案例1-优秀学生信息表格-基本结构.mp4 [14.97M]

31-（案例）综合案例1-优秀学生信息表格-完整结构.mp4 [16.80M]

32-（案例）综合案例1-优秀学生信息表格-合并单元格.mp4 [10.90M]

33-（案例）综合案例2-会员注册表单案例-前半部分完成.mp4 [27.53M]

34-（案例）综合案例2-会员注册表单案例-后半部分完成.mp4 [36.07M]

day03（css01-基础选择器+字体文本样式） [558.51M]

01-今日目标.mp4 [14.96M]

02-css初识.mp4 [22.48M]

03-css引入方式.mp4 [20.03M]

04-标签选择器.mp4 [12.21M]

05-类选择器.mp4 [21.97M]

06-id选择器.mp4 [11.92M]

07-类与id的区别.mp4 [11.85M]

08-通配符选择器.mp4 [7.12M]

09-（总结）基础选择器总结.mp4 [4.04M]

10-字体大小.mp4 [11.02M]

11-字体粗细.mp4 [13.03M]

12-字体样式.mp4 [6.41M]

13-常见字体系列.mp4 [8.88M]

14-字体系列font-family.mp4 [27.71M]

15-样式的层叠问题.mp4 [5.86M]

16-字体font相关属性的连写.mp4 [30.87M]

17-（总结）字体相关属性总结.mp4 [3.56M]

18-文本缩进.mp4 [23.79M]

19-文本水平对齐方式.mp4 [16.77M]

20-文本修饰.mp4 [14.01M]

21-（总结）文本样式总结.mp4 [2.38M]

22-水平居中方法总结1-text-align.mp4 [16.66M]

23-水平居中方法总结2-margin.mp4 [17.37M]

24-行高的介绍和常见应用.mp4 [18.31M]

25-行高与font连写的注意点.mp4 [12.52M]

26-（操作）chrome调试工具的基本使用-上.mp4 [23.26M]

27-（操作）chrome调试工具的基本使用-下.mp4 [22.28M]

28-（了解）颜色的常见取值-上.mp4 [24.31M]

29-（了解）颜色的常见取值-下.mp4 [16.35M]

30-（案例）综合案例1-新闻网页案例.mp4 [75.56M]

31-（案例）综合案例2-小米官网卡片案例.mp4 [41.01M]

day04（css02-选择器进阶+背景相关属性+元素显示模式+三大特性） [466.31M]

01-今日目标.mp4 [9.61M]

02-后代选择器.mp4 [22.49M]

03-子代选择器.mp4 [10.68M]

04-并集选择器.mp4 [13.88M]

05-交集选择器.mp4 [14.08M]

06-emmet语法.mp4 [17.60M]

07-hover伪类选择器.mp4 [24.92M]

08-（总结）选择器进阶总结.mp4 [7.91M]

09-背景颜色.mp4 [13.49M]

10-背景图片.mp4 [15.76M]

11-背景平铺.mp4 [12.37M]

12-背景位置.mp4 [28.73M]

13-背景相关属性连写.mp4 [28.74M]

14-img标签和背景图片的区别.mp4 [12.95M]

15-元素显示模式-块级元素.mp4 [18.89M]

16-元素显示模式-行内元素.mp4 [12.11M]

17-元素显示模式-行内块元素.mp4 [17.26M]

18-元素显示模式转换.mp4 [25.17M]

19-html嵌套规范注意点.mp4 [13.79M]

20-（总结）居中方法总结.mp4 [5.48M]

21-css三大特性-继承性.mp4 [23.74M]

22-继承的小应用.mp4 [13.24M]

23-继承失效的特殊情况.mp4 [29.69M]

24-css三大特性-层叠性.mp4 [13.99M]

25-（案例）综合案例1-普通导航案例.mp4 [21.24M]

26-（案例）综合案例2-五彩导航案例.mp4 [38.51M]

day05（css03-盒子模型） [697.11M]

01-今日目标.mp4 [8.90M]

02-优先级.mp4 [27.56M]

03-权重叠加计算.mp4 [19.44M]

04-（案例）权重计算案例上.mp4 [28.62M]

05-（案例）权重计算案例下.mp4 [23.46M]

06-（操作）调试工具查错流程.mp4 [33.70M]

07-（操作）pxcook的基本使用.mp4 [40.82M]

08-盒子模型的介绍.mp4 [12.24M]

09-内容区域的宽高.mp4 [6.94M]

10-border相关属性介绍.mp4 [26.37M]

11-盒子实际大小初级计算公式.mp4 [24.90M]

12-（案例）盒子边框的小案例.mp4 [13.63M]

13-（案例）综合案例1-新浪导航案例-大盒子完成.mp4 [33.82M]

14-（案例）综合案例1-新浪导航案例-小盒子完成.mp4 [51.40M]

15-padding取值介绍.mp4 [31.81M]

16-盒子实际大小的终极计算公式.mp4 [20.39M]

17-（案例）新浪导航优化.mp4 [16.02M]

18-（了解）不会撑大盒子的特殊情况.mp4 [13.45M]

19-css3盒模型（自动内减）.mp4 [22.67M]

20-（案例）综合案例2-网页新闻列表案例-大盒子完成.mp4 [29.39M]

21-（案例）综合案例2-网页新闻列表案例-h2盒子完成.mp4 [33.10M]

22-（案例）综合案例2-网页新闻列表案例-ul盒子完成.mp4 [38.11M]

23-margin的取值.mp4 [23.82M]

24-margin单方向设置的应用.mp4 [16.68M]

25-清除默认内外边距.mp4 [30.36M]

26-外边距的正常现象.mp4 [9.85M]

27-外边距折叠现象-合并现象.mp4 [16.93M]

28-外边距折叠现象-塌陷现象.mp4 [25.21M]

29-行内元素的margin和padding无效情况.mp4 [17.52M]

day06（css04-浮动） [510.08M]

01-今日目标.mp4 [14.99M]

02-结构伪类选择器-查找单个.mp4 [33.26M]

03-结构伪类选择器-查找多个.mp4 [25.77M]

04-（案例）结构伪类选择器的易错点.mp4 [13.72M]

05-（了解）nth-of-type结构伪类选择器.mp4 [17.72M]

06-伪元素.mp4 [25.32M]

07-标准流.mp4 [8.57M]

08-浮动的介绍.mp4 [33.74M]

09-浮动的特点上.mp4 [23.98M]

10-浮动的特点下.mp4 [26.43M]

11-（案例）网页布局案例.mp4 [33.58M]

12-（案例）综合案例1-小米模块案例-大盒子完成.mp4 [22.41M]

13-（案例）综合案例1-小米模块案例-小盒子完成.mp4 [22.07M]

14-（案例）综合案例2-网页导航案例-结构与样式清除完成.mp4 [16.05M]

15-（案例）综合案例2-网页导航案例-布局完成.mp4 [28.78M]

16-清除浮动的介绍.mp4 [18.00M]

17-清除浮动方法-直接设置父元素高度.mp4 [23.50M]

18-清除浮动方法-额外标签法.mp4 [15.58M]

19-清除浮动方法-单伪元素清除法.mp4 [41.58M]

20-清除浮动方法-双伪元素清除法.mp4 [20.30M]

21-清除浮动方法-给父元素设置overflow-hidden.mp4 [7.69M]

22-（拓展）bfc的介绍.mp4 [37.05M]

day07（css05-定位+装饰） [717.37M]

01-今日目标.mp4 [11.79M]

02-定位的应用场景介绍.mp4 [16.62M]

03-定位的基本使用步骤.mp4 [17.70M]

04-静态定位的介绍.mp4 [7.07M]

05-相对定位的介绍.mp4 [17.84M]

06-绝对定位的介绍.mp4 [13.61M]

07-绝对定位到底相对于谁进行移动.mp4 [21.17M]

08-子绝父相的介绍.mp4 [21.85M]

09-子绝父绝的特殊场景.mp4 [12.50M]

10-（案例）卡片模块的hot图标定位案例.mp4 [32.18M]

11-（案例）子绝父相水平居中案例.mp4 [37.21M]

12-（案例）子绝父相水平垂直都居中案例.mp4 [20.88M]

13-（案例）导航二维码居中定位案例.mp4 [27.82M]

14-（案例）底部半透明遮罩效果案例.mp4 [36.46M]

15-固定定位的介绍.mp4 [93.27M]

16-（总结）定位小结.mp4 [6.63M]

17-元素的层级关系.mp4 [20.10M]

18-更改定位元素的层级.mp4 [13.65M]

19-垂直对齐方式.mp4 [19.21M]

20-（案例）vertical-align可以解决的问题一.mp4 [15.07M]

21-（案例）vertical-align可以解决的问题二.mp4 [4.96M]

22-（案例）vertical-align可以解决的问题三.mp4 [3.07M]

23-（案例）vertical-align可以解决的问题四.mp4 [11.58M]

24-（案例）vertical-align可以解决的问题五.mp4 [9.81M]

25-光标类型.mp4 [11.97M]

26-边框圆角的介绍.mp4 [18.35M]

27-（案例）边框圆角的应用-正圆和胶囊按钮.mp4 [23.92M]

28-overflow溢出部分显示效果.mp4 [31.89M]

29-元素本身隐藏属性介绍.mp4 [10.40M]

30-（案例）元素显示隐藏切换案例.mp4 [10.51M]

31-（案例）导航二维码显示隐藏切换案例.mp4 [11.80M]

32-（了解）元素整体透明度.mp4 [10.63M]

33-（了解）边框合并.mp4 [14.52M]

34-（拓展）用css画三角形的技巧.mp4 [21.75M]

35-（拓展）用css画任意三角形的技巧.mp4 [7.98M]

36-（了解）链接伪类选择器.mp4 [23.04M]

37-（拓展）焦点伪类选择器.mp4 [10.76M]

38-（拓展）属性选择器.mp4 [17.77M]

day08（小兔鲜01-项目前置样式+项目搭建+header） [546.73M]

01-今日目标.mp4 [8.58M]

02-精灵图的介绍.mp4 [28.56M]

03-精灵图的使用步骤.mp4 [19.82M]

04-背景图片大小.mp4 [37.54M]

05-background连写拓展.mp4 [13.92M]

06-（了解）文字阴影.mp4 [26.90M]

07-（了解）盒子阴影.mp4 [16.64M]

08-过渡的介绍.mp4 [29.67M]

09-网页与网站的关系.mp4 [8.77M]

10-（了解）骨架结构标签介绍.mp4 [33.63M]

11-seo三大标签.mp4 [37.17M]

12-有语义的布局标签.mp4 [12.83M]

13-ico图标的设置.mp4 [9.74M]

14-版心的介绍.mp4 [28.60M]

15-css的书写顺序.mp4 [12.34M]

16-文件和目录准备.mp4 [44.32M]

17-基础公共样式.mp4 [21.48M]

18-index页面骨架.mp4 [18.82M]

19-header部分模块分析.mp4 [12.79M]

20-xtx-shortcut模块分析.mp4 [8.93M]

21-xtx-shortcut模块大盒子代码完成.mp4 [24.03M]

22-xtx-shortcut模块ul导航代码完成.mp4 [31.95M]

23-xtx-shortcut模块手机精灵图代码完成.mp4 [36.19M]

24-xtx-main-nav模块分析.mp4 [23.51M]

day09（小兔鲜02-footer+主体内容） [661.79M]

01-xtx-main-nav模块的logo部分代码完成.mp4 [50.07M]

02-xtx-main-nav模块的nav部分代码完成.mp4 [29.32M]

03-xtx-main-nav模块的search部分input部分代码完成.mp4 [27.09M]

04-xtx-main-nav模块的search部分放大镜图标代码完成.mp4 [31.13M]

05-xtx-main-nav模块的cart部分完成.mp4 [40.78M]

06-footer部分模块分析.mp4 [10.65M]

07-xtx-service模块分析和大盒子代码完成.mp4 [26.82M]

08-xtx-service模块内部a标签代码完成.mp4 [47.68M]

09-xtx-copyright模块分析和大盒子代码完成.mp4 [9.61M]

10-xtx-copyright模块内部代码完成.mp4 [29.20M]

11-xtx-entry模块分析和大盒子代码完成.mp4 [25.29M]

12-xtx-entry模块的banner部分完成.mp4 [18.05M]

13-xtx-entry模块的category部分大盒子完成.mp4 [14.64M]

14-xtx-entry模块的category部分文本内容完成.mp4 [34.87M]

15-xtx-entry模块的category部分右箭头完成.mp4 [23.75M]

16-xtx-entry模块的左右箭头部分完成.mp4 [54.12M]

17-xtx-entry模块的轮播指示器部分完成.mp4 [47.48M]

18-xtx-new-goods模块分析.mp4 [11.01M]

19-xtx-new-goods模块的大盒子代码完成.mp4 [17.70M]

20-xtx-new-goods模块的goods-hd部分代码完成.mp4 [48.12M]

21-xtx-new-goods模块的goods-list部分大盒子完成.mp4 [22.54M]

22-xtx-new-goods模块的goods-list部分内容完成.mp4 [41.87M]

前端基础班双元课程导学.mp4 [27.37M]

资料 [761.93M]

day01（html01-认知）.rar [340.39M]

day02（html02-基础）.rar [12.06M]

day03（css01-基础选择器+字体文本样式）.rar [4.68M]

day04（css02-选择器进阶+背景相关属性+元素显示模式+三大特性）.rar [2.82M]

day05（css03-盒子模型）.rar [184.42M]

day06（css04-浮动）.rar [6.25M]

day07（css05-定位+装饰）.rar [61.81M]

day08（小兔鲜01-项目前置样式+项目搭建+header）.rar [66.62M]

day09（小兔鲜02-footer+主体内容）.rar [82.88M]