V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Fader10
V2EX  ›  程序员

请教一下前端的学习路线

  •  
  •   Fader10 · 121 天前 · 2344 次点击
    这是一个创建于 121 天前的主题,其中的信息可能已经有所发展或是发生改变。
    先说一下背景:写过一些 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
        1
    17681880207  
       121 天前
    后端主流的技术栈并不多,技术路线很清晰~
    前端的主要范围太广了,各个分支的技术路线也大不相同,你得先确定你要走什么路线,只能先精通一门,再切换到另一个技术栈上,学几个之后就一通百通了。😀
    JenJieJu
        2
    JenJieJu  
       121 天前
    hanssx
        3
    hanssx  
       121 天前
    roadmap.sh 这个网站的图是用什么画的,看着不错啊。
    murmur
        4
    murmur  
       121 天前
    起手学个锤子 ts ,前端目前看最复杂的还是 css ,先学思维,怎么做布局,怎么做样式

    js 那玩意也不需要你学多深,等你开发你就发现用的最多的还是 react/vue+axios
    murmur
        5
    murmur  
       121 天前
    我的建议,你先试着把 V2EX 的页面切出来,不需要做交互和特效,能切熟了,在去碰 js 和 ts 的体操

    v2ex 这皮肤挺好,布局不简单也不复杂,没有动画,也没有渐变啥的,整体颜色比较素,连切图片都省了,特别适合练习 css
    KuroNekoFan
        6
    KuroNekoFan  
       121 天前
    就业导向不推荐
    做点东西就直接上 next 吧
    Immortal
        7
    Immortal  
       121 天前   ❤️ 2
    先把犀牛书(JavaScript 权威指南)精读一遍
    HTTP 权威指南通读一遍
    HTML/CSS 精学一遍

    顺带可以一边掌握下 TypeScript,找几个优秀的框架学习下源码
    基本就可以了
    daolanfler
        8
    daolanfler  
       121 天前 via Android
    我看好多后端学前端都是从博客开始
    karott7
        9
    karott7  
       121 天前
    学前端最基本的是 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
        10
    lucasj  
       121 天前
    你不清晰可能是因为前端项目做得太少了。技术还是得需求驱动。就像没有经历高并发场景的人学习分布式/微服务。

    学完不用就会忘。学习只是入门了解,然后在大量重复使用中不断加深理解,熟悉用法。后面,再进一步阅读源码,深入理解。
    kxg3030
        11
    kxg3030  
       121 天前
    别学前端了 直接学后端 顺便把前端学了 前端目前是混沌的状态 工作机会少 未来发展方向也是迷茫的
    lizy0329
        12
    lizy0329  
       121 天前
    前端太难了点,还是后端简单
    xuld
        13
    xuld  
       121 天前
    大家觉得什么很难,你就学什么。因为个人的竞争力不是看你会多少,而是你比别人多会多少
    yb2313
        14
    yb2313  
       121 天前   ❤️ 1
    @murmur #4 大佬, 我感觉到处的帖子都有你, 你一般一天摸多久的鱼啊
    lhk998877
        15
    lhk998877  
       120 天前
    b 站看尚硅谷的前端课程就行,比较全面了
    liuw666
        16
    liuw666  
       120 天前 via iPhone
    ts 、html 、css
    azhong123
        17
    azhong123  
       120 天前
    @murmur 切页面是啥意思啊,不懂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2569 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 02:56 · PVG 10:56 · LAX 18:56 · JFK 21:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.