coderwhy王红元前端体系课

课程目录

公开课

02、邂逅前端开发.mp4

前端职业发展.mp4

系统课

1、学习建议.mp4

2、邂逅web开发和发展对象.mp4

3、web开发和前端三大核心.mp4

4、开发第一个网页-元素.mp4

5、HTML常见的元素（一）.mp4

6、HTML常见的元素（二）.mp4

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

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

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

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

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-ｓｅｌｅｃｔ-option的.mp4

119、day07_高级元素之列表_表单_表格_16_(了解)Emmet常见的语法.mp4

120、day07_高级元素之列表_表单_表格_17_(掌握)内容回顾和作业布置.mp4

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

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设置.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

资料

Day01.zip

Day02.zip

Day03.zip

Day03_Learn_HTML_CSS.zip

Learn_HTML_CSS.zip

01_阶段一-HTML+CSS