2025 年了，应该如何选择 web 开发路线？

[Yux0]

背景：

大三，在公司实习。大学接触 AI 的炼丹比较多，就是从 GitHub 上面跟着 README 复现某个项目。python java c 懂一点语法但不多，所以前后端的基础并不是很扎实。直到去公司实习才会用调试工具去 post get 一些 API 进行调试，更多是在问 GPT 和用搜索引擎解决问题。

目的

现在想弄一个博客来学习前后端，先前用了mkdocs搭了一个自己的笔记博客，但这个好像是静态网站，而不是动态网站。说来惭愧，这些专业名词也是最近才学的。。我想做到这种效果：傅里叶变换交互式入门，作者是开源了这个网站fourier，他的主页也很漂亮jezzamon，我想做到和他一样厉害。

所以我的问题是：

1.怎么样去学后端？

2.应该怎么选择框架？ 假设说我想像前者一样做一个科普式的网站，有交互有动画。我试着这个教程Express 教程：本地图书馆网站 ，做到一半有点无聊。。所以想直接实际做一个项目，或者跟着更有意思的文档

我并不是很想去使用 cursor trae 这些工具，我基础不太好，我更多的是想自己有能力去看代码哪里出现错误，在结合我自己或者 AI 的帮助去改进。尤其是公司的项目代码多了起来，就不太会用了

我的确很喜欢工具给我生成一大段代码且确实有用，但我不知道是怎么 work ，这就有点可惜。

谢谢大家～

[ztm0929]

Web 开发的语境里，“动态”与“静态”通常指的是数据库的连接与否。OP 提到的几个网站依然是静态网站，如果想要实现其中有趣的动画效果，以“animate”为关键词去 GitHub 里搜索相关的 js 库，跟后端关系不是特别大（甚至没关系…）

不要抵触 AI 编程工具，别忘了里面的 Chat 功能啊，一边跟它聊、一边记在自己笔记里。

[Yux0]

@ztm0929 谢谢~我还是理解错了。当然不会抵触，GPT 确实好用，解释名词代码我也在用和记笔记，只是有些代码生成太多不理解，而且各种风格也会造成混淆

[promiser3d]

看来你确实是新手。 你说的那个网站，也还是个静态网站。只是这个静态网站有很多「交互动画」效果。这个是 js 实现的。后端主要是提供数据流的。但是如果数据流可以直接保存在前端或者本地，那也可以没有后端。

以前流行的 WordPress 这些就是前后端模式，前端是数据模板，后端 php 提供数据。现在这些静态博客，就是在编译阶段，把数据嵌入到模板页面，然后发布位静态内容。这样节省服务器资源。

[ModiKa2022]

有没有跟数据库打交道, 是区分动态和静态的本质
理解了数据库, 就明白了 前端和后端的区别
交互依赖的是前端
接口和数据库交互依赖的是后端

[oukichi]

我觉得其实学后端的最好办法就是自己做个产品，然后给自己堆需求。
前端也是同理。

[Yux0]

@promiser3d 请问这后面的两种模式有例子吗

[Yux0]

@ModiKa2022 只用过 mysql 最简单的建个表，增删改查一些数据，只是了解，但手搓很少

[Yux0]

@oukichi 比如什么产品呢

[JazVix]

我也是刚开始接触 web ，选了 python 的 flask 框架做网页。公司需要做一个类似数据库功能的网页，取代之前的多人使用共享 Excel 文件筛选数据方式。比起 Trae ，Grok 在解释说明上帮到我更多
前期也没啥规划，需求全是用着用着就产生的

[w3cll]

PHP+laravel

[XTTX]

@Yux0 前端或者全栈都是从 todo 开始。tailwind, 组件库，状态管理库，类似 react-query 的数据请求库，monorepo. 生态里有太多需要学的东西了。 最快的方式就是从 shadcn ui 的 example repo 里看，然后再去看其他更复杂的 repo.

[XTTX]

还有响应式，深浅主题。我认为最快最好的方式就看最优秀的开源项目， 太复杂的就用 AI 来辅助总结。

[importmeta]

每年都会有人这么问, 包括我刚入行的时候也问过别人, 其实就是没有人愿意花时间给新人介绍开发, 真正什么都懂的人, 很少做这种分享. 网上搜到的那些教程, 又很片面, 让人感觉很无助.

[imba97]

语言上推荐 rust 、go

[henix]

前端最简单的：在电脑里创建一个 html 文件，然后用浏览器打开，你就能在里面写各种东西，先把 html 、css 、js 的基础学好，再学 vue 、react 之类的框架

后端的入门案例就是用户登录系统：用户名密码登录、邮箱注册、密码重置这一类功能，这里面不仅涉及数据库，还涉及网络安全的内容

框架还是看你用什么后端语言，就选最主流的。前端后交互核心是 http 协议，理解协议了不管你用什么框架都差不多

[shench]

这还用问，直接 php

[wakarimasen]

如果你是想系统学习 Web 前后端开发，跟着 roadmap.sh 慢慢学就上手了…
但正如#1 所说，你列举的那个网站和后端关系不是很大，一般我们认为的动态说的是连数据库。

做一个那样的网站，最简的学习路线应该是
1. HTML/CSS 大约两周
2. JavaScript 大约两周
3. Node.js 只学习包管理和工程化的概念 两三天
4. 前端构建 学习最基础的概念即可 两三天
5. SSG 静态网站生成 了解概念 两三天
6. Canvas API 一边学一边用
7. Pixi.js 等高级封装 可能用得上 一边学一边用
8. CI/CD GitHub Actions 有兴趣就学 三五天

如果你想更快一点，就优先学习 2,3,6 之后差不多你就能开始阅读他那个开源仓库了。

这些并不需要 Web 后端。楼上有个别人，没看你的正文，并不了解你的核心诉求，可以忽略。

[hamwong]

前端：html+css+js -> vue/react -> nuxt/next
后端：java /go

[Yux0]

@importmeta 太难了

[Yux0]

@imba97 rust 是用来做 web 开发吗？ C 只懂语法，直接上 rust 会友好吗