先附上学习路线图：前端学习路线

第一阶段：前端入门（html+css）

前端最基本的知识，需要先将这些内容融汇贯通，学习后面内容才会不吃力。学习完可以做几个静态页练习一下。

推荐视频学习链接：

  黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili

第二阶段：JavaScript

1.JavaScript基础知识

2.JavaScript 进阶（WebAPI/Dom Bom）

推荐视频学习链接：

    JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续_哔哩哔哩_bilibili

第三阶段：核心技术进阶

1.Ajax扩展（动态数据的实现）

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。

推荐视频学习链接：

      【尚硅谷】3小时Ajax入门到精通_哔哩哔哩_bilibili

2.promise语法

推荐视频学习链接：

      尚硅谷Web前端Promise教程从入门到精通_哔哩哔哩_bilibili

3.es6语法

推荐视频学习链接：

      尚硅谷Web前端ES6教程，涵盖ES6-ES11_哔哩哔哩_bilibili

4.Node.js入门及应用

学习npm、nrm、yarn；内置模块、路由、express、MongoDB、身份认证、koa、MySQL、Socket、Mocha等知识点。

 推荐视频学习链接：

     黑马程序员Node.js全套入门教程，nodejs新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解_哔哩哔哩_bilibili

尚硅谷Node.js零基础视频教程，nodejs新手到高手_哔哩哔哩_bilibili

第四阶段：框架学习（vue/react）

1.vue2.0+vue3.0 知识点+项目

Vue.js致力于构建数据驱动的web应用开发框架，以简洁化，轻量级，数据驱动，模块友好等优势深受企业以及前端开发者的喜爱，成为前端开发人员必备的技能。

   推荐视频学习链接：

   尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili

2.ui组件库使用

直接看文档可快速上手

elementui对应vue2

Element - The world's most popular Vue UI framework

elementplus对应vue3

https://element-plus.org/zh-CN/guide/installation.html

第五阶段：微信小程序+app开发

 推荐视频学习链接：

    黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)_哔哩哔哩_bilibili

第六：建议学习的工具

1.代码编辑器：vscode（使用起来方便，有很多插件可以使用）

2.开发app：可以使用uniapp，操作与vscode类似，可一键发布多平台

3.代码管理工具：github或者gitee  （如果可以科学上网建议使用github）

4.学习完一定要多进行实战！！！例如开发一个自己的博客！！