前端学习路线
基础
- 学习资料
初学时可以参考菜鸟教程及W3School文档
学习到一定程度后推荐使用MDN（特别是英文文档，因为中文文档存在更新不及时的情况）或参考相应的官方文档
- IDE
推荐使用 VSCode IDE
亦可使用 WebStorm IDE（可以申请学生版）
HTML
HTML 作为前端三件套之一，是非常重要的部分
学习角度来说，主要是掌握 HTML 的基本语法及常用元素，以及语义化标签的概念，此外，后续对一些 Web API 也需要有足够的了解，如 Web Storage API、Web Worker API、SVG 和 Canvas
CSS
CSS 作为前端三件套之一，是非常重要的部分
学习角度来说，主要是掌握 CSS 的选择器、盒模型、浮动布局、定位、弹性盒子布局、响应式设计等有足够的了解
JavaScript
JavaScript 作为前端三件套之一，是非常重要的部分
学习角度来说，主要是掌握 JavaScript 的基本语法，同时特别注意 JavaScript 的语言特性，并关注 ES6 的发展，此外还需要了解浏览器的 BOM 模型和 DOM 模型、浏览器事件机制、异步编程等方法
Ajax
Ajax 是前端中主流的物理请求方式，主要包括 XMLHttpRequest API 和 Fetch API 两种，此外可以了解一下前端常用的 axios 网络请求库
学习角度来说，主要是了解 XMLHttpRequest 的基本使用以及封装，Fetch 可以作为进阶了解
计算机网络基础
前端中计算机网络也是重要的一部分
学习角度来说，主要了解 OSI 七层网络模型与 TCP/IP 五层网络模型、HTTP 请求方法和请求头及响应头以及状态码、HTTP 协议及 HTTPS 协议、DNS 协议、TCP 协议与 UDP 协议、WebSocket 协议等
Git
Git 是编程领域中目前最主流的版本管理工具，基本上不管是日常开发还是工作开发都在广泛地使用 Git
同时，Github 作为全球最大的技术交流平台，积极参与社区建设也是很重要的一环
学习角度来说，主要了解一些 Git 的基本概念、一些 Git 的基本命令以及 GitHub 的基本操作
Node.js
Node.js 允许在浏览器之外的环境运行 JavaScript 代码
学习角度来说，主要了解 Node.js 的使用以及一些 Node.js 的常见模块
包管理工具
学习角度来说，主要了解 npm 的基本使用及常用指令；yarn 和 pnpm 与 npm 大同小异，可作为进阶内容了解
项目构建工具
学习角度来说，两者都有必要学习，webpack 主要关注其基本概念，vite 主要关注其基本原理
Vue
Vue 框架是国内主流的前端框架之一，被一些中小互联网企业广泛使用
学习角度来说，学习 Vue 可以直接从 Vue3 composition API 开始，除了了解 Vue 的基本开发之外，还需要重点了 Vue 的基本原理，此外需要注意 Vue 的性能优化
TypeScript
TypeScript 是目前前端领域使用最广泛的 JavaScript 超集语言，主要是解决 JavaScript 弱语言的问题，增加了强大且自由的类型系统，在一些大型互联网公司的大型项目中使用非常广泛
学习角度来说，学习 TypeScript，类似与学习 JavaScript，主要是对语言特性的学习；但就 TypeScript 而言，不需要专门去了解类型体操
React
React 框架是国内主流的前端框架之一，被一些大型互联网企业广泛使用
学习角度来说，学习 React 可以直接从 React functional component 开始，除了了解 React 的基本开发之外，此外需要注意 React 的性能优化
参考
黑马程序员前端学习路线 个人比较推荐这个学习路线，更加突出重点
尚硅谷前端学习路线 个人觉得这个的内容非常全面，但需要注意没必要都学习其中的内容
