350节前端细节挑战课程 2.0升级版视频教程

350节超级细致的前端挑战视频教程，经过全新2.0版本的升级，已经达到了非常完善的地步，可以让同学们轻松愉快的夯实前端开发基础。课程非常细致的安排了每一个技术细节进行讲解，完全掌握课程后，同学们就拥有了深厚的功底可以更进一步的学习。



教程目录：
01-前端基础第一天-HTML
 01-基础班学习路线.avi
 02-HTML 简介导读.avi
 03-网页的相关概念.avi
 04-常用浏览器以及内核.avi
 05-web标准.avi
 06-HTML标签导读.avi
 07-HTML语法规范.avi
 08-HTML基本结构标签.avi
 09-VSCode工具创建页面.avi
 10-DOCTYPE和lang以及字符集的作用.avi
 11-标签语义.avi
 12-标题标签.avi
 13-段落标签和换行标签.avi
 14-体育新闻案例.avi
 15-文本格式化标签.avi
 16-div和span标签.avi
 17-图像标签(上).avi
 18-图像标签(下).avi
 19-图像标签注意点.avi
 20-目录文件夹和根目录.avi
 21-相对路径(上).avi
 22-相对路径(下).avi
 23-绝对路径.avi
 24-链接标签(上).avi
 25-链接标签(下).avi
 26-锚点链接.avi
 27-注释标签和特殊字符.avi
 28-综合案例(上).avi
 29-综合案例(下).avi
 day01前端基础第一天.ppt

02-前端基础第二天-HTML5基础
 01-HTML标签(下)导读.avi
 02-表格标签基本使用.avi
 03-表头单元格标签.avi
 04-表格相关属性(了解).avi
 05-小说排行榜案例.avi
 06-表格结构标签.avi
 07-合并单元格.avi
 08-表格总结.avi
 09-无序列表.avi
 10-有序列表.avi
 11-自定义列表.avi
 12-列表总结.avi
 13-表单使用场景以及分类.avi
 14-表单域.avi
 15-input之type属性文本框和密码框.avi
 16-input之type属性单选按钮和复选框.avi
 17-input之name和value属性.avi
 18-input之checked和maxlength属性.avi
 19-input表单元素四个属性使用场景课堂问答.avi
 20-input之type属性提交和重置按钮.avi
 21-input之type属性普通按钮和文件域.avi
 22-label标签.avi
 23-select下拉表单.avi
 24-textarea文本域标签.avi
 25-表单元素几点总结.avi
 26-综合案例-注册页面(一).avi
 27-综合案例-注册页面(二).avi
 28-综合案例-注册页面(三).avi
 29-综合案例-注册页面(四).avi
 30-学会查阅文档.avi
 day02前端基础第二天.ppt

03-前端基础CSS第一天
 01-CSS层叠样式表导读.avi
 02-CSS简介.avi
 03-体验CSS语法规范.avi
 04-CSS代码风格.avi
 05-CSS选择器的作用.avi
 06-标签选择器.avi
 07-类选择器.avi
 08-使用类选择器画盒子.avi
 09-类选择器特殊使用-多类名.avi
 10-id选择器.avi
 11-通配符选择器.avi
 12-font-family设置字体系列.avi
 13-font-size字号大小.avi
 14-font-weight字体粗细.avi
 15-font-style字体样式.avi
 16-font复合属性写法.avi
 17-字体属性总结.avi
 18-文本颜色color.avi
 19-文本对齐text-align.avi
 20-文本装饰text-decoration.avi
 21-文本缩进text-indent.avi
 22-行间距line-height.avi
 23-CSS文本属性总结.avi
 28-综合案例-新闻页面.avi
 29-综合案例-修改样式(一).avi
 30-综合案例-修改样式(二).avi
 31-综合案例-修改样式(三).avi
 32-chrome调试工具使用.avi

