Skip to content

Latest commit

 

History

History
189 lines (100 loc) · 6.38 KB

前端学习路线.md

File metadata and controls

189 lines (100 loc) · 6.38 KB

前端学习路线

说明:

  • 以下建议学习时间按假期计算,可根据个人实际情况合理调整
  • 关于视频学习资源,B站上有非常多质量较高的视频资料
  • 建议在学习中穿插一些项目实践,有助于加深对知识点的理解
  • 前端学习路线我会长期维护更新,也欢迎大家就此向我提出宝贵的建议
  • 推荐使用 Vscode 编辑器或 Webstorm IDE(可以申请学生版)

HTML

重要知识点

基础语法、标签、元素、表单、表格列表、媒体标签、语义化标签

建议学习时间

0.5周

参考文档资料

学习文档

CSS

重要知识点

基础语法、盒模型、浮动布局、定位、显示、弹性盒子布局、网格布局、响应式设计、媒体查询

建议学习时间

1.5周

参考文档资料

w3school CSS 教程
w3school CSS 参考手册
MDN CSS 教程
MDN CSS 参考手册

学习文档

CSS1
CSS2
CSS3
CSS4
CSS5

JavaScript

重要知识点

基础语法、严格模式、作用域、变量提升、面向对象OOP、DOM模型、事件与事件冒泡、BOM模型、JSON、ES6+、WebAPI

建议学习时间

1.5周

参考文档资料

W3school JS 教程
MDN JS 教程
阮一峰 JavaScript 教程
阮一峰 ECMAScript 6 教程ES6 入门教程

学习文档

JS1
JS2
JS3
JS4

jQuery

说明:jQuery目前使用已经不是主流,参考知乎回答,但其设计思想具有借鉴作用,且在一些早期项目中仍可能出现,建议在时间充足情况下可以了解

重要知识点

基础语法、选择器、方法与事件、jQuery-Ajax

建议学习时间

1周

参考文档资料

W3School jQuery 教程
jQuery中文文档
jQuery官方文档

Ajax

重要知识点

XMLHttpRequest 对象、Ajax 请求与响应、axios 库使用

建议学习时间

1周

参考文档资料

W3School AJax 教程
MDN Ajax 教程

计算机网络基础

重要知识点

网络层次划分、OSI 七层网络模型、子网掩码及网络划分、IP地址、TCP/IP协议、UDP协议、DNS协议、NAT协议、DHCP协议、HTTP协议

建议学习时间

0.5周

git

重要知识点

git使用及基本指令、GitHub基本操作、Github desktop PC软件使用或IDE git工具使用

建议学习时间

0.5周

Node.js

Node.js 是运行在服务端的 JavaScript 环境

重要知识点

基础语法、事件、流、文件、多线程、web、npm概念及使用

建议学习时间

2周

参考文档资料

Node.js 官方文档
Node.js 中文文档

Vue框架

重要知识点

基本语法、模板、条件及循环语句、样式绑定、计算属性及监听属性、事件处理

建议学习时间

2周

参考文档资料

Vue.js 官方文档
Vue.js 中文文档
MDN Vue 学习文档

TypeScript

typescript是javascript的一个超集,相较而言拥有更加严格的语法规范,在实际开发中使用也是比较广泛的

重要知识点

基础语法、对象、类、接口、模块、命名空间

建议学习时间

1.5周

参考文档资料

TypeScript 官方文档
TypeScript 中文文档

React框架

重要知识点

基本教程、元素渲染、JSX、组件、事件处理、条件渲染、API、生命周期

建议学习时间

2周

参考文档资料

React 官方文档
React 中文文档
MDN React 学习文档
阮一峰 React 教程

其他

如果有时间的话,建议大家还是了解一下后端的一些基本内容,对实际开发非常有益

参考

黑马程序员前端学习路线个人比较推荐这个学习路线,更加突出重点 尚硅谷前端学习路线 个人觉得这个的内容非常全面,但需要注意没必要都学习其中的内容