★【汇总】零基础前端学习目录及链接(附详细代码)(持续更新中)
【1-2】介绍及前置知识
【1】前端开发介绍
【2】前置知识
【3-13】HTML基础
【3】HTML基础(1)——认识
【4】HTML基础(2)——HTML基本结构
【5】HTML基础(3)——HTML常用标签①注释/标题/段落和换行/文本格式化
【6】HTML基础(3)——HTML常用标签②图像/音频和视频/超级链接
【7】HTML基础(3)——HTML常用标签③无序列表
【8】HTML基础(3)——HTML常用标签④有序列表
【9】HTML基础(3)——HTML常用标签⑤定义列表
【10】HTML基础(3)——HTML常用标签⑥div/span
【11】HTML基础(3)——HTML常用标签⑦表格制作相关标签
【12】HTML基础(3)——HTML常用标签⑧表单相关标签
【13】HTML基础(4)——了解字符实体
【14-19】CSS基础:
【14】CSS基础(1)——认识CSS
【15】CSS基础(2)——选择器①基础选择器
【16】CSS基础(2)——选择器②高级选择器
【17】CSS基础(2)——选择器③选择器权重
【18】CSS基础(3)——理解层叠式
【19】CSS基础(4)——常用样式(文字/盒模型)
【20-33】CSS核心样式
【20】CSS核心样式(1)——字体类样式(常用的4种属性)(粗细/风格/行高/综合)
【21】CSS核心样式(2)——文本常用3种属性(水平对齐/文本修饰/缩进)
【22】CSS核心样式(3)——盒模型5种属性(width/height/ padding/ border/ margin)
【23】CSS核心样式(4)——盒模型的5种应用①(3/5)(清除默认样式/height应用/居中)
【24】CSS核心样式(4)——盒模型的5种应用②(5/5)(父子盒模型/margin塌陷)
【25】CSS核心样式(5)——显示模式(display)(上)补充知识:标准文档流
【26】CSS核心样式(5)——显示模式(display)(下)
【27】CSS核心样式(6)——浮动属性(上)
【28】CSS核心样式(6)——浮动属性(下)
【29】CSS核心样式(7)——认识 a标签的四个伪类选择器
【30】CSS核心样式(8)——背景属性(上)
【31】CSS核心样式(8)——背景属性(下)
【32】CSS核心样式(9)——定位属性(上)
【33】CSS核心样式(9)——定位属性(下)
【34-46】CSS3
【34】CSS3(1)—— 新增选择器①子级选择器
【35】CSS3(1)—— 新增选择器②兄弟选择器
【36】CSS3(1)—— 新增选择器③结构伪类选择器
【37】CSS3(1)—— 新增选择器④伪元素选择器
【38】CSS3(1)—— 新增选择器⑤属性选择器
【39】CSS3 (2)——盒模型
【40】CSS3 (3)——新增常用属性①边框圆角
【41】CSS3 (3)——新增常用属性②文字阴影
【42】CSS3 (3)——新增常用属性③盒子阴影
【43】CSS3 (4)——新增属性①过渡属性
【44】CSS3 (4)——新增属性②2D 转换
【45】CSS3 (4)——新增属性③3D 转换
【46】CSS3 (4)——新增属性④动画
【47-50】HTML5
【47】HTML5(1)——简介
【48】HTML5 (2)——新增①语义化标签
【49】HTML5 (3)——新增②多媒体标签
【50】HTML5 (4)——新增③表单标签
【51-53】静态网页开发
【51】静态网页开发(1)——基础
【52】静态网页开发(2)——常见技巧与方法
【53】静态网页开发(3)——首页index.html结构布局技巧
【54-63】移动WEB开发
【54】移动WEB开发(1)——基础
【55】移动WEB开发(2)——视口
【56】移动WEB开发(3)——二倍图
【57】移动WEB开发(4)——开发选择常见方案
【58】移动WEB开发(5)——技术解决常见方案
【59】移动WEB开发(6)——布局技术选型概要
【60】移动WEB开发(7)——布局常见方式①流式布局(附实践案例)
【61】移动WEB开发(8)——布局常见方式②flex布局(附实践案例)
【62】移动WEB开发(9)——布局常见方式③rem布局(附实践案例)
【63】移动WEB开发(10)——布局常见方式④响应式布局(附实践案例)
【64-70】Java Script学习——阶段1
【64】JS(1)——语法简介
【65】JS(2)——字面量/变量/数据类型
【66】JS(3)——操作符
【67】JS(4)——表达式和语句①基本介绍
【68】JS(4)——表达式和语句②流程控制语句(1)条件分支语句
【69】JS(4)——表达式和语句②流程控制语句(2)循环语句
【70】JS(4)——表达式和语句②流程控制语句(3)综合
【71-77】Java Script学习——阶段2
【71】JS(5)——数组
【72】JS(6)——函数①基础
【73】JS(6)——函数②进阶
【74】JS(7)——对象①基本介绍
【75】JS(7)——对象②简单类型复杂类型区别
【76】JS(7)——对象③内置对象
【77】JS数组 函数 对象 算法练习题(小白思路VS更优思路)