368集课程+12章节课程 轻松成就一名前端开发高手 前端开发从零开始到项目实战
课程的容量接近40G,总的课程数量达到300多集,同时课程通过合理的分布,将各个章节的知识点的细化做到了极致,这在同类课程中并不多见。课程从HTML基础开始教指导,到CSS的课程技术实践,对CSS下了非常大的功夫,还包括有前端项目实践,学习技术加项目练手,系统化让学习更有效率。
前端开发从零开始到项目实战
│
├─01-HTML 第一天
│ 01-认识网页.avi
│ 02-五大浏览器和渲染引擎.avi
│ 03-web标准.avi
│ 04-html感知.avi
│ 05-html骨架结构.avi
│ 06-vscode工具的使用.avi
│ 07-设置谷歌默认浏览器.avi
│ 08-再次演示创建页面.avi
│ 09-安装图标插件.avi
│ 10-HTML注释.avi
│ 11-html标签的构成.avi
│ 12-标签的属性.avi
│ 13-html标签关系.avi
│ 14-html基础认知总结.avi
│ 15-标题标签.avi
│ 16-段落标签.avi
│ 17-换行标签.avi
│ 18-水平线标签.avi
│ 19-小猪佩奇案例介绍.avi
│ 20-小猪佩奇案例以及auto rename tab插件.avi
│ 21-上午复习.avi
│ 22-文本格式化标签.avi
│ 23-图像标签.avi
│ 24-图像标签其他属性写法.avi
│ 25-图片小结.avi
│ 26-绝对路径.avi
│ 27-相对路径-同一级和下一级.avi
│ 28-路径总结.avi
│ 29-视频标签.avi
│ 29-音频标签.avi
│ 31-引入外部的视频到自己页面中.avi
│ 32-综合案例安排.avi
│ HTML 第一天.xmind
│ 今天晚上复习路线.txt
│ 资料.zip
│
├─02-HTML第二天
│ 01-复习.avi
│ 02-复习.avi
│ 03-链接.avi
│ 04-链接综合案例-页面搭建.avi
│ 05-链接综合案例-页面跳转.avi
│ 05-链接综合案例-首页搭建.avi
│ 06-链接综合案例-返回首页.avi
│ 07-列表的使用场景.avi
│ 08-无序列表.avi
│ 09-有序列表.avi
│ 10-自定义列表.avi
│ 11-列表总结.avi
│ 12-表格的基本结构.avi
│ 13-表格的属性.avi
│ 14-表格大标题以及表头单元格th.avi
│ 15-表格结构标签.avi
│ 16-合并单元格.avi
│ 17-合并单元格复习.avi
│ 18-表格复习.avi
│ 19-表单导读.avi
│ 20-文本框和密码框.avi
│ 21-单选按钮.avi
│ 22-复选框.avi
│ 23-文件域-上传文件.avi
│ 24-input按钮.avi
│ 25-input表单总结.avi
│ 26-button按钮.avi
│ 27-下拉表单select.avi
│ 28-select了解即可.avi
│ 29-文本域标签.avi
│ 30-label标签.avi
│ 31-表单总结.avi
│ 32-综合案例布置.avi
│ 资料.zip
│
├─03-CSS第一天
│ 01-考试答案分析.avi
│ 02-反馈.avi
│ 03-无语义的标签div和span.avi
│ 04-有语义的布局标签.avi
│ 05-html标签结束.avi
│ 06-特殊字符.avi
│ 07-css导读.avi
│ 08-css初识.avi
│ 09-css画盒子.avi
│ 10-外部样式表.avi
│ 11-答疑.avi
│ 12-行内样式表以及总结.avi
│ 13-标签选择器.avi
│ 14-类选择器-案例.avi
│ 15-类名是可以有多个的.avi
│ 16-样式冲突的解决方案.avi
│ 17-总结作业布置.avi
│ 18-类选择器注意.avi
│ 19-id选择器.avi
│ 20-通配符选择器以及总结.avi
│ 21-文字加粗样式.avi
│ 22-文字倾斜样式.avi
│ 23-字体.avi
│ 24-层叠性.avi
│ 25-字体连写.avi
│ 26-字体小结.avi
│ 27-首行缩进text-indent.avi
│ 28-文字水平居中.avi
│ 29-文本装饰.avi
│ 30-文本样式总结.avi
│ 31-综合案例小米平衡车-大盒子搭建.avi
│ 32-综合案例小米平衡车-修饰标题.avi
│ 33-综合案例小米平衡车-p和span.avi
│ 33-综合案例结束.avi
│ 34-作业布置.avi
│
├─04-CSS第二天
│ 01-复习.avi
│ 02-作业串讲.avi
│ 03-水平居中注意点.avi
│ 04-盒子水平居中.avi
│ 05-行高单位设置.avi
│ 06-line-height1的使用取消默认上下间距.avi
│ 07-单行文字垂直居中方法.avi
│ 08-行高和文字连写.avi
│ 09-调试工具.avi
│ 10-调试工具2.avi
│ 11-颜色了解.avi
│ 12-综合案例-结构搭建.avi
│ 13-综合案例-标题和info模块.avi
│ 14-综合案例结束.avi
│ 15-后代选择器基本使用.avi
│ 16-后代选择器继续.avi
│ 17-后代选择器注意事项.avi
│ 18-子代选择器.avi
│ 19-并集选择器.avi
│ 20-交集选择器.avi
│ 21-emmet语法.avi
│ 22-hover伪类选择器.avi
│ 23-选择器总结.avi
│ 24-有道软件安装.avi
│ 25-选择器案例练习-结构搭建.avi
│ 26-选择器案例练习-修饰文本样式.avi
│ 27-选择器案例练习-结束.avi
│ 28-小问题.avi
│ 29-复习和作业布置.avi
│ CSS第02天知识结构.xmind
│
├─05-CSS 第三天
│ 01-复习.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-背景书写位置容易出错的问题.avi
│ 16-背景图片和插入图片的使用场景分析.avi
│ 17-块级元素.avi
│ 18-行内元素.avi
│ 19-行内块元素.avi
│ 20-显示模式转换.avi
│ 21-拓展的两个小细节.avi
│ 22-综合案例-普通导航栏上.avi
│ 23-综合案例-普通导航栏下.avi
│ 24-继承性.avi
│ 25-继承失效的情况.avi
│ 26-层叠性.avi
│ 27-优先级.avi
│ 28-继承的优先级是0.avi
│ 29-权重的叠加.avi
│ 29-权重练习题.avi
│ 30-综合案例以及作业布置.avi
│
├─06-CSS3盒子模型
│ 01-复习.avi
│ 02-显示模式复习.avi
│ 03-优先级复习.avi
│ 04-优先级的两个注意点.avi
│ 05-调试工具使用.avi
│ 06-像素大厨的使用上.avi
│ 07-像素大厨的使用中.avi
│ 08-像素大厨的使用下.avi
│ 09-盒子模型的组成部分.avi
│ 10-盒子内容content.avi
│ 11-盒子模型边框组成.avi
│ 12-边框的连写.avi
│ 13-设置单边的边框.avi
│ 14-边框课堂案例.avi
│ 15-盒子实际大小计算.avi
│ 16-盒子大小注意点.avi
│ 17-新浪导航栏-nav盒子制作.avi
│ 18-新浪导航栏-链接模块制作.avi
│ 19-新浪导航初版结束.avi
│ 20-padding内边距.avi
│ 21-padding单边设置以及总结.avi
│ 22-盒子终极实际大小.avi
│ 23-新浪导航栏改进版.avi
│ 24-padding不额外撑开子盒子的情况.avi
│ 25-答疑.avi
│ 26-css3盒子模型box-sizing.avi
│ 27-综合案例-box盒子搭建.avi
│ 28-综合案例标题制作.avi
│ 29-综合案例-li部分制作.avi
│ 30-综合案例链接制作.avi
│ 31-总结作业布置.avi
│ CSS第02天知识结构.xmind
│ CSS第03天知识结构.xmind
│ 复习路线.txt
│ 首页.psd
│
├─07-CSS浮动
│ 01-反馈.avi
│ 02-复习.avi
│ 03-小米作业.avi
│ 04-小米作业2.avi
│ 05-去除行内块空白缝隙的方法.avi
│ 06-细线表格制作.avi
│ 07-margin值的设置.avi
│ 08-margin总结.avi
│ 09-清除浏览器默认标签的内外边距.avi
│ 10-卡片案例分析.avi
│ 11-卡片案例大盒子布局.avi
│ 12-卡片案例标题部分制作.avi
│ 13-卡片效果完成.avi
│ 14-卡片效果完成.avi
│ 15-块级盒子水平居中的方法.avi
│ 16-行内元素水平居中.avi
│ 17-外边距折叠现象1.avi
│ 18-外边距塌陷问题.avi
│ 19-行内元素不要给上下的内外边距.avi
│ 20-布局导读.avi
│ 21-结构伪类选择器.avi
│ 22-结构伪类选择器2.avi
│ 23-结构伪类选择器-公式写法.avi
│ 24-易错点.avi
│ 25-nth-of-type.avi
│ 26-伪元素.avi
│ 27-标准流.avi
│ 28-浮动的作用.avi
│ 29-浮动的语法.avi
│ CSS第03天知识结构.xmind
│ CSS第04天知识结构.xmind
│ 资料.zip
│
├─08-CSS浮动下
│ 01-复习外边距.avi
│ 02-复习居中区别.avi
│ 03-复习.avi
│ 04-作业.avi
│ 05-浮动的元素会脱标.avi
│ 06-浮动的特点.avi
│ 07-浮动的两个注意点.avi
│ 08-浮动练习1.avi
│ 09-浮动练习2大盒子搭建.avi
│ 10-浮动练习2-右侧盒子制作.avi
│ 11-浮动练习2结束.avi
│ 12-浮动导航栏(重点).avi
│ 13-为什么需要清除浮动.avi
│ 14-额外标签发.avi
│ 15-单伪元素清除浮动.avi
│ 16-双伪元素清除浮动.avi
│ 17-清除浮动之overflow.avi
│ 18-清除浮动小结.avi
│ 19-BFC简介.avi
│ 20-过渡.avi
│ 21-小米logo案例分析.avi
│ 22-小米logo的做法-大盒子布局.avi
│ 23-小米logo做法-伪元素做法.avi
│ 24-小米logo效果结束.avi
│ 25-圆角边框.avi
│ 26-盒子阴影.avi
│ 27-作业布置.avi
│ 资料.zip
│ 进入复习路线.txt
│
├─09-CSS定位
│ 01-复习.avi
│ 02-作业.avi
│ 03-绘图工具设置中文.avi
│ 04-调试技巧.avi
│ 05-定位的使用场景.avi
│ 06-定位的组成部分.avi
│ 07-相对定位relative.avi
│ 08-绝对定位.avi
│ 09-子绝父相.avi
│ 10-子绝父相案例.avi
│ 11-粘性定位以及总结.avi
│ 12-网页布局总结.avi
│ 13-遮罩案例-大盒子布局.avi
│ 14-遮罩案例-伪元素制作.avi
│ 15-为什么绝对定位要加边偏移.avi
│ 16-遮罩案例-after盒子过渡.avi
│ 17-遮罩案例-背景图片设置.avi
│ 18-遮罩案例-播放按钮制作.avi
│ 19-遮罩案例底部模块制作.avi
│ 20-调试思路.avi
│ 21-z-index提高叠放层级.avi
│ 22-绝对定位的盒子水平垂直居中方式1.avi
│ 23-定位盒子居中算法2.avi
│ 24-作业布置.avi
│ 资料.zip
│
├─10-CSS定位下
│ 01-今日学习路线.avi
│ 02-网页布局复习.avi
│ 03-淘宝轮播图-大盒子搭建.avi
│ 04-淘宝轮播图-右侧按钮制作.avi
│ 05-淘宝轮播图-左右按钮制作.avi
│ 06-淘宝轮播图-链接提取公共样式.avi
│ 07-淘宝轮播图-小圆点模块开始.avi
│ 08-淘宝轮播图-小圆点模块中.avi
│ 09-淘宝轮播图-圆点模块下.avi
│ 10-鼠标样式.avi
│ 11-表单样式input和focus.avi
│ 12-表单样式-textarea防止用户拖拽.avi
│ 13-显示与隐藏元素.avi
│ 14-display和opacity区别.avi
│ 15-overflow介绍.avi
│ 16-解决图片底部空白缝隙的问题.avi
│ 17-属性选择器.avi
│ 18-属性选择器结束.avi
│ 19-选择器的权重总结.avi
│ 20-链接伪类选择器.avi
│ 21-小兔仙项目介绍.avi
│ 22-小兔仙项目导读.avi
│ 23-企业项目开发流程.avi
│ 24-css书写顺序.avi
│ 25-小兔仙项目结构搭建.avi
│ 26-项目结构搭建again.avi
│ 27-css初始化文件.avi
│ 28-设置favicon小图标以及base文件.avi
│ 29-设置tdk三大标签.avi
│ 30-结构总结.avi
│
├─11-小兔仙项目一
│ 01-typora软件安装.avi
│ 02-笔记准备工作.avi
│ 03-模块化开发.avi
│ 04-md笔记使用.avi
│ 05-common样式文件.avi
│ 06-top-nav模块布局搭建.avi
│ 07-top-nav文字模块制作上.avi
│ 08-top-nav文字模块制作完成.avi
│ 09-调试.avi
│ 10-为什么需要精灵图.avi
│ 11-精灵图的使用.avi
│ 12-精灵图案例.avi
│ 13-调试.avi
│ 14-手机精灵图盒子搭建.avi
│ 15-手机精灵图结束.avi
│ 16-主导航main-nav布局.avi
│ 17-logo盒子开始.avi
│ 18-logo盒子优化.avi
│ 19-logo盒子隐藏链接文字.avi
│ 20-logo背景图片缩放.avi
│ 21-nav导航栏模块搭建.avi
│ 22-nav导航栏结束.avi
│ 23-搜索框模块search模块开始.avi
│ 24-搜索框放大镜效果.avi
│ 25-调试.avi
│ 26-购物车模块搭建.avi
│ 27-购物车数量模块制作.avi
│ 28-concat模块盒子搭建.avi
│ 29-container底部模块.avi
│ 29-底部模块客服服务1.avi
│ 30-底部客服模块结束.avi
│
└─12-小兔鲜项目二
01-底部主体slogan模块制作.avi
02-slogan模块小li搭建.avi
03-slogan模块结束.avi
04-版权模块copyright模块制作.avi
05-调试.avi
06-首页entry入口模块搭建.avi
07-banner部分盒子搭建.avi
08-调试.avi
09-banner左右按钮制作.avi
10-banner左右按钮添加背景图片.avi
11-banner 小圆点模块制作.avi
12-category分类模块盒子搭建.avi
13-左侧栏的做法li.avi
14-侧边栏箭头做法.avi
15-panel面板盒子搭建.avi
16-box-hd盒子搭建.avi
17-box-hd结束.avi
18-调试.avi
19-box-bd模块盒子搭建.avi
20-box-bd盒子完成.avi
21-调试.avi
22-box-bd盒子的修饰效果.avi
23-复制人气推荐模块.avi
24-单独修改不同的样式方法.avi
25-生鲜模块复制修改.avi
26-box-hd里面添加小导航栏.avi
27-调试.avi
28-goods模块布局.avi
29-goods模块小li制作.avi
29-调试.avi
30-生鲜模块结束.avi
31-调试.avi
32-找相似模块布局.avi
33-鼠标经过滑动效果.avi
34-总结复用.avi
xtx.zip