说明:
- 以下建议学习时间按假期计算,可根据个人实际情况合理调整
- 关于视频学习资源,B站上有非常多质量较高的视频资料
- 建议在学习中穿插一些项目实践,有助于加深对知识点的理解
- 前端学习路线我会长期维护更新,也欢迎大家就此向我提出宝贵的建议
- 推荐使用 Vscode 编辑器或 Webstorm IDE(可以申请学生版)
基础语法、标签、元素、表单、表格列表、媒体标签、语义化标签
0.5周
基础语法、盒模型、浮动布局、定位、显示、弹性盒子布局、网格布局、响应式设计、媒体查询
1.5周
w3school CSS 教程
w3school CSS 参考手册
MDN CSS 教程
MDN CSS 参考手册
基础语法、严格模式、作用域、变量提升、面向对象OOP、DOM模型、事件与事件冒泡、BOM模型、JSON、ES6+、WebAPI
1.5周
W3school JS 教程
MDN JS 教程
阮一峰 JavaScript 教程
阮一峰 ECMAScript 6 教程 或 ES6 入门教程
说明:jQuery目前使用已经不是主流,参考知乎回答,但其设计思想具有借鉴作用,且在一些早期项目中仍可能出现,建议在时间充足情况下可以了解
基础语法、选择器、方法与事件、jQuery-Ajax
1周
W3School jQuery 教程
jQuery中文文档
jQuery官方文档
XMLHttpRequest 对象、Ajax 请求与响应、axios 库使用
1周
网络层次划分、OSI 七层网络模型、子网掩码及网络划分、IP地址、TCP/IP协议、UDP协议、DNS协议、NAT协议、DHCP协议、HTTP协议
0.5周
git使用及基本指令、GitHub基本操作、Github desktop PC软件使用或IDE git工具使用
0.5周
Node.js 是运行在服务端的 JavaScript 环境
基础语法、事件、流、文件、多线程、web、npm概念及使用
2周
基本语法、模板、条件及循环语句、样式绑定、计算属性及监听属性、事件处理
2周
Vue.js 官方文档
Vue.js 中文文档
MDN Vue 学习文档
typescript是javascript的一个超集,相较而言拥有更加严格的语法规范,在实际开发中使用也是比较广泛的
基础语法、对象、类、接口、模块、命名空间
1.5周
TypeScript 官方文档
TypeScript 中文文档
基本教程、元素渲染、JSX、组件、事件处理、条件渲染、API、生命周期
2周
React 官方文档
React 中文文档
MDN React 学习文档
阮一峰 React 教程
如果有时间的话,建议大家还是了解一下后端的一些基本内容,对实际开发非常有益
黑马程序员前端学习路线个人比较推荐这个学习路线,更加突出重点 尚硅谷前端学习路线 个人觉得这个的内容非常全面,但需要注意没必要都学习其中的内容