前端学习资源与计划
写在前面：
写这篇文章主要是为了激励自己x
其实之前一直从众想做java后端来着，但我发现我为数不多的项目经历无一不会关注界面怎么写。
最近面了一个开发岗之后决定直视自己的内心。
但是我对前端的了解也只是局限于不是很熟练的HTML/CSS，虽然写Electron-vue的项目有用Js和vue，但其实并不了解。。一边用一遍搜索来着。。还是要打好基础才好！
下面整理一下看到的资源和课程，加油努力啦！
学习资源⁍
要学什么⁍
HTML/CSS⁍
因为本科学过网页设计的课程，有一定HTML和CSS的基础，决定遵循[1]的建议，快速把下面几本书（前三本）先过一遍。当然CSS的基础会相对弱一些，因为记不住qaq，可能会码一些freecodecamp.org上的练习，记录在github仓库中，再找一些网站的总结。同时根据一些常见面试题查漏补缺。
代码环境主要是VSCode+Live server本地热启动服务器的方式实时预览。
-
《HTML&CSS设计与构建网站》（1-9&最后两章？）
-
《HTML5秘籍》（1-4）
-
《CSS揭秘》（相对比较新的一本书）
-
《CSS实战手册》
-
《CSS权威指南》
Javascript -> ES6⁍
- 微软官方 JavaScript 入门教程【完结撒花】_哔哩哔哩_bilibili
- JavaScript 教程 - 网道 (wangdoc.com) （包含AJAX等）
- ES6 教程 - 网道 (wangdoc.com)
《javascript高级程序设计》，然后《javascript权威指南》
axios⁍
Axios 中文文档 | Axios 中文网 | Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js (axios-http.cn)
webapi⁍
vue⁍
-
官网文档： Vue.js (vuejs.org)
-
官方入门视频：【译】Vue Mastery Intro to Vue3 — Vue3 入门教程_哔哩哔哩_bilibili
-
简单的mini-vue: 手写 mini-vue_哔哩哔哩_bilibili
-
作者教学亲自讲解vue高级特性：尤雨溪教你写vue 高级vue教程 源码分析 中文字幕翻译完毕_哔哩哔哩_bilibili
-
【课程】Vue 3响应式原理 (Vue 3 Reactivity)【中英字幕】- Vue Mastery_哔哩哔哩_bilibili
react
nodejs
echarts等
可以参考2022年web前端开发学习路线图 - 哔哩哔哩 (bilibili.com)
网站⁍
免费学习编程 - Python、JavaScript、Java、Git 等 (freecodecamp.org)
一个可以学习html/css/javascript/nodejs/react等并在线编程测试的网站，同时可以实现一些小项目并获取认证
面试⁍
几个前端面试知识库：（待探索和整理）
前端面试每日3+1-以前端面试题来驱动学习，提倡每日学习与思考，每天进步一点！ (h-camel.com)
前端校招面试题目合集_HTML/CSS/前端基础_牛客网 (nowcoder.com)
项目计划⁍
其他⁍
⭐ helloqingfeng/Awsome-Front-End-learning-resource: GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）
前端开发者手册 · Front-end Developer HandBook (gitbooks.io)
nicejade/Front-end-tutorial: 最全的资源教程-前端涉及的所有知识体系，并在 Nice Front-end Tutorial 持续更新； (github.com)
helloqingfeng/Awsome-Front-End-learning-resource: GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）
https://www.ruanyifeng.com/blog/javascript/
⭐ JavaScript 全栈工程师培训教程 - 阮一峰的网络日志 (ruanyifeng.com)
