2025 年了,应该如何选择 web 开发路线?
背景:
大三,在公司实习。大学接触 AI 的炼丹比较多,就是从 GitHub 上面跟着 README 复现某个项目。python java c 懂一点语法但不多,所以前后端的基础并不是很扎实。直到去公司实习才会用调试工具去 post get 一些 API 进行调试,更多是在问 GPT 和用搜索引擎解决问题。
目的
现在想弄一个博客来学习前后端,先前用了mkdocs搭了一个自己的笔记博客,但这个好像是静态网站,而不是动态网站。说来惭愧,这些专业名词也是最近才学的。。我想做到这种效果:傅里叶变换交互式入门,作者是开源了这个网站fourier,他的主页也很漂亮jezzamon,我想做到和他一样厉害。
所以我的问题是:
1.怎么样去学后端?
2.应该怎么选择框架?
假设说我想像前者一样做一个科普式的网站,有交互有动画。我试着这个教程Express 教程:本地图书馆网站 ,做到一半有点无聊。。所以想直接实际做一个项目,或者跟着更有意思的文档
我并不是很想去使用 cursor trae 这些工具,我基础不太好,我更多的是想自己有能力去看代码哪里出现错误,在结合我自己或者 AI 的帮助去改进。尤其是公司的项目代码多了起来,就不太会用了
我的确很喜欢工具给我生成一大段代码且确实有用,但我不知道是怎么 work ,这就有点可惜。
谢谢大家~
Web 开发的语境里,“动态”与“静态”通常指的是数据库的连接与否。OP 提到的几个网站依然是静态网站,如果想要实现其中有趣的动画效果,以“animate”为关键词去 GitHub 里搜索相关的 js 库,跟后端关系不是特别大(甚至没关系…)
不要抵触 AI 编程工具,别忘了里面的 Chat 功能啊,一边跟它聊、一边记在自己笔记里。
谢谢~我还是理解错了。当然不会抵触,GPT 确实好用,解释名词代码我也在用和记笔记,只是有些代码生成太多不理解,而且各种风格也会造成混淆
看来你确实是新手。 你说的那个网站,也还是个静态网站。只是这个静态网站有很多「交互动画」效果。这个是 js 实现的。后端主要是提供数据流的。但是如果数据流可以直接保存在前端或者本地,那也可以没有后端。
以前流行的 WordPress 这些就是前后端模式,前端是数据模板,后端 php 提供数据。现在这些静态博客,就是在编译阶段,把数据嵌入到模板页面,然后发布位静态内容。这样节省服务器资源。
有没有跟数据库打交道, 是区分动态和静态的本质
理解了数据库, 就明白了 前端和后端的区别
交互依赖的是前端
接口和数据库交互依赖的是后端
我觉得其实学后端的最好办法就是自己做个产品,然后给自己堆需求。
前端也是同理。
请问这后面的两种模式有例子吗
只用过 mysql 最简单的建个表,增删改查一些数据,只是了解,但手搓很少
比如什么产品呢
我也是刚开始接触 web ,选了 python 的 flask 框架做网页。公司需要做一个类似数据库功能的网页,取代之前的多人使用共享 Excel 文件筛选数据方式。比起 Trae ,Grok 在解释说明上帮到我更多
前期也没啥规划,需求全是用着用着就产生的
PHP+laravel
前端或者全栈都是从 todo 开始。tailwind, 组件库,状态管理库,类似 react-query 的数据请求库,monorepo. 生态里有太多需要学的东西了。 最快的方式就是从 shadcn ui 的 example repo 里看,然后再去看其他更复杂的 repo.
还有响应式,深浅主题。我认为最快最好的方式就看最优秀的开源项目, 太复杂的就用 AI 来辅助总结。
每年都会有人这么问, 包括我刚入行的时候也问过别人, 其实就是没有人愿意花时间给新人介绍开发, 真正什么都懂的人, 很少做这种分享. 网上搜到的那些教程, 又很片面, 让人感觉很无助.
语言上推荐 rust 、go
前端最简单的:在电脑里创建一个 html 文件,然后用浏览器打开,你就能在里面写各种东西,先把 html 、css 、js 的基础学好,再学 vue 、react 之类的框架
后端的入门案例就是用户登录系统:用户名密码登录、邮箱注册、密码重置这一类功能,这里面不仅涉及数据库,还涉及网络安全的内容
框架还是看你用什么后端语言,就选最主流的。前端后交互核心是 http 协议,理解协议了不管你用什么框架都差不多
这还用问,直接 php
如果你是想系统学习 Web 前后端开发,跟着 roadmap.sh 慢慢学就上手了…
但正如#1 所说,你列举的那个网站和后端关系不是很大,一般我们认为的动态说的是连数据库。
做一个那样的网站,最简的学习路线应该是
- HTML/CSS 大约两周
- JavaScript 大约两周
- Node.js 只学习包管理和工程化的概念 两三天
- 前端构建 学习最基础的概念即可 两三天
- SSG 静态网站生成 了解概念 两三天
- Canvas API 一边学一边用
- Pixi.js 等高级封装 可能用得上 一边学一边用
- CI/CD GitHub Actions 有兴趣就学 三五天
如果你想更快一点,就优先学习 2,3,6 之后差不多你就能开始阅读他那个开源仓库了。
这些并不需要 Web 后端。楼上有个别人,没看你的正文,并不了解你的核心诉求,可以忽略。
前端:html+css+js -> vue/react -> nuxt/next
后端:java /go
太难了
rust 是用来做 web 开发吗? C 只懂语法,直接上 rust 会友好吗
为啥 PHP ,没接触过,刚刚查了介绍是说 laravel 这个框架比较干净
#11 谢谢推荐
why
最好能同时兼容 Mac 和 Windows 端,现在在用没有 AI 功能的 Termius 和带有 AI 功能的 Wrap ,Termius 可以满足基本需求,带 AI 功能的…
我跑了七八个小时的程序,正等着出结果,结果它给我来个强制更新自动重启,一天的活白干了。尼玛。气得我睡不着。 你自己开启了更新怪谁啊,还是你自己的设置问题 表示工作用的 Ma…
之前听说过 Gitlab 丢过数据,所以印象不是很好,但是最近注册了一个 Gitlab 的账号,感觉无论从网络连通性还是 UI 的角度感觉都比 Github 好一点。想问一下各…