请教一下前端的学习路线

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 365 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

前端

学习路线

文档

17 条回复 • 2024-08-02 16:15:01 +08:00

17681880207

2024-08-01 18:28:40 +08:00

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

JenJieJu

2024-08-01 19:31:08 +08:00

https://roadmap.sh/frontend

hanssx

2024-08-01 19:51:17 +08:00

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

murmur

2024-08-01 19:53:30 +08:00

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

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

murmur

2024-08-01 19:55:25 +08:00

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

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

KuroNekoFan

2024-08-01 21:46:05 +08:00

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

Immortal

2024-08-01 22:09:03 +08:00

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

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

daolanfler

2024-08-02 07:59:08 +08:00 via Android

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

karott7

2024-08-02 09:11:03 +08:00

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