04-前端基础CSS第二天
 01-内部样式表.avi
 02-行内样式表.avi
 03-外部样式表.avi
 04-CSS引入方式总结.avi
 05-复合选择器简介.avi
 06-后代选择器.avi
 07-子元素选择器.avi
 08-课堂练习.avi
 09-并集选择器.avi
 10-链接伪类选择器(上).avi
 11-链接伪类选择器(下).avi
 12-focus伪类选择器.avi
 13-复合选择器总结.avi
 14-CSS三大特性之层叠性.avi
 15-CSS三大特性之继承性.avi
 16-行高的继承.avi
 17-CSS三大特性之优先级.avi
 18-优先级注意的问题.avi
 19-CSS权重的叠加.avi
 20-权重两个练习题.avi
 21-emmet语法生成html标签.avi
 22-emmet语法快速生成css样式.avi
 23-快速格式化代码.avi
 24-chrome调试工具使用.avi

05-前端基础CSS第三天
 14-什么是元素显示模式.avi
 15-块元素.avi
 16-行内元素.avi
 17-行内块元素.avi
 18-元素显示模式总结.avi
 19-显示模式的转换.avi
 20-一个小工具snipaste的使用.avi
 21-简洁版小米侧边栏案例.avi
 22-单行文字垂直居中的原理.avi
 23-背景颜色.avi
 24-背景图片.avi
 25-背景平铺.avi
 26-背景位置-方位名词.avi
 27-背景位置案例一.avi
 28-背景位置案例二-王者荣耀背景图片.avi
 29-背景位置-精确单位.avi
 30-背景位置-混合单位.avi
 31-背景固定.avi
 32-背景属性复合写法.avi
 33-背景颜色半透明.avi
 34-背景总结.avi
 35-综合案例-五彩导航(上).avi
 36-综合案例-五彩导航(二).avi

06-前端基础CSS第四天
 01-综合案例-快报模块布局分析.avi
 02-综合案例-快报模块头部制作.avi
 03-综合案例-快报模块列表制作.avi
 08-盒子模型导读.avi
 09-看透网页布局本质.avi
 10-盒子模型组成部分.avi
 11-盒子模型边框border.avi
 12-边框的复合写法.avi
 13-表格细线边框.avi
 14-边框会影响盒子实际大小.avi
 15-盒子模型内边距padding.avi
 16-padding复合属性.avi
 17-padding会影响盒子实际大小.avi
 18-padding应用-新浪导航栏(上).avi
 19-padding应用-新浪导航栏(下).avi
 20-小米侧边栏修改.avi
 21-padding不会撑开盒子的情况.avi
 22-盒子模型外边距margin.avi
 23-外边距典型应用-块级盒子水平居中对齐.avi
 24-行内元素和行内块元素水平居中.avi
 25-外边距合并-相邻块元素垂直外边距.avi
 26-外边距合并-嵌套块元素塌陷.avi
 27-清除内外边距.avi
 29-综合案例-产品模块布局分析.avi
 30-综合案例-box布局.avi
 31-综合案例-图片和段落制作.avi
 32-综合案例-评价和详情制作.avi
 33-综合案例-竖线细节制作.avi
 34-pink老师解惑.avi

07-前端基础CSS第五天
 04-圆角边框原理.avi
 05-圆角边框的使用.avi
 06-盒子阴影.avi
 07-文字阴影.avi
 08-浮动导读.avi
 09-传统网页布局三种方式.avi
 10-为什么需要浮动.avi
 11-什么是浮动.avi
 12-浮动特性-脱标.avi
 13-浮动特性-浮动元素一行显示.avi
 14-浮动特性-浮动元素具有行内块特性.avi
 15-浮动元素经常搭配标准流的父元素.avi
 16-浮动布局练习1.avi
 17-浮动布局练习2.avi
 18-浮动练习-手机模块(上).avi
 19-浮动练习-手机模块(下).avi
 20-常见的网页布局.avi
 21-浮动的两个注意点.avi
 22-为什么清除浮动.avi
 23-清除浮动本质以及额外标签法.avi
 24-清除浮动之父元素overflow.avi
 25-清除浮动之after伪元素.avi
 26-清除浮动之双伪元素.avi
 27-清除浮动.avi

