前端学习路线（速通版）
鹏翼开发团队-前端方向-前端学习路线
给大家分享一份前端路线，之前我在学习前端的时候东西学的很多也很杂，有一些技术现在也用不上了，所以我整理了一套前端学习路线 「速通版」。
一、 前端入门
1.开发工具
在前端开发中，有许多工具可以帮助开发人员提高效率和质量。以下是一些常用的前端开发工具：
- Vscode （推荐使用） 轻量级，里面插件多
- HBuilder X （不推荐） 之前参加比赛用过一次，感觉不是很好用。
- 记事本
2.文档笔记
- 语雀文档
- 腾讯文档
HTML和CSS
- HTML 是一个网页骨架在浏览器中按F12打开开发者工具，元素中的内容就是HTML.
- CSS（层叠样式表） 用于美化页面的样式。
- HTML中标签有很多，刚开始学习不用刻意去记.
- 这个阶段学完能独立写出一个静态页面就算掌握了。
推荐教程：
黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程
JavaScript
js
JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
-
Js是一个新的语言，是前端三件套里面最重要的，无论是写项目还是以后要面试。这个语言需要好好去学习一下。
推荐教程
黑马程序员前端JavaScript入门到精通全套视频教程，javascript核心进阶ES6语法、API、js高级等基础知识和实战教程
ES6
- ES6是JavaScript的下一代语法，也可以看作JavaScript的进阶。ES6也是非常重要的，平时做项目会用到很多ES6的语法，比如let、const、模板字符串、数组的一些扩展方法、Promise等。
推荐教程
阮一峰 ECMAScript 6 (ES6) 标准入门教程 第三版
ES6这部分不需要全部看完，看到set和map数据结构这部分就够了，等到项目需要的时候在回来看。
Node.js
- 「Node.js」 是一个JavaScript的运行环境,使用node可以调试我们js的代码，后面我们搭建vue项目都需要node，这部分前期不用学的太深，会使用npm安装 包就行。当然node也可以写后端，如果有兴趣可以多学习一些。
推荐教程
黑马程序员Node.js全套入门教程
Ajax
为后面写Vue项目做好准备，必须掌握原生Ajax写法
Ajax（Asynchronous Javascript And XML），即是异步的JavaScript和XML，Ajax其实就是浏览器与服务器之间的一种异步通信方式 . 异步的JavaScript 它可以异步地向服务器发送请求，在等待响应的过程中，不会阻塞当前页面，在这种情况下，浏览器可以做自己的事情。直到成功获取响应后，浏览器才开始处理响应数据。
推荐教程
前端网络：Ajax
二、前端工程化
框架 Vue
Vue是前端框架之一，前端框架有Vue和React，推荐前期学习Vue，用Vue开发的公司比较多。Vue目前有Vue2和Vue3。Vue2到2023年底就不再维护了，但是我仍然推荐继续学习Vue2。Vue2学完Vue3上手也很快。
2023新版Vue2+Vue3基础入门到实战项目全套教程，自学前端vue就选黑马程
到这里前端基础就差不多了，这时候就可以开始做项目了，刚开始做项目可能会比较头痛，摸不到头脑。因为在项目中你会遇到各种问题、bug、等，这就需要看你的检索能力了，遇到多去网上找资料，CSDN、掘金、博客园等。你遇到的问题有很多人之前已经遇到并解决了。实在不会也可以使用ChatGPT来帮你解答。
组件库：
Element Ui 、Vant 、Element Plus、Swiper(轮播图)、Echarts
Css扩展：
Less、Sass
网络请求库：
Axios
前端构建工具：
webpack、vite
个人观点，仅供参考
微信扫一扫
关注该公众号
