先附上学习路线图:前端学习路线
第一阶段:前端入门(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.学习完一定要多进行实战!!!例如开发一个自己的博客!!