请教一下前端的学习路线

[Fader10]

先说一下背景：写过一些 node 的小项目，也写过一些 vue+vuetify 的前端项目，但是一直对前端（或者说 javascript ）的那些东西不太了解
目前比较清楚的只有 ts 和 js 的关系，至于 eslint ，commonjs ，babel 之类的东西虽然在项目中接触过但是本着能不动就不动的原则一直没有研究过，所有的都是脚手架的默认配置
想请教一下各位大佬想系统性的学习前端那些知识应该去哪里找文档或者说有没有 roadmap
ps.我看过 roadmap.sh 的 frontend 线路图但是感觉没有后端的 roadmap 清晰

[17681880207]

后端主流的技术栈并不多，技术路线很清晰~
前端的主要范围太广了，各个分支的技术路线也大不相同，你得先确定你要走什么路线，只能先精通一门，再切换到另一个技术栈上，学几个之后就一通百通了。😀

[JenJieJu]

https://roadmap.sh/frontend

[hanssx]

roadmap.sh 这个网站的图是用什么画的，看着不错啊。

[murmur]

起手学个锤子 ts ，前端目前看最复杂的还是 css ，先学思维，怎么做布局，怎么做样式

js 那玩意也不需要你学多深，等你开发你就发现用的最多的还是 react/vue+axios

[murmur]

我的建议，你先试着把 V2EX 的页面切出来，不需要做交互和特效，能切熟了，在去碰 js 和 ts 的体操

v2ex 这皮肤挺好，布局不简单也不复杂，没有动画，也没有渐变啥的，整体颜色比较素，连切图片都省了，特别适合练习 css

[KuroNekoFan]

就业导向不推荐
做点东西就直接上 next 吧

[Immortal]

先把犀牛书(JavaScript 权威指南)精读一遍
HTTP 权威指南通读一遍
HTML/CSS 精学一遍

顺带可以一边掌握下 TypeScript,找几个优秀的框架学习下源码
基本就可以了

[daolanfler]

我看好多后端学前端都是从博客开始

[karott7]

学前端最基本的是 HTML/CSS/JS, 我个人觉得现在这环境不用看什么书，直接上 MDN 看 https://developer.mozilla.org/en-US/，上面也有相关教程，边看边写例子。
- UI 框架（ react 、vue ）之类的选一个直接看官网文档
- 脚手架用 vite ，有对应的框架模板，创建一个就可以写点东西，了解下基本配置就好
- CSS 推荐使用 tailwindcss ，能极大减少新手入门曲线，也能提高开发效率
- TS 的话打开官网看 handbook 那一块就能简单上手
至于其他什么 babel 、eslint 之类的不用看了，用到再去了解，先把前端框架（ vue 、react 之类）、vite 、tailwindcss 用熟就好

[lucasj]

你不清晰可能是因为前端项目做得太少了。技术还是得需求驱动。就像没有经历高并发场景的人学习分布式/微服务。

学完不用就会忘。学习只是入门了解，然后在大量重复使用中不断加深理解，熟悉用法。后面，再进一步阅读源码，深入理解。

[raviscioniemeche]

别学前端了 直接学后端 顺便把前端学了 前端目前是混沌的状态 工作机会少 未来发展方向也是迷茫的

[lizy0329]

前端太难了点，还是后端简单

[xuld]

大家觉得什么很难，你就学什么。因为个人的竞争力不是看你会多少，而是你比别人多会多少

[yb2313]

@murmur #4 大佬, 我感觉到处的帖子都有你, 你一般一天摸多久的鱼啊

[lhk998877]

b 站看尚硅谷的前端课程就行，比较全面了

[liuw666]

ts 、html 、css

[azhong123]

@murmur 切页面是啥意思啊，不懂