WALK
出门走走
没有目的地地散步，看看树、天空和街边的小店，很多页面配色和构图都是从这些场景里来的。
← 回到首页01 / 06 · ABOUT
关于我ABOUT
关于我
HELLO, I AM
张海燕
用代码把想法做成能用的东西
我在「数智编程」课上从零开始学做网站。比起只交一个成品，我更想把每一步怎么想、怎么做、怎么改都留下来。
- 专业
- 数字经济学
- 年级
- 2025 级
- 正在做
- 个人作品集
- 常用工具
- Next.js / Git / AI 辅助
01
我的故事
我叫张海燕，数字经济学专业 2025 级。接触编程之前，我对网页的理解只停留在「能看到、能点击」，不知道一个页面背后要处理结构、样式、交互和部署。
真正开始做作品集之后，我慢慢发现：写代码不只是把功能堆出来，还要想清楚给谁看、先看什么、怎么让内容更容易被理解。这个网站从第一版到现在，改过很多次，也推翻过很多次。
比起「我已经学会了什么」，我更想展示「我遇到问题时是怎么想的、怎么改的」。所以这里除了成品，还保留了过程证据、版本记录和我自己做过的判断。
02
爱好与日常
FOOD
寻找美食
喜欢寻找好吃的小店和没吃过的味道，吃到喜欢的东西会记下来，也会想它为什么好吃。
GAMES
打游戏
喜欢玩游戏，也会留意界面、操作手感和关卡节奏，偶尔会想如果自己来做会怎么设计。
COOKING
做饭
有空的时候自己做饭，从备菜到调味都慢慢试，做出一顿像样的饭会很有成就感。
03
能力与工具
网页与前端
能独立搭出页面结构、响应式布局和基础交互，读懂并修改 Next.js 项目。
HTML / CSS / JavaScript / Next.js / Tailwind
AI 协作
能写清楚需求、判断回答是否可用，再把 AI 给的结构改成自己的页面和内容。
Claude Code / DeepSeek Harness
视觉与表达
会用留白、层级、动效和字体组织信息，让页面不只是一堆卡片。
排版 / 配色 / 动效 / 信息结构
工具与部署
能用 Git 管理版本，用 VS Code 编辑，把静态网站部署到公网。
Git / VS Code / Netlify / Vercel
04
成绩与成果
课程完成
7 / 7
阶段项目
从弹射小游戏到天气查询，完成课程要求的七个阶段项目，并保留每个项目的说明和入口。
作品上线
2
公网地址
作品集已部署到 Netlify 和 Vercel，链接均可访问；每次推送会自动更新。
过程证据
5
完整板块
需求、原型、提示词、版本、问题解决五个板块全部记录，并持续补充最近迭代。
05
下一步
本学期
把这门课的作品集做完整：内容、过程、迭代和部署都能自己讲清楚。
接下来
继续补 JavaScript 和交互基础，尝试做一个真正能给身边人使用的小产品。
联系我
本网站（包括页面代码和内容整理）的开发前期使用 Claude Code，后期主要使用 DeepSeek Harness（AI 编程助手）辅助：生成初始代码结构、解释报错、讲解 Git 命令、草拟部分文案等。网站的需求和内容由我本人确定、核对和填写，AI 参与较多的部分已记录在「过程证据」页的提示词记录里。