08-前端基础CSS第六天
 07-学成在线案例准备工作.avi
 08-CSS属性书写顺序(重要).avi
 09-页面布局整体思路.avi
 10-学成在线-header区域制作.avi
 11-学成在线-logo区域制作.avi
 12-学成在线-导航栏nav区域制作(上).avi
 13-学成在线-导航栏nav区域制作(中).avi
 14-学成在线-导航栏nav区域制作(下).avi
 15-学成在线-搜索search模块input制作.avi
 16-学成在线-搜索search模块button制作.avi
 17-学成在线-用户user模块制作.avi
 18-学成在线-banner模块制作.avi
 19-学成在线-subnav模块制作（上）.avi
 20-学成在线-subnav模块制作（下）.avi
 21-学成在线-course模块制作（上）.avi
 22-学成在线-course模块制作（中）.avi
 23-学成在线-course模块制作（下）.avi
 24-学成在线-精品推荐模块（上）.avi
 25-学成在线-精品推荐模块（中）.avi
 26-学成在线-精品推荐模块（下）.avi
 27-学成在线-box-hd模块制作.avi
 28-学成在线-box-bd模块制作.avi
 29-学成在线-box模块完成.avi
 30-学成在线-footer模块制作.avi
 31-学成在线-copyright模块制作.avi
 32-学成在线-links模块制作.avi

09-前端基础CSS第七天
 01-定位导读.avi
 02-为什么需要定位.avi
 03-定位组成.avi
 04-相对定位.avi
 05-绝对定位-没有父级或者父级无定位情况.avi
 06-绝对定位-父级有定位情况.avi
 07-绝对定位脱标的不占有原来位置.avi
 08-子绝父相的由来.avi
 09-子绝父相案例-hot模块.avi
 10-固定定位.avi
 11-固定定位小技巧-固定到版心右侧.avi
 12-粘性定位（了解）.avi
 13-定位总结.avi
 14-定位的叠放顺序.avi
 15-绝对定位的盒子居中算法.avi
 16-定位的特殊特性.avi
 17-浮动元素不会压住标准流的文字定位会.avi
 18-淘宝焦点图布局分析.avi
 19-淘宝焦点图-大盒子制作.avi
 20-淘宝焦点图-左侧箭头按钮制作.avi
 21-淘宝焦点图-右侧箭头按钮制作.avi
 22-淘宝焦点图-ul盒子模块制作.avi
 23-淘宝焦点图-li小圆点模块制作.avi
 24-网页布局总结.avi
 25-display显示隐藏元素.avi
 26-visibility显示隐藏元素.avi
 27-overflow溢出显示隐藏.avi
 28-土豆案例（上）.avi
 29-土豆案例（下）.avi

10-前端基础CSS第八天
 01-CSS高级技巧导读.avi
 02-为什么需要精灵技术.avi
 03-精灵图使用（原理）.avi
 04-精灵图使用（代码）.avi
 05-精灵图案例-拼出自己名字.avi
 06-字体图标产生和优点.avi
 07-字体图标下载.avi
 08-字体图标的使用.avi
 09-字体图标的追加和加载原理.avi
 10-CSS三角的做法.avi
 11-CSS三角应用-京东效果.avi
 12-用户界面-鼠标样式.avi
 13-用户界面-取消表单轮廓和防止拖拽文本域.avi
 14-vertical-align实现行内块和文字垂直居中对齐.avi
 15-图片底侧空白缝隙解决方案.avi
 16-单行文字溢出省略号显示.avi
 17-多行文字溢出省略号显示.avi
 18-布局技巧-margin负值巧妙运用（上）.avi
 19-布局技巧-margin负值巧妙运用（下）.avi
 20-布局技巧-文字围绕浮动元素巧妙运用.avi
 21-布局技巧-行内块的巧妙运用.avi
 22-布局技巧-CSS三角巧妙运用（上）.avi
 23-布局技巧-CSS三角巧妙运用（下）.avi
 24-CSS初始化.avi

