magicxiao
首页
文章
专栏
游戏
实验室
付费
关于
专栏
零散文章之外的系列内容。按顺序学,每课都有练习。
前端基础训练营
01
环境搭建:从浏览器到编辑器
装好 Node.js、VS Code 和 Git,跑通第一个 HTML 页面。
40 分钟
02
语义化 HTML:标签是有含义的
header、main、article 各管一件事,别再全是 div。
50 分钟
03
CSS 布局:只需要 Flex 和 Grid
忘掉 float。一维排列用 flex,二维网格用 grid,覆盖九成场景。
60 分钟
04
JavaScript 基础:写业务够用的最小集
变量、函数、数组方法、异步。掌握这四样就能开始写真实页面。
70 分钟
AI 应用开发入门
01
LLM 是什么:会用之前先懂一点原理
token、上下文窗口、temperature——三个概念决定你怎么用它。
45 分钟
02
提示词工程:把需求写成说明书
角色、任务、约束、输出格式——好 prompt 就是一份压缩的需求文档。
50 分钟
03
RAG:让模型回答它没学过的东西
检索 + 拼接 + 生成,三步解决知识库问答。难的不是流程,是检索质量。
60 分钟
04
Agent 入门:会调工具的 LLM
工具调用是 Agent 的核心机制。先别上框架,手写一个循环就懂了。
60 分钟
FDE 实战培训
01
什么是 FDE:在客户现场写代码的工程师
Forward Deployed Engineer 的职责边界:一半是工程师,一半是翻译。
45 分钟
02
需求挖掘:驻场第一周只做倾听
用影子观察和追问定位真实痛点,别急着写代码。
55 分钟
03
快速原型:48 小时在真实数据上跑通
用客户的数据而不是演示数据做原型,脏、快、能验证。
60 分钟
04
驻场部署:内网、审批与安全红线
客户环境的三个硬约束,以及交付清单的标准写法。
60 分钟
网页小游戏开发
01
做个打地鼠:状态机、定时器和一点点手感
不用引擎、不用素材,一个 HTML 文件搞定。拆开看,这游戏只有四件事:出洞、敲击、计分、倒计时。
20 分钟
02
复刻 memory.toys:翻牌动画、洗牌和运气分
翻牌配对人人会玩,做起来的三个关键:CSS 3D 翻牌、防连点的锁、以及怎么定义“运气好”。
25 分钟
03
复刻 FF2 开场:瓦片地图、对话队列和剧情脚本
RPG 比动作游戏多了两样东西:一张能行走的地图,和一个会排队的对话系统。这篇讲这两个,顺带聊聊“必败之战”怎么写。
30 分钟