零到全栈

模块 1.1:为什么在 AI 时代还要学全栈开发?

模块 1.1:为什么在 AI 时代还要学全栈开发?

先回答一个问题:今天 AI 已经越来越会写代码了,人为什么还要学习全栈开发?

Read More
模块 1.2:这门课是怎么安排的

模块 1.2:这门课是怎么安排的

你可能会有一个“我接下来会怎么学,最后能做出来什么?”的问题,而这节课的任务,就是先把整条路线图交到你手里。

Read More
模块 1.3:课前准备

模块 1.3:课前准备

出来混最重要的是“出来”,所有需要的准备就是胸前那一个“勇”字。

Read More
模块 2.1:认识你的电脑

模块 2.1:认识你的电脑

你当然会用电脑,但“会用软件”和“会在电脑里工作”,不是一回事。

Read More
模块 2.2:终端与Linux直觉

模块 2.2:终端与Linux直觉

终端本质上只是另一种和电脑交互的方式。

Read More
模块 2.3:互联网是怎么工作的

模块 2.3:互联网是怎么工作的

网页不是凭空出现的。浏览器里看到的东西,总得先来自某个地方。

Read More
模块 2.4:准备好云服务器

模块 2.4:准备好云服务器

上一节讲的那些概念——服务器、IP、端口——这一节全部亲手体验一遍。

Read More
模块 3.1:前端基础——HTML

模块 3.1:前端基础——HTML

代码能跑起来的那一刻,比任何解释都有说服力。

Read More
模块 3.2:把HTML拆分成三个文件

模块 3.2:把HTML拆分成三个文件

所有东西堆在一起的时候,麻烦还不够明显。拆开了,才能看清各自是什么。

Read More
模块 3.3:Git 入门:给代码设置存档点

模块 3.3:Git 入门:给代码设置存档点

版本管理不是“高级流程”,而是你写代码时最实用的一颗后悔药。

Read More
模块 3.4:GitHub 与远程同步

模块 3.4:GitHub 与远程同步

本地存档解决“可回退”,远程同步解决“可备份、可协作、可部署”。

Read More
模块 3.5:把网页发布到公网

模块 3.5:把网页发布到公网

把页面发布到公网,是"写代码"和"做了一个真实的东西"之间的那道门槛。

Read More
模块 4.1:现代前端第一步——模块化

模块 4.1:现代前端第一步——模块化

在 HTML 中引入 css 和 js 脚本的做法很容易理解,但是当网站逐渐变大时,它们将会不可避免地走向混乱。

Read More
模块 4.2:Vite, npm 与前端构建

模块 4.2:Vite, npm 与前端构建

上一节 4.1,我们给项目做了模块化改造,迈出了"现代前端"的第一步。这一节开始接触工具——npm、Vite,并认识 Node.js。其中 npm 的性价比尤其高:这一节学会,以后无论做前端开发,还是使用各种开源工具,都会用到它。

Read More
模块 4.3:React——前端开发新规则

模块 4.3:React——前端开发新规则

构建工具让我们可以“按舒服的方式写,再翻译给浏览器”。React 做的事,就是把这件事往前推到极致:它给前端开发发明了一套新的组织规则。

Read More
模块 4.4:让数据驱动界面

模块 4.4:让数据驱动界面

React 最大的变化,就是把“操作页面”变成了“改变数据/值”。页面根据数据自动长成应该有的样子,这就是 React 的另一个核心思想——数据驱动界面。

Read More
模块 4.5:Next.js——React 之上的生产级框架

模块 4.5:Next.js——React 之上的生产级框架

React 让我们用组件的方式来拼装界面,并且建立了数据驱动界面的规则,但项目要上路,还有一堆苦力活——路由、SEO、首屏加载速度……而 Next.js 可以替我们把这些一并管起来。

Read More
模块 4.6:把前端项目发布到公网

模块 4.6:把前端项目发布到公网

前端部分最后一站,把我们一手带起来的现代前端项目发布到服务器上去。

Read More
模块 5.1:究竟什么是 API?

模块 5.1:究竟什么是 API?

“API”这个词,在今天几乎无处不在——AI、Agent、大模型、天气、地图……张口就来。它听起来很神秘。这一节我们不解释、不打比方,直接拿两个真的 API 来,你亲手调用一下,就明白了。

Read More
模块 5.2:Python 的安装和环境设置

模块 5.2:Python 的安装和环境设置

把 Python 装到电脑上,给项目建好自己的专属环境(venv),跑起第一个 Python 程序、认一认代码结构,再动手装一个第三方库(requests)用 Python 调一次 API——pip、requirements.txt 一并落地。后端要用的环境,这一节一次备齐。

Read More
模块 5.3:看懂 HTTP,手搓 API

模块 5.3:看懂 HTTP,手搓 API

这一节先不写代码——把 HTTP 请求和响应的规范看明白:一次网络对话,双方到底各说了什么、按什么格式说。然后再用 Python 把这套规范亲手实现出来(零依赖,纯标准库),用 curl、浏览器逐一验证。规范在前,代码在后——代码只是规范的一种实现。

Read More
模块 5.4:从手搓到框架,FastAPI 登场

模块 5.4:从手搓到框架,FastAPI 登场

认识几个主流后端框架,以及 FastAPI 和 uvicorn 各自负责什么。然后把手搓的接口重写一遍,再顺手加一个 POST

Read More