coderwhy王红元前端系统课，Web进阶视频教程+资料(207G) 价值13998元

本套课程coderwhy前端系统课，课程官方售价13998元，由王红元(coderwhy)老师主讲，本次更新共分为18部分，文件大小共计207.34G，文章底部附下载地址。

作为前端人员不仅仅局限于找一份前端的工作，更是面向高薪、大厂而设计了专项内容的讲解。想要进阶成为高级前端工程师，甚至是架构师的开发者来说，不仅仅要掌握应用程序的内容，而且深入底层原理、框架源码、性能优化、手写脚手架工具;大厂面试中更是会有很多数据结构和算法的内容，在课程中不仅仅会讲解，而且还配置有专项练习。

课程介绍：

1.打好前端基础： 课程会从基础开始讲起，课程由coderwhy精心设计，无论你是前端小白还是想要进阶，都可以跟着coderwhy从头学习基础内容，都相信你可以在这个阶段中收获满满！

2.基础内容: HTML 5+CSS3、JavaS-cript、DOM、BOM、JavaScript高级、jQuery、 BootStrap、 axios等;工具使用: Node、npm、yarn、 cnpm、pnpm、 gulp、 rollup、webpack、vite、 Git; 可视化方案CSS3、Canvas、 SVG、 Echarts、 大屏适配方案;

coderwhy前端系统课 视频截图

3.前端核心知识： 打好坚实的基础，我们就可以进入下一个征程，再次扬帆出发。掌握前端最核心的技术，为进阶、实战、就业、工作铺平道路。这个阶段是前端开发者所需要掌握的核心知识，并且我们会包含大量的实战项目学习。

4.核心知识实战： Vue3全家桶+项目实战、Vue SSR以及Nuxt框架、React全家桶+项 目实战、ReactSSR以及Next框架、Vue3+TypeScript+项目实战、React+ TypeScript+项目实战、小程序+云开发+项目实战、uniapp+项目实战、taro+项 目实战等等;

5.全栈开发必备： 掌握必备的服务器相关知识,不仅仅可以部署项目、更好的和后端沟通，而且可以成为全栈开发工程师。前端开发人员需要掌握服务器相关的 知识，并且自己来部署项目。另外作为coder,我们不应该对自己的技术栈有过多的限制，学习后端、数据库相关的知识可以成为全栈开发工程师并且很多思想是想通的，可以将其思想应用于前端项目开发中。

6.全栈开发知识: Linux操作系统、Nginx部署、Node、 非关系型数据库MongoDB、关系型数据库MySQL、Jen-kins自动化部署，后端项目实战等。

coderwhy前端系统课 视频截图

