请教有后端基础如何学习前端开发 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
hypnosj
V2EX    程序员

请教有后端基础如何学习前端开发

  •  
  •   hypnosj 2024-03-30 13:43:19 +08:00 3486 次点击
    这是一个创建于 559 天前的主题,其中的信息可能已经有所发展或是发生改变。

    各位大佬好,本人是一名多年后端开发,目前开始计划学习前端开发知识,已将 React 官方基础课程看完,但看完发现还是不知道如何根据原型构建页面,因为本人有后端编程基础,请问目前合理的路线是从零开始学习 html ,js 吗?或者有没有推荐的学习路线。向各位请教一下学习经验,谢谢!

    14 条回复    2024-04-02 10:14:31 +08:00
    hypnosj
        1
    hypnosj  
    OP
       2024-03-30 13:46:04 +08:00
    再次搜索的过程中找到了这个,贴出来分享:《 Web 前端学习路径及资料汇总》 https://v2ex.com/t/980954
    xhd2015
        2
    xhd2015  
       2024-03-30 13:58:03 +08:00 via iPhone
    我是主业后端 go ,平时做点前端的活,主要是一些后台页面,工具的开发。前端技术栈是 ts+react+express ,用得多得组件是 antd 。公司有练手的机会可以多试试,没有的话搭个自己的个人博客,实现一个个人 todo log 也能用来练手,比如我就在 cloudflare 购买了一个域名( 75/年),使用它的 tunnel 来转发位于阿里云的主机( 99/年),上面部署了我的几个平时记笔记的应用。现在生活已经离不开自己的这些应用了。
    epiloguess
        3
    epiloguess  
       2024-03-30 14:14:25 +08:00 via Android   1
    可以先看一些高屋建瓴的文章
    https://frontendmastery.com/posts/the-new-wave-of-Javascript-web-frameworks/

    https://frontendmastery.com/posts/navigating-the-future-of-frontend/

    https://frontendmastery.com/posts/building-future-facing-frontend-architectures/

    你贴的帖子里面也有一个 roadmap ,基本上按照那个学没问题。

    不过里面的技术都是国外的主流,国内其实还是有一些差别的。

    可以去这里比较,比如说 vue ,
    https://npmstats.com/package/vue
    hedwi
        4
    hedwi  
       2024-03-30 20:30:17 +08:00
    后端直接学 angular 基本不用怎么学 只要学一下 typescript 语法 还是熟悉的配方 熟悉的味道
    wjx0912
        5
    wjx0912  
       2024-03-30 21:17:48 +08:00
    https://www.runoob.com/
    这里面的 html,css,js,vue 看一遍差不多了。主要是实战撸项目,blue 的话几天就会忘记。不会的 mdn 边查边学
        6
    hypnosj  
    OP
       2024-03-31 10:00:30 +08:00
    @epiloguess 感谢分享,已经开始学了。
    wangtian2020
        7
    wangtian2020  
       2024-04-01 09:02:34 +08:00
    HTML 标签随便找几个视频几分钟就看完了
    Javascript 语法看这个 https://zh.Javascript.info/
    wangtian2020
        8
    wangtian2020  
       2024-04-01 09:04:33 +08:00   1
    css 全部使用 flex 布局就行了 https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 一个布局画不出来就再去文档找找,flex 一定能实现。
    Javascript 标准 API 文档看 MDN https://developer.mozilla.org/zh-CN/docs/Web/Javascript/Reference/Global_Objects/Array
    helloWorldzsj
        9
    helloWorldzsj  
       2024-04-01 09:33:07 +08:00
    @wangtian2020 一把嗦 flex 布局有点蚌埠住了
    0x663
        10
    0x663  
       2024-04-01 10:51:49 +08:00
    忘掉你的基础,从头开始。
    sampeng
        11
    sampeng  
       2024-04-01 11:20:09 +08:00
    不需要这么麻烦。。
    chatgpt+copliot 一把梭。1 个星期和你后端水平没区别
    ccpp132
        12
    ccpp132  
       2024-04-01 11:54:53 +08:00
    你知道 css 的盒子模型就行。然后找个组件库直接做你想做的东西
    chtcrack
        13
    chtcrack  
       2024-04-02 09:01:34 +08:00
    现在只需要稍微看一下 html 和 css 的基础知识,其他都不需要学,剩下的就是 chatgpt 即可。。
    zhy321
        14
    zhy321  
       2024-04-02 10:14:31 +08:00
    那我前端转后端呢 应该如何学习呢
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3145 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 10:54 PVG 18:54 LAX 03:54 JFK 06:54
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86