前端学习路线整理

— —持续修改更新中— —

HTML\CSS

1. 黑马课程HTML5+CSS3+移动web开发实战

JS：

• 【JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续】 https://www.bilibili.com/video/BV1Sy4y1C7ha/?share_source=copy_web&vd_source=f85543de1dadc82ba8d7816e3256965d
• coderwhy和千锋教育的js课程
• 《你不知道的JavaScript》《JavaScript高级程序设计》（红宝书，待定）《JavaScript DOM编程艺术》
• 阮一峰 https://wangdoc.com/javascript/basic/introduction
• 阮一峰 ES6：https://es6.ruanyifeng.com/
• MDN ：https://developer.mozilla.org/zh-CN/
• 前端基础名词和知识：https://blog.csdn.net/txt666999999/article/details/120371123
• Ajax 异步请求相关知识学习
  Ajax入门到精通：https://www.bilibili.com/video/BV1WC4y1b78y
• ES6 以上版本 的JavaScript
  ES6-ES11新特性：https://www.bilibili.com/video/BV1uK411H7on

框架

1. react https://react.docschina.org/
2. 技术胖react博客项目：https://jspang.com/detailed?id=52

数据结构

• 【数据结构与算法基础（青岛大学-王卓）】 https://www.bilibili.com/video/BV1nJ411V7bd/?share_source=copy_web&vd_source=f85543de1dadc82ba8d7816e3256965d

操作系统 (进程、死锁部分）

【王道计算机考研 操作系统】 https://www.bilibili.com/video/BV1YE411D7nH/?share_source=copy_web&vd_source=f85543de1dadc82ba8d7816e3256965d

计算机网络

【王道计算机考研 计算机网络】 https://www.bilibili.com/video/BV19E411D78Q/?share_source=copy_web&vd_source=f85543de1dadc82ba8d7816e3256965d

算法

labuladong的算法小抄，后来刷题的时候也有看代码随想录的网站。

https://labuladong.gitee.io/algo/
https://programmercarl.com/
LeetCode《初级算法》-- JavaScript：https://juejin.cn/post/7006692002125316103

刷题

刷codetop
https://codetop.cc/home

项目

慕课网双越老师的前端框架及项目面试的课程，相当于带着你过了一遍常考面经，讲解的也很细致。
https://coding.imooc.com/class/chapter/419.html#Anchor

小项目
baidu-ife/ife/2015_spring/task/@GitHub 01-02

读 你不知道的JavaScript（上卷） ，一开始可能会觉得比较难读，但如果在之前的入门阶段有过对 JS 的一些思考可能反而会觉得豁然开朗。然后做 task0003。
学习 Vue。因为 Vue 简单且用的人非常多。用 Vue 再写一遍 task0003。

看 task0004，主要关注 JavaScript 模块化和前端工程化，了解几个模块化的解决方案，学习使用 Webpack。

面经

• https://messiahhh.github.io/blog/blog/%E9%9D%A2%E7%BB%8F#%E6%A0%A1%E6%8B%9B%E9%9D%A2%E7%BB%8F
• 牛客前端工程师面试宝典：https://www.nowcoder.com/tutorial/96/f5212664ab664984882b00635066ded2
• 前端面试每日 3+1：https://github.com/haizlin/fe-interview
• React 面试题目 & 题解：https://github.com/sudheerj/reactjs-interview-questions
• 前端面经汇总：https://www.nowcoder.com/discuss/experience?tagId=644
• AI 模拟面试：https://www.nowcoder.com/interview/ai/cover?jobTagId=644

八股

https://lucifer.ren/fe-interview/#/
https://barryyeee.github.io/InterviewGuide/
http://febook.hzfe.org/awesome-interview/about
https://hit-alibaba.github.io/interview/

大神路线

1. 技术胖 https://gitee.com/jishupang/web_atlas