课程目录 H-28798：coderwhy王红元前端系统课
│  
├─00-公开课
│      02、邂逅前端开发.mp4
│      前端职业发展.mp4
│      
├─00-学习建议
│      1、课程体系总览-学习建议_01_(了解)今日内容概述.mp4
│      2、课程体系总览-学习建议_02_(理解)前端知识体系介绍.mp4
│      3、课程体系总览-学习建议_03_(理解)前端课程大纲和薪资标准.mp4
│      4、课程体系总览-学习建议_04_(了解)从零开始-知识补充.mp4
│      5、课程体系总览-学习建议_05_(掌握)学习方法-学习建议.mp4
│      
├─01-HTML
│  ├─01_软件开发-HTML结构-元素剖析
│  │      06、day01_软件开发-HTML结构-元素剖析_01_自我介绍和课前提醒.mp4
│  │      07、day01_软件开发-HTML结构-元素剖析_02_(了解)软件开发和程序员.mp4
│  │      08、day01_软件开发-HTML结构-元素剖析_03_(理解)应用体系划分和前端开发工程师.mp4
│  │      09、day01_软件开发-HTML结构-元素剖析_04_(了解)前端发展路线和课程大纲.mp4
│  │      10、day01_软件开发-HTML结构-元素剖析_05_(掌握)学习方法-学习建议.mp4
│  │      11.1、07_(掌握)网页显示的过程和服务器.mp4
│  │      11.2、08_(掌握)网页的三大组成部分分析.mp4
│  │      11、day01_软件开发-HTML结构-元素剖析_06_(掌握)电脑配置和安装的软件.mp4
│  │      12、day01_软件开发-HTML结构-元素剖析_09_(掌握)Typora工具使用和内容回顾.mp4
│  │      13、day01_软件开发-HTML结构-元素剖析_10_(掌握)浏览器和浏览器内核.mp4
│  │      14、day01_软件开发-HTML结构-元素剖析_11_(掌握)开发自己的第一个网页.mp4
│  │      15、day01_软件开发-HTML结构-元素剖析_12_(掌握)HTML语言和基本结构.mp4
│  │      16、day01_软件开发-HTML结构-元素剖析_13_(掌握)VSCode的安装-插件-配置.mp4
│  │      17、day01_软件开发-HTML结构-元素剖析_14_(掌握)元素的结构分析和单双元素.mp4
│  │      18、day01_软件开发-HTML结构-元素剖析_15_(掌握)元素的属性和属性分类.mp4
│  │      19、day01_软件开发-HTML结构-元素剖析_16_(掌握)元素的嵌套和关系.mp4
│  │      20、day01_软件开发-HTML结构-元素剖析_17_(掌握)注释的作用和HTML注释.mp4
│  │      21.1、19_(掌握)URL的规则和URI的区别.mp4
│  │      21、day01_软件开发-HTML结构-元素剖析_18_(掌握)下午内容回顾和作业布置.mp4
│  │      
│  └─02_HTML结构-body元素-额外知识补充
│          22、day02_HTML结构-body元素-额外知识补充_01_(了解)内容概览和小技巧.mp4
│          23、day02_HTML结构-body元素-额外知识补充_02_(理解)HTML常见元素的概览.mp4
│          24、day02_HTML结构-body元素-额外知识补充_03_(掌握)文档声明和html元素.mp4
│          25、day02_HTML结构-body元素-额外知识补充_04_(掌握)head元素-title-meta配置.mp4
│          26、day02_HTML结构-body元素-额外知识补充_05_(掌握)h元素和p元素以及本质.mp4
│          27、day02_HTML结构-body元素-额外知识补充_06_(掌握)h元素和p元素的案例联系.mp4
│          28、day02_HTML结构-body元素-额外知识补充_07_(掌握)img元素的两个属性和可替换性.mp4
│          29、day02_HTML结构-body元素-额外知识补充_08_(掌握)img元素的相对路径和图片格式.mp4
│          30、day02_HTML结构-body元素-额外知识补充_09_(掌握)a元素的两个属性和练习.mp4
│          31、day02_HTML结构-body元素-额外知识补充_10_(掌握)a元素本页面的锚点链接.mp4
│          32、day02_HTML结构-body元素-额外知识补充_11_(掌握)a元素和img元素结合使用.mp4
│          33、day02_HTML结构-body元素-额外知识补充_12_(理解)a元素其他的URL地址.mp4
│          34、day02_HTML结构-body元素-额外知识补充_13_(理解)iframe的使用和禁止嵌入原因.mp4
│          35、day02_HTML结构-body元素-额外知识补充_14_(了解)iframe和a元素target的值.mp4
│          36、day02_HTML结构-body元素-额外知识补充_15_(掌握)div元素span元素的使用.mp4
│          37、day02_HTML结构-body元素-额外知识补充_16_(理解)需要知道的不常用元素.mp4
│          38、day02_HTML结构-body元素-额外知识补充_17_(掌握)常见的全局属性(共同).mp4
│          39、day02_HTML结构-body元素-额外知识补充_18_(掌握)字符实体的作用和常见演练.mp4
│          40、day02_HTML结构-body元素-额外知识补充_20_(掌握)内容回顾和作业布置.mp4
│          
├─02-CSS
│  ├─day03
│  │      41、day03_编写样式_CSS属性_Chrome调试_浏览器渲_01_(了解)内容概述.mp4
│  │      42、day03_编写样式_CSS属性_Chrome调试_浏览器渲_02_(理解)元素语义化和作用.mp4
│  │      43、day03_编写样式_CSS属性_Chrome调试_浏览器渲_03_(理解)SEO优化-爬虫原理.mp4
│  │      44、day03_编写样式_CSS属性_Chrome调试_浏览器渲_04_(理解)字符编码的由来以及历史.mp4
│  │      45、day03_编写样式_CSS属性_Chrome调试_浏览器渲_05_(掌握)认识CSS-CSS的发展历史和作用.mp4
│  │      46、day03_编写样式_CSS属性_Chrome调试_浏览器渲_06_(掌握)三种CSS的编写样式的规则.mp4
│  │      47、day03_编写样式_CSS属性_Chrome调试_浏览器渲_07_(掌握)CSS的注释和建议.mp4
│  │      48、day03_编写样式_CSS属性_Chrome调试_浏览器渲_08_(理解)常见的CSS和学习文档推荐.mp4
│  │      49、day03_编写样式_CSS属性_Chrome调试_浏览器渲_09_(掌握)CSS常见的5个属性.mp4
│  │      50、day03_编写样式_CSS属性_Chrome调试_浏览器渲_10_(掌握)综合案例联系-星球介绍.mp4
│  │      51、day03_编写样式_CSS属性_Chrome调试_浏览器渲_11_(掌握)知识补充-link元素的使用.mp4
│  │      52、day03_编写样式_CSS属性_Chrome调试_浏览器渲_12_(了解)进制的由来和其他进制表示.mp4
│  │      53.1、14_(掌握)Chrome开发工具的使用.mp4
│  │      53.2、15_(理解)浏览器的渲染流程-HTML-CSS.mp4
│  │      53、day03_编写样式_CSS属性_Chrome调试_浏览器渲_13_(掌握)CSS的颜色各种表示方法.mp4
│  │      54、day03_编写样式_CSS属性_Chrome调试_浏览器渲_16_(理解)内容回顾和作业布置.mp4
│  │      
│  ├─day04
│  │      55、day04_CSS文本属性_CSS字体属性_CSS选择器_01_(了解)知识总结和今日内容.mp4
│  │      56.1、03_(了解)文本属性-text-transform-indent.mp4
│  │      56、day04_CSS文本属性_CSS字体属性_CSS选择器_02_(掌握)文本属性-text-decoration.mp4
│  │      57、day04_CSS文本属性_CSS字体属性_CSS选择器_04_(掌握)文本属性-text-align基本使用.mp4
│  │      58、day04_CSS文本属性_CSS字体属性_CSS选择器_05_(掌握)文本属性-text-align的本质探究.mp4
│  │      59、day04_CSS文本属性_CSS字体属性_CSS选择器_06_(了解)文本属性-text-align-justify.mp4
│  │      60、day04_CSS文本属性_CSS字体属性_CSS选择器_07_(了解)文本属性-word-letter-spacin.mp4
│  │      61、day04_CSS文本属性_CSS字体属性_CSS选择器_08_(掌握)字体属性-font-size.mp4
│  │      62、day04_CSS文本属性_CSS字体属性_CSS选择器_09_(掌握)字体属性-font-family.mp4
│  │      63、day04_CSS文本属性_CSS字体属性_CSS选择器_10_(掌握)字体属性-font-weight.mp4
│  │      64、day04_CSS文本属性_CSS字体属性_CSS选择器_11_(掌握)字体属性-font-style-variant.mp4
│  │      65、day04_CSS文本属性_CSS字体属性_CSS选择器_12_(掌握)文本居中显示-line-height.mp4
│  │      66、day04_CSS文本属性_CSS字体属性_CSS选择器_13_(掌握)font缩写属性的语法规则.mp4
│  │      67、day04_CSS文本属性_CSS字体属性_CSS选择器_14_(了解)选择器-统配选择器的使用.mp4
│  │      68、day04_CSS文本属性_CSS字体属性_CSS选择器_15_(掌握)选择器-简单选择器.mp4
│  │      69、day04_CSS文本属性_CSS字体属性_CSS选择器_16_(掌握)选择器-属性选择器.mp4
│  │      70、day04_CSS文本属性_CSS字体属性_CSS选择器_17_(掌握)选择器-后代选择器.mp4
│  │      71、day04_CSS文本属性_CSS字体属性_CSS选择器_18_(理解)选择器-兄弟选择器.mp4
│  │      72、day04_CSS文本属性_CSS字体属性_CSS选择器_19_(掌握)选择器-选择器组-交集-并集.mp4
│  │      73、day04_CSS文本属性_CSS字体属性_CSS选择器_20_(理解)认识伪类和常见的伪类.mp4
│  │      74、day04_CSS文本属性_CSS字体属性_CSS选择器_21_(掌握)伪类-动态伪类-hover.mp4
│  │      75、day04_CSS文本属性_CSS字体属性_CSS选择器_22_(了解)知识回顾和作业布置.mp4
│  │      
│  ├─day05
│  │      76、day05_CSS的继承_层叠_类型和CSS盒子模型_01_(了解)伪元素-first-line-first-le.mp4
│  │      77.1、03_(了解)内容概述-特性-盒子模型.mp4
│  │      77、day05_CSS的继承_层叠_类型和CSS盒子模型_02_(掌握)伪元素-before-after.mp4
│  │      78、day05_CSS的继承_层叠_类型和CSS盒子模型_04_(掌握)CSS属性的特性-继承性.mp4
│  │      79、day05_CSS的继承_层叠_类型和CSS盒子模型_05_(掌握)CSS属性的特性-层叠性.mp4
│  │      80、day05_CSS的继承_层叠_类型和CSS盒子模型_06_(掌握)HTML元素的特性-块级-行内级-displa.mp4
│  │      81、day05_CSS的继承_层叠_类型和CSS盒子模型_07_(掌握)display的值-block-inline-.mp4
│  │      82、day05_CSS的继承_层叠_类型和CSS盒子模型_08_(理解)HTML元素编写的注意事项.mp4
│  │      83、day05_CSS的继承_层叠_类型和CSS盒子模型_09_(掌握)HTML元素的隐藏四种方法.mp4
│  │      84、day05_CSS的继承_层叠_类型和CSS盒子模型_11_(理解)CSS样式不生效的原因.mp4
│  │      85、day05_CSS的继承_层叠_类型和CSS盒子模型_12_(掌握)认识盒子模型-盒子模型的四部分.mp4
│  │      86、day05_CSS的继承_层叠_类型和CSS盒子模型_13_(掌握)盒子模型-内容-width-height.mp4
│  │      87、day05_CSS的继承_层叠_类型和CSS盒子模型_14_(掌握)盒子模型-内边距-padding.mp4
│  │      88、day05_CSS的继承_层叠_类型和CSS盒子模型_15_(掌握)盒子模型-边框-border.mp4
│  │      
│  ├─day06
│  │      100.2、15_(掌握)盒子模型-案例联系03.mp4
│  │      100、day06_CSS盒子模型_CSS设置背景_14_(掌握)盒子模型-案例练习02的补充.mp4
│  │      101、day06_CSS盒子模型_CSS设置背景_16_(理解)盒子模型-案例练习03的补充.mp4
│  │      102、day06_CSS盒子模型_CSS设置背景_17_(掌握)设置背景-background-image.mp4
│  │      103、day06_CSS盒子模型_CSS设置背景_18_(掌握)设置背景-repeat-size-positi.mp4
│  │      104、day06_CSS盒子模型_CSS设置背景_19_(掌握)设置附加-attachment-缩写属性.mp4
│  │      105.1、21_(掌握)内容回顾和作业布置.mp4
│  │      105、day06_CSS盒子模型_CSS设置背景_20_(理解)background-image和img的对比.mp4
│  │      89、day06_CSS盒子模型_CSS设置背景_01_(掌握)盒子模型-外边距-margin.mp4
│  │      90、day06_CSS盒子模型_CSS设置背景_02_(理解)盒子模型-padding和margin对比.mp4
│  │      91、day06_CSS盒子模型_CSS设置背景_03_(掌握)盒子模型-margin上下传递问题.mp4
│  │      92、day06_CSS盒子模型_CSS设置背景_04_(掌握)盒子模型-margin上下折叠问题.mp4
│  │      93、day06_CSS盒子模型_CSS设置背景_05_(掌握)块级元素的水平居中-margin-auto.mp4
│  │      94、day06_CSS盒子模型_CSS设置背景_06_(理解)关于margin-auto值的优劣分析.mp4
│  │      95、day06_CSS盒子模型_CSS设置背景_07_(掌握)盒子模型-外轮廓-outline.mp4
│  │      96、day06_CSS盒子模型_CSS设置背景_08_(掌握)盒子模型-盒子阴影-box-shadow.mp4
│  │      97、day06_CSS盒子模型_CSS设置背景_09_(理解)盒子模型-文字阴影-text-shadow.mp4
│  │      98.1、11_(掌握)盒子模型-盒子尺寸计算-box-sizing.mp4
│  │      98.2、12_(掌握)盒子模型-案例练习01.mp4
│  │      98、day06_CSS盒子模型_CSS设置背景_10_(掌握)盒子属性在行内非替换元素的特殊性.mp4
│  │      99、day06_CSS盒子模型_CSS设置背景_13_(掌握)盒子模型-案例练习02.mp4
│  │      
│  ├─day07
│  │      106、day07_高级元素之列表_表单_表格_01_(掌握)内容概述和居中总结.mp4
│  │      107、day07_高级元素之列表_表单_表格_02_(理解)列表元素的介绍和开发模式分析.mp4
│  │      108.1、04_(掌握)列表的练习-新闻列表-代码优化.mp4
│  │      108、day07_高级元素之列表_表单_表格_03_(掌握)常见的列表元素-ol-ul-dl使用.mp4
│  │      109、day07_高级元素之列表_表单_表格_05_(掌握)案例的思路和继承属性的特性.mp4
│  │      110、day07_高级元素之列表_表单_表格_06_(理解)表格元素的认识和介绍.mp4
│  │      111、day07_高级元素之列表_表单_表格_07_(掌握)table元素的使用-案例练习和重构.mp4
│  │      112、day07_高级元素之列表_表单_表格_08_(理解)table的单元格合并-跨行-跨列.mp4
│  │      113、day07_高级元素之列表_表单_表格_09_(理解)table的单元格合并练习-结构伪类.mp4
│  │      114、day07_高级元素之列表_表单_表格_10_(掌握)表单元素-input元素的基本使用.mp4
│  │      115、day07_高级元素之列表_表单_表格_11_(了解)input是否是可替换元素的理解.mp4
│  │      116、day07_高级元素之列表_表单_表格_12_(掌握)input模拟button和button使用.mp4
│  │      117、day07_高级元素之列表_表单_表格_13_(掌握)label-input-radio-check.mp4
│  │      118.1、15_(掌握)form元素的使用和模拟百度.mp4
│  │      118、day07_高级元素之列表_表单_表格_14_(掌握)textarea-select-option的.mp4
│  │      119、day07_高级元素之列表_表单_表格_16_(了解)Emmet常见的语法.mp4
│  │      120、day07_高级元素之列表_表单_表格_17_(掌握)内容回顾和作业布置.mp4
│  │      
│  ├─day08
│  │      121、day08_结构伪类_图形_字体_字体图标_元素定位_01_(掌握)结构伪类-nth-child-last.mp4
│  │      122、day08_结构伪类_图形_字体_字体图标_元素定位_02_(理解)结构伪类-nth-of-type-last.mp4
│  │      123、day08_结构伪类_图形_字体_字体图标_元素定位_03_(理解)结构和否定伪类-root-empty.mp4
│  │      124、day08_结构伪类_图形_字体_字体图标_元素定位_04_(了解)今日内容概述.mp4
│  │      125、day08_结构伪类_图形_字体_字体图标_元素定位_05_(掌握)border实现图形和旋转.mp4
│  │      126、day08_结构伪类_图形_字体_字体图标_元素定位_06_(理解)网络字体-网络的字体使用流程和原理.mp4
│  │      127、day08_结构伪类_图形_字体_字体图标_元素定位_07_(掌握)网络字体-网络字体的使用过程.mp4
│  │      128、day08_结构伪类_图形_字体_字体图标_元素定位_08_(理解)网络字体-网络字体的兼容性写法.mp4
│  │      129、day08_结构伪类_图形_字体_字体图标_元素定位_09_(掌握)字体图标-字体图片的原理和使用流程.mp4
│  │      130、day08_结构伪类_图形_字体_字体图标_元素定位_10_(掌握)精灵图-认识精灵图和获取过程.mp4
│  │      131、day08_结构伪类_图形_字体_字体图标_元素定位_11_(掌握)精灵图-精灵图的使用过程.mp4
│  │      132、day08_结构伪类_图形_字体_字体图标_元素定位_12_(掌握)光标显示-cursor-pointer.mp4
│  │      133、day08_结构伪类_图形_字体_字体图标_元素定位_13_(掌握)布局-元素定位-标准流的理解.mp4
│  │      134、day08_结构伪类_图形_字体_字体图标_元素定位_14_(掌握)布局-元素定位-position属性介绍.mp4
│  │      135、day08_结构伪类_图形_字体_字体图标_元素定位_15_(掌握)布局-元素定位-相对定位的使用.mp4
│  │      136、day08_结构伪类_图形_字体_字体图标_元素定位_16_(了解)布局-元素定位-梦幻西游案例.mp4
│  │      137、day08_结构伪类_图形_字体_字体图标_元素定位_17_(掌握)布局-元素定位-固定定位的使用.mp4
│  │      138、day08_结构伪类_图形_字体_字体图标_元素定位_18_(掌握)布局-元素定位-固定定位的练习.mp4
│  │      139、day08_结构伪类_图形_字体_字体图标_元素定位_19_(掌握)内容回顾和作业布置.mp4
│  │      
│  ├─day09
│  │      140、day09_CSS元素的定位和浮动_01_(掌握)布局-绝对定位-绝对定位的参考对象.mp4
│  │      141、day09_CSS元素的定位和浮动_02_(掌握)布局-绝对定位-增强案例子绝父绝.mp4
│  │      142、day09_CSS元素的定位和浮动_03_(掌握)布局-position设置fixed或abso.mp4
│  │      143、day09_CSS元素的定位和浮动_04_(掌握)布局-position设置fixed或abso.mp4
│  │      144、day09_CSS元素的定位和浮动_05_(掌握)值设置auto的效果总结.mp4
│  │      145、day09_CSS元素的定位和浮动_06_(掌握)布局-绝对定位练习-网易item.mp4
│  │      146、day09_CSS元素的定位和浮动_07_(掌握)布局-绝对定位练习-网易item02.mp4
│  │      147、day09_CSS元素的定位和浮动_08_布局-绝对定位练习-网易item03.mp4
│  │      148、day09_CSS元素的定位和浮动_09_(掌握)布局-粘性定位-sticky的使用.mp4
│  │      149、day09_CSS元素的定位和浮动_10_(掌握)布局-定位元素的z-index设置(1).mp4
│  │      149、day09_CSS元素的定位和浮动_10_(掌握)布局-定位元素的z-index设置.mp4
│  │      150、day09_CSS元素的定位和浮动_11_(理解)布局-浮动-认识浮动.mp4
│  │      151、day09_CSS元素的定位和浮动_12_(掌握)布局-浮动-浮动的常见规则.mp4
│  │      152、day09_CSS元素的定位和浮动_13_(掌握)布局-浮动-行内元素的间隙处理.mp4
│  │      153、day09_CSS元素的定位和浮动_14_(掌握)布局-浮动-案例01-百度页码展示.mp4
│  │      154、day09_CSS元素的定位和浮动_15_(掌握)布局-浮动-案例02-京东商品布局01.mp4
│  │      
│  ├─day10
│  │      154.1、01_(掌握)布局-浮动布局-京东多列布局案例.mp4
│  │      154.2、02_(掌握)布局-浮动布局-考拉多列布局方案一.mp4
│  │      154.3、03_(掌握)布局-浮动布局-考拉多列布局方案二.mp4
│  │      155.1、05_(掌握)布局-浮动布局-浮动的问题及清浮动.mp4
│  │      155、day10_CSS的浮动和flex布局_04_(理解)布局-浮动布局-考拉布局的补充.mp4
│  │      156、day10_CSS的浮动和flex布局_06_(理解)布局方案的总结和回顾.mp4
│  │      157、day10_CSS的浮动和flex布局_07_(理解)认识flex布局和flex布局的由来.mp4
│  │      158、day10_CSS的浮动和flex布局_08_(掌握)flex布局-两个重要概念-container.mp4
│  │      159、day10_CSS的浮动和flex布局_09_(掌握)flex布局-flex布局模型-主轴和交叉轴.mp4
│  │      160、day10_CSS的浮动和flex布局_10_(掌握)flex布局-container-flex-d.mp4
│  │      161.1、12_(掌握)flex布局-cintainer-justify-content.mp4
│  │      161、day10_CSS的浮动和flex布局_11_(掌握)flex布局-container-wrap-f.mp4
│  │      162、day10_CSS的浮动和flex布局_13_(掌握)flex布局-container-align-.mp4
│  │      163、day10_CSS的浮动和flex布局_14_(掌握)flex布局-container-align-.mp4
│  │      164、day10_CSS的浮动和flex布局_15_(了解)flex布局-item-order.mp4
│  │      165、day10_CSS的浮动和flex布局_16_(了解)flex布局-item-align-self.mp4
│  │      166、day10_CSS的浮动和flex布局_17_(掌握)flex布局-item-grow-shrink.mp4
│  │      167、day10_CSS的浮动和flex布局_18_(掌握)flex布局-item-flex-basis.mp4
│  │      168、day10_CSS的浮动和flex布局_19_(掌握)flex布局-item-flex属性.mp4
│  │      169、day10_CSS的浮动和flex布局_20_(掌握)flex布局-flex布局justify-co.mp4
│  │      170、day10_CSS的浮动和flex布局_21_(掌握)内容回顾和作业布置.mp4
│  │      171–day10_HTML+CSS阶段练习（仿小米和考拉页面）_02_(掌握)小米布局-头部的布局过程.mp4
│  │      172–day10_HTML+CSS阶段练习（仿小米和考拉页面）_04_(掌握)小米布局-hover动画效果.mp4
│  │      173–day10_HTML+CSS阶段练习（网页云音乐一）_01_(理解)网易云开发思路分析.mp4
│  │      174–day10_HTML+CSS阶段练习（网页云音乐一）_02_(掌握)网易云-top-整体布局.mp4
│  │      175–day10_HTML+CSS阶段练习（网页云音乐一）_03_(掌握)网易云-top-logo的设置.mp4
│  │      176–day10_HTML+CSS阶段练习（网页云音乐一）_04_(掌握)行高对行内非替换元素作用.mp4
│  │      177–day10_HTML+CSS阶段练习（网页云音乐一）_05_(掌握)网易云-top-list展示效果.mp4
│  │      178–day10_HTML+CSS阶段练习（网页云音乐一）_06_(掌握)网易云-top-右侧内容布局.mp4
│  │      179–day10_HTML+CSS阶段练习（网页云音乐一）_07_(掌握)网易云-top-导航的实现.mp4
│  │      180–day10_HTML+CSS阶段练习（网页云音乐二）_01_(掌握)网易云-banner-布局图片展示.mp4
│  │      181–day10_HTML+CSS阶段练习（网页云音乐二）_02_(掌握)网易云-banner-轮播图指示器.mp4
│  │      182–day10_HTML+CSS阶段练习（网页云音乐二）_03_(掌握)网易云-banner-客户端下载展示.mp4
│  │      183–day10_HTML+CSS阶段练习（网页云音乐二）_04_(掌握)网易云-banner-左右控制按钮.mp4
│  │      184–day10_HTML+CSS阶段练习（网页云音乐二）_05_(掌握)网易云-main整体布局和登录.mp4
│  │      185–day10_HTML+CSS阶段练习（网页云音乐二）_06_(理解)顶部区域小bug解析.mp4
│  │      186–day10_HTML+CSS阶段练习（网页云音乐二）_07_(了解)块级元素的inline-block的显示问题.mp4
│  │      187–day10_HTML+CSS阶段练习（网页云音乐三）_01_(掌握)网易云-右侧列表的header封装.mp4
│  │      188–day10_HTML+CSS阶段练习（网页云音乐三）_02_(掌握)网易云-入驻歌手列表展示.mp4
│  │      189–day10_HTML+CSS阶段练习（网页云音乐三）_03_(掌握)网易云-按钮背景的设置原理.mp4
│  │      190–day10_HTML+CSS阶段练习（网页云音乐三）_04_(掌握)网易云-按钮的背景封装.mp4
│  │      191–day10_HTML+CSS阶段练习（网页云音乐三）_05_(掌握)网易云-收藏按钮的封装实现.mp4
│  │      192–day10_HTML+CSS阶段练习（网页云音乐三）_06_(掌握)网易云-左侧区域header封装.mp4
│  │      193–day10_HTML+CSS阶段练习（网页云音乐四）_01_(掌握)box-sizing的适用场景总结.mp4
│  │      194–day10_HTML+CSS阶段练习（网页云音乐四）_02_(理解)flex布局和white-space的冲突.mp4
│  │      195–day10_HTML+CSS阶段练习（网页云音乐四）_03_(理解)a元素嵌套块级元素的解析.mp4
│  │      196–day10_HTML+CSS阶段练习（网页云音乐四）_04_(掌握)网易云-推荐列表的展示实现.mp4
│  │      197–day10_HTML+CSS阶段练习（网页云音乐四）_05_(掌握)网易云-新碟上架的结构处理.mp4
│  │      198–day10_HTML+CSS阶段练习（网页云音乐四）_06_(掌握)网易云-新碟上架轮播结构.mp4
│  │      199–day10_HTML+CSS阶段练习（网页云音乐四）_07_(掌握)网易云-新碟上架item封面处理.mp4
│  │      200–day10_HTML+CSS阶段练习（网页云音乐四）_08_(掌握)网易云-新碟上架item内容展示.mp4
│  │      201–day10_HTML+CSS阶段练习（网页云音乐四）_09_(掌握)网易云-新碟上架的控制按钮.mp4
│  │      202–day10_HTML+CSS阶段练习（网页云音乐五）_01_(掌握)网易云-排行榜的结构搭建.mp4
│  │      203–day10_HTML+CSS阶段练习（网页云音乐五）_02_(掌握)网易云-排行榜封面展示.mp4
│  │      204–day10_HTML+CSS阶段练习（网页云音乐五）_03_(掌握)网易云-排行榜header中info展示.mp4
│  │      205–day10_HTML+CSS阶段练习（网页云音乐五）_04_(掌握)网易云-排行榜列表的展示.mp4
│  │      206–day10_HTML+CSS阶段练习（网页云音乐五）_05_(掌握)网易云-排行榜列表的操作按钮.mp4
│  │      207–day10_HTML+CSS阶段练习（网页云音乐五）_06_(掌握)网易云-排行榜查看全部.mp4
│  │      208–day10_HTML+CSS阶段练习（网页云音乐五）_07_(掌握)网易云音乐所有内容合并.mp4
│  │      209–day10_HTML+CSS阶段练习（网页云音乐五）_08_(掌握)作业部分和内容总结(1).mp4
│  │      209–day10_HTML+CSS阶段练习（网页云音乐五）_08_(掌握)作业部分和内容总结.mp4
│  │      
│  ├─day11
│  │      209.1、01_(了解)今日内容概述.mp4
│  │      209.2、02_(掌握)transform的介绍以及常见transform-function.mp4
│  │      210、day11_形变-动画-vertical-align_03_(掌握)transform-translate的使用和.mp4
│  │      211、day11_形变-动画-vertical-align_04_(掌握)元素水平和垂直居中的方案总结.mp4
│  │      212、day11_形变-动画-vertical-align_05_(掌握)transform-scale的使用.mp4
│  │      213.1、07_(掌握)transform-origin改变形变原点.mp4
│  │      213、day11_形变-动画-vertical-align_06_(掌握)transform-rotate的使用.mp4
│  │      214.1、09_(掌握)CSSTransition的介绍和可动画属性.mp4
│  │      214.2、10_(掌握)CSSTransition的常见属性使用.mp4
│  │      214、day11_形变-动画-vertical-align_08_(理解)transform-skew和transfor.mp4
│  │      215、day11_形变-动画-vertical-align_11_(理解)transform-translate-tra.mp4
│  │      216、day11_形变-动画-vertical-align_12_(理解)元素的宽度和高度变化问题.mp4
│  │      217、day11_形变-动画-vertical-align_13_(掌握)transition动画的缺点以及Animat.mp4
│  │      218、day11_形变-动画-vertical-align_14_(掌握)keyframes和animation的序列帧.mp4
│  │      219、day11_形变-动画-vertical-align_15_(理解)块级元素中行盒的概念和作用.mp4
│  │      220.1、17_(理解)内容总结和作业布置.mp4
│  │      220、day11_形变-动画-vertical-align_16_(理解)行内级元素在行盒中baseline对齐.mp4
│  │      
│  ├─day12
│  │      221、day12_CSS整体内容回顾-王者荣耀项目实战(一)_01_(理解)vertical-align的其他值和居中问题.mp4
│  │      222、day12_CSS整体内容回顾-王者荣耀项目实战(一)_02_(理解)行内块级元素的居中和分离现象.mp4
│  │      223、day12_CSS整体内容回顾-王者荣耀项目实战(一)_03_(掌握)CSS整体内容的回顾.mp4
│  │      224、day12_CSS整体内容回顾-王者荣耀项目实战(一)_04_(掌握)项目实战-代码规范说明.mp4
│  │      225、day12_CSS整体内容回顾-王者荣耀项目实战(一)_05_(掌握)项目实战-CSS编写顺序整理.mp4
│  │      226、day12_CSS整体内容回顾-王者荣耀项目实战(一)_06_(掌握)项目实战-组件化开发思想.mp4
│  │      227、day12_CSS整体内容回顾-王者荣耀项目实战(一)_07_(掌握)王者荣耀-top-整体布局完成.mp4
│  │      228、day12_CSS整体内容回顾-王者荣耀项目实战(一)_08_(掌握)王者荣耀-top-top-left展示实现.mp4
│  │      229、day12_CSS整体内容回顾-王者荣耀项目实战(一)_09_(掌握)王者荣耀-top-top-right展示实现.mp4
│  │      230、day12_CSS整体内容回顾-王者荣耀项目实战(一)_10_(掌握)王者荣耀-header-整体布局实现.mp4
│  │  &ensp