11-前端基础-HTML5CSS3提高
 01-HTML5CSS3提高导读.avi
 02-HTML5提高-新增语义化标签.avi
 03-HTML5-新增视频标签.avi
 04-HTML5新增音频标签.avi
 05-HTML5新增input表单.avi
 06-HTML5新增表单属性.avi
 07-CSS3新增属性选择器（上）.avi
 08-CSS3新增属性选择器（下）.avi
 09-CSS3新增结构伪类选择器-选择第n个元素.avi
 10-CSS3新增nth-child选择器(上）.avi
 11-CSS3新增nth-child选择器(下）.avi
 11-nth-child和nth-of-type的区别.avi
 12-CSS3新增伪元素选择器使用场景和由来.avi
 13-CSS3新增伪元素选择器基本使用.avi
 14-伪元素选择器使用场景1-配合字体图标.avi
 15-伪元素选择器使用场景2-仿土豆效果.avi
 16-伪元素选择器使用场景3-伪元素清除浮动本质.avi
 17-CSS3盒子模型border-box.avi
 18-CSS3图片模糊处理.avi
 19-计算盒子宽度calc函数.avi
 20-CSS3新增属性过渡（上）.avi
 21-CSS3新增属性过渡（下）.avi
 22-CSS3过渡练习.avi
 23-广义的H5(了解）.avi

12-前端基础-PC端品优购项目
 01-品优购项目导读.avi
 02-网站制作流程.avi
 03-品优购项目规划.avi
 04-品优购项目搭建.avi
 05-品优购项目-样式的模块化开发.avi
 06-品优购项目-favicon图标制作.avi
 07-品优购项目-TDK三大标签SEO优化.avi
 08-品优购首页-快捷导航shortcut结构搭建.avi
 09-品优购首页-快捷导航左侧制作.avi
 10-品优购首页-快捷导航右侧搭建.avi
 11-品优购首页-快捷导航右侧字体图标.avi
 12-品优购首页-header头部模块搭建.avi
 13-品优购首页-logoSEO优化（上）.avi
 14-品优购首页-logoSEO优化（下）.avi
 15-品优购首页-search搜索模块（上）.avi
 16-品优购首页-search搜索模块（下）.avi
 17-品优购首页-hotwords热词模块.avi
 18-品优购首页-shopcar模块制作.avi
 19-品优购首页-count购物车统计模块.avi
 20-品优购首页-nav导航模块搭建.avi
 21-品优购首页-dropdown模块制作.avi
 22-品优购首页-导航详细分类制作（上）.avi
 23-品优购首页-导航详细分类制作（下）.avi
 24-品优购首页-navitems模块制作.avi
 25-品优购首页-footer底部模块搭建.avi
 26-品优购首页-mod_servecie模块制作（上）.avi
 27-品优购首页-mod_servecie模块制作（下）.avi
 28-品优购首页-mod_help模块制作.avi
 29-品优购首页-mod_copyright模块制作.avi

13-前端基础-PC端品优购项目（下）
 01-品优购首页-main主体盒子搭建.avi
 02-品优购首页-newsflash模块搭建.avi
 03-品优购首页-news-hd模块制作.avi
 04-品优购首页-new-bd模块制作.avi
 05-品优购首页-lifeservice制作（上）.avi
 06-品优购首页-lifeservice制作（下）.avi
 07-品优购首页-推荐模块recom（上）.avi
 08-品优购首页-推荐模块recom（下）.avi
 09-品优购首页-家用电器模块搭建.avi
 10-品优购首页-家用电器模块头部制作.avi
 11-tab栏选项卡原理布局需求.avi
 12-品优购首页-tab_list-item布局（上）.avi
 13-品优购首页-tab_list-item布局（中）.avi
 14-品优购首页-tab_list-item布局（下）.avi
 15-品优购列表-结构搭建.avi
 16-品优购列表页-秒杀模块制作.avi
 17-品优购列表页-导航模块修改.avi
 18-品优购列表页-一个小问题.avi
 20-品优购列表页-结束.avi
 21-品优购注册页-header制作.avi
 22-品优购列表页-注册主体模块头部制作.avi
 23-品优购注册页-注册主体制作（上）.avi
 24-品优购注册页-注册主体制作（下）.avi
 25-品优购注册页-安全程度模块.avi
 26-品优购注册页-同意模块和完成注册模块.avi
 27-品优购项目页面相互跳转以及作业安排.avi
 28-什么是服务器.avi
 29-申请免费空间以及网站上传.avi
 30-课程总结.avi
 day12_品优购PC项目.ppt