用大白话讲网页开发
网页开发补习实际上教什么
新加坡的网页开发补习教你构建可运行的网页应用：前端 JavaScript 与 React 之类的框架、后端基础（Node/Express，按需选用 Python）、API、数据库与部署。它对应理工学院的计算机文凭课程（SP、NP、NYP、RP 和 TP 的计算机学院轨道，从共同 ICT 课程起步）、MOE 的 O-Level 计算机课纲 7155 以及 H2 计算机课纲 9569——后者本身就考 HTML、CSS、Python 和 Flask 网页框架——还有 IMDA 的 TechSkills Accelerator（TeSA）和 CITREP+ 资助路径。它支持计算机学生、训练营学员，以及用 SkillsFuture 培训补助金（SkillsFuture Credit）和符合 WSQ 的进修来为新加坡科技就业市场打造作品集的转行者。
- 01HTML、CSS 与现代 JavaScript
- 02前端框架（React）
- 03后端基础（Node/API）
- 04数据库与数据建模
- 05Git 与部署
- 06全栈项目作品集
我们涵盖的技术栈
我们辅导的完整网页开发技术栈
前端、后端，以及交付软件的工作流程
前端
浏览器端
现代 JavaScript（ES6+）；DOM 与事件；React 组件与状态；调用 API
后端与数据
服务器端
Node 与 Express 基础；REST API；SQL 与数据库设计；身份验证基础
项目与工作流程
交付真实软件
Git 与版本控制；调试与测试；部署；构建一个全栈作品集项目
从第一行代码到具备就业能力
网页开发熟练度阶段
这是技能路径，而非 MOE 考试轨道
- 1
基础
HTML、CSS 与现代 JavaScript（ES6+）、DOM 与事件——任何框架之前的基石。
- 2
Front-end framework
用 React 之类的框架掌握组件模型、状态管理与调用 API。
- 3
Back-end & data
Node/Express 基础、REST API、SQL 与数据库设计、身份验证基础。
- 4
Full-stack project
连接前端与后端，Git 工作流程、测试，以及部署一个真实应用。
- 5
Portfolio & job-readiness
打磨一个已部署的作品集项目，以及面向新加坡科技市场的面试相关基础。
在开始写代码之前
新手网页开发者应当先知道的事
网页开发是编程，网页设计是视觉
网页开发补习侧重逻辑、JavaScript、后端和数据；网页设计侧重布局、样式和用户界面。按目标选对方向，可避免在错误的技能上耗费数月。
做一个真实项目，胜过许多教程
比起一长串完成的教程，新加坡雇主和理工学院评审更看重一个已部署、可运行的全栈项目。我们围绕端到端交付一个作品集项目来安排辅导。
学校项目的学术诚信
对于理工学院、ITE 或大学的毕业设计与毕业项目，我们提供辅导——范围界定、调试、代码审查和概念讲解——并止步于产出受评估的成果，使作业符合院校规则。
资助计划适用于认证课程，而非私人补习
SkillsFuture 培训补助金、IMDA 的 TeSA 和 CITREP+ 补贴获批的 WSQ 课程和供应商。私人一对一辅导是这些项目的补充；我们帮你看清各自适用之处，而非声称自己是受资助的供应商。
选择你的授课方式
一对一、线上或小组编程指导
按你的目标选择合适的授课方式
| Format | Best for | Pace & attention | Typical relative cost |
|---|---|---|---|
| 1-to-1 online | 转行者、在职成人、项目审查 | 实时结对编程，时间灵活 | 中等 |
| 1-to-1 home tuition | 年龄较小的学习者、引导式环境配置 | 完全个性化，当面调试 | Higher |
| 小组（2–4 人） | 学习同一技术栈的同侪、分摊费用 | 共享关注，代码审查讨论 | 每名学生较低 |
我们辅导的对象
网页开发补习适合谁
我们按你的目标匹配导师与路线图
理工学院与 ITE 计算机学生
跟得上模块和项目，却卡在 JavaScript、框架或后端及 FYP 作业上。
- 框架与状态管理
- 毕业设计架构
- 限期内调试
JC H2 计算机（9569）考生
要应考以 Python、Flask 和 SQLite 为主的实验室式第二卷（Paper 2），需要学校课时无法充分提供的应用练习。
- 考试条件下的 Flask 与 SQLite
- 把理论转化为可运行代码
- 算法设计与调试
大学计算机学生
需要在全栈概念、软件工程实践和毕业项目交付上加强。
- API 与数据库
- 版本控制工作流程
- 毕业项目范围界定与交付
转行者与在职成人
围绕全职工作建立面向新加坡科技岗位的就业级网页技能。
- 时间有限下的务实路线图
- 能证明能力的作品集
- 面试相关基础
自学者与爱好者
做过教程，却无法独立构建并部署一个完整应用。
- 从教程到项目的鸿沟
- 部署与环境配置
- 组织真实代码库
开发功底
一个网页应用实际上是怎么连起来的
请求、代码路径，以及开发在哪里会出问题。
一次点击，从浏览器追踪到数据库再返回
The problem
一位学习者做了一个待办事项应用，他问：“我点击‘添加任务’，任务出现了一秒，刷新后就消失了。问题出在哪？”把从头到尾应该发生的过程追踪一遍，修复方法就会一目了然。
Worked solution
- 1浏览器事件：点击触发一个 JavaScript 处理函数。任务立即出现，是因为前端更新了自己的本地状态——这就是它“只显示一秒”的原因。
- 2HTTP 请求：处理函数应当发出一个 POST 请求（fetch/axios），把任务文本作为 JSON 送到后端路由，例如 POST /api/tasks。
- 3服务器路由：Node/Express 收到请求，校验请求体，并向数据库（例如 SQLite 或 Postgres）执行一次 INSERT。缺了这一步正是问题所在——什么都没有被持久化。
- 4响应：服务器返回带有新 id 的已保存任务；前端把它的乐观更新状态与真正保存的记录对齐。
- 5刷新路径：重新加载时，应用发出 GET /api/tasks，服务器 SELECT 出所有行，React 把它们渲染出来。如果那一行从未被插入，列表就会返回空——正好与症状吻合。
Answer: 前端更新了本地状态，却从未向服务器 POST，所以什么都没写入数据库；刷新时 GET 返回的是一个空列表。
大多数“先能用、后消失”的问题，都是一次缺失或失败的后端写入。在浏览器的 Network（网络）标签里读请求/响应，几秒钟就能告诉你数据有没有离开过页面。
我们教的调试循环，取代“瞎猜加刷新”
初学者卡住，是因为他们随机改代码，指望错误消失。我们反复操练一个可重复的循环，直到它变成本能。
- 1
读真正的错误
打开控制台和调用栈，在动代码之前先读错误信息和行号。大多数错误会指出确切的文件、行号和原因。
- 2
按需复现
找出每次都能触发它的最小一串点击或输入。一个你能复现的问题，就是一个你能修复的问题。
- 3
用 Network 标签隔离
判断它是前端渲染问题还是请求失败：检查请求 URL、负载、状态码和响应体。
- 4
一次只改一处
应用单一的、基于假设的改动，而不是一次改五处，这样结果才能告诉你一些具体的东西。
- 5
验证并记下来
确认修复，并记下它的成因——同一类问题会重复出现，一条简短的笔记能把下一次变成 30 秒就能搞定的修复。
新加坡科技脉络
网页技能在新加坡计算机路径中的位置
从 O-Level 7155 到 H2 9569、理工学院文凭与 SkillsFuture。
网页开发如何对应到新加坡的升学与资助路径
网页技能不是单一课程——它贯穿本地的计算机体系，从中学一直到中职再培训。当辅导精准对准学习者所走的那条路时，最为有用。
O-Level 计算机（7155）
MOE 的 G3 计算机科目教算法、数据和 Python。第一卷（Paper 1）是 2 小时笔试（占 60%）；第二卷（Paper 2）是 2.5 小时的实验室实操（占 40%）。对许多日后的网页开发者来说，它是学校层面通往编程的入口。
H2 计算机（9569）
A-Level 的 H2 课纲考 HTML、CSS、Python 语言、Flask 网页框架和 SQLite 数据库——实际上就是一个完整的网页技术栈。第二卷（Paper 2）是 3 小时的实验室卷（占 40%），项目式辅导可直接迁移过来。
理工学院计算机文凭
五所理工学院让学生先经过共同 ICT 课程，再进入资讯科技、计算机科学、应用 AI 与分析等文凭，并有与 GovTech、NCS 等伙伴挂钩的业界项目。我们支持模块、FYP 和毕业项目作业。
SkillsFuture、TeSA 与 CITREP+
成人再培训通过 SkillsFuture 培训补助金（500 元基础补助，40 岁时另有 4,000 元的中职津贴）、IMDA 的 TechSkills Accelerator 和 CITREP+ 进行。这些资助经认证的 WSQ 课程；我们的私人辅导是其补充，本身并非受补贴的项目。
实战工具箱
你真正会用到的开发者工具
把开发者和教程跟做者区分开来的环境与习惯。
我们帮你搭好、并辅导你使用的日常技术栈
成为网页开发者的一部分，是熟练掌握专业人士每天都会用到的工具——我们在头几堂课就把这些搭好，让课间的练习是真实的，而非纸上谈兵。
VS Code
大多数新加坡团队和理工学院实验室使用的编辑器。我们配置扩展、格式化和集成终端，让环境帮你做事，而不是跟你作对。
Git 与 GitHub
版本控制对 FYP 小组和雇主来说没有商量余地。我们辅导提交、分支和合并请求（pull request），让你的作品集有一段可信的历史，而不是一个压缩包。
浏览器 DevTools
Network 和 Console 标签是真正调试发生的地方。在这里读请求、响应和错误，是我们反复操练的、杠杆最高的一项技能。
Node 与 npm
现代前端与后端背后的 JavaScript 运行时和包管理器。我们把 package.json、依赖和脚本讲明白。
一个部署平台
一个项目只有上线了才算数。我们部署到一个免费平台（例如 Vercel 或 Netlify），让你能把一个可运行的 URL 发给评审或雇主。
自学网页的人在哪里卡住——以及对策
在辅导了数百名初学者之后，同样的几个陷阱反复出现。早点把它们点出来，能省下数月时间。
停留在“教程模式”——课程学完，却从未在没人引导的情况下做出任何东西。
尽早切换到一个项目。我们通过构建它来讲概念，让每一堂课都把一个真实应用往前推进。
在 HTML、CSS 和 JavaScript 都还不扎实时就跳去学 React。
先把基础打牢；一旦底层的语言讲得通，框架学起来要快得多。
把后端和数据库当成黑盒，不理解请求流程就照抄代码。
把一个请求从头到尾追踪一遍（如同那个范例），直到前端、服务器和数据库在你脑中拼接到一起。
从不部署，于是项目只活在笔记本上，什么也证明不了。
尽早且经常部署；一个带有干净 Git 历史的上线 URL，才是学校和雇主真正会看的东西。
Why Eduprime
学习者为什么选择 Eduprime 学网页开发
以项目为先的辅导，与又一份教程订阅有何不同
亲手交付真实软件的导师
你向构建并部署网页应用的在职从业者学习，因此你养成的习惯，正是新加坡真实团队里所用的那些。
以项目为先，而非以教程为先
辅导以你将部署的一个真实全栈项目为锚。概念在你需要它来推进开发时才教。
因你的技术栈与目标而调整
无论是 H2 计算机的 Flask 与 SQLite、一个理工学院的 FYP，还是一个求职目标技术栈，我们都辅导真正服务于你目的地的那些技术。
看得见的代码审查
实时代码审查、一段干净的 Git 历史和里程碑笔记，意味着你和我们都清楚知道每堂课之间到底进步了什么。
对时间线诚实
没有“12 周找到工作”的承诺。我们围绕你的起点水平和课间能投入的练习量，规划一条务实的路线图。
全岛、上门或线上
线上通过屏幕共享和结对编程尤其适合编程；面向全岛的面对面也可用于引导式环境配置。
Lesson formats
与我们学习网页开发的方式
选择契合你目标与时间表的形式
一对一线上指导
通过屏幕共享进行实时一对一，含结对编程与代码审查——天生契合编程。
- 实时结对编程
- 可回看的录制课程
- 围绕工作灵活安排时间
- 最适合转行者
一对一上门补习
导师上门，进行引导式环境配置与当面调试。
- 亲手完成环境配置
- 最适合年龄较小的学习者
- 当面调试支持
- 完全个性化节奏
小组（2–4 人）
学习同一技术栈的小组分摊费用，并进行代码审查讨论。
- 每位学员成本更低
- 同侪代码审查
- 同技术栈分组
- 以项目为基础推进
Fees
新加坡网页开发补习费用
透明、按市场价的选项——免费咨询后确认
试堂
在投入前先试一位导师
S$150–300
3 sessions · ~S$50–100 / session
- 免费技能基线评估
- 路线图建议
- 作品集项目范围界定
- 界定第一个里程碑
项目轨道
构建并部署一个全栈项目
S$50–100 / hr
按月 sessions · 按月计费
- 每周一对一或小组
- 里程碑之间实时代码审查
- Git 历史与里程碑笔记
- 部署到一个上线 URL
转行强化
围绕全职工作的就业级路线图
S$70–130 / hr
灵活 sessions · 按导师资历
- 务实的兼职路线图
- 面试相关基础
- 打磨过的作品集项目
- 模拟技术评审
若第一堂课后契合度不对，可免费重新匹配导师。
所列数字是新加坡一对一网页开发辅导的典型市场价，仅供参考；你的确切费率取决于导师资历、授课方式、目标和技术栈，在免费咨询后确认。在适用情况下含 GST。这些是私人补习费率，与任何 SkillsFuture 或 TeSA 资助分开——后者仅适用于经认证的课程。
Accountability
你看得见网页开发的进展
我们让学习者（年龄较小的还有家长）保持知情——是问责，不是猜测
里程碑笔记
每个里程碑后，用大白话说明做了什么、学了什么，以及下一个开发目标。
Git 历史
你真实的提交历史就是进展的记录——一条可信的作品集轨迹，给学校和雇主看。
技能清单
哪些技能已经扎实（JavaScript、React、API、数据库、部署），哪些还需要反复练习。
上线项目 URL
一个已部署、可运行的应用，你随时都能分享——辅导有效的最清晰证明。
Our tutors
项目背后的网页开发导师
契合你技术栈与目标的在职从业者
- 在职或曾任业界的软件工程师
- 亲手积累的全栈经验（前端、后端、部署）
- 辅导初学者、学生和转行者的实绩
- 熟悉本地路径——H2 计算机 9569、理工学院 FYP 和 WSQ 技术栈
- 已通过 Eduprime 筛选和一项实操编程评估
Mr Wei Z.
9 年
B.Comp（NUS）；全栈工程师，JavaScript/React/Node
转行者、React 前端、作品集项目
“没人会雇用一份做完的教程清单。我们先把一个真实项目部署上线，然后把它做好。”
Ms Hui Y.
7 年
B.Eng 计算机科学（NTU）；后端与数据
API、数据库、理工学院 FYP 与毕业项目辅导
“一旦学习者能把一个请求从点击追踪到数据库再返回，技术栈的其余部分就不再吓人了。”
Mr Arjun S.
6 年
理工学院文凭 + B.Sc 计算机；前创业公司工程师
初学者、H2 计算机 9569（Python/Flask/SQLite）、调试习惯
“我先教调试循环。一个能读懂错误信息的学习者，已经超过了大多数自学的程序员。”
What families say
新加坡学习者怎么评价我们的网页开发辅导
来自我们合作过的学员的代表性体验
我上过三门线上课程，却仍然没法自己做出任何东西。把一切都锚定在一个我真正部署上线的项目上，才是终于让我开窍的关键。今年我转入了一个初级开发岗位。
Mr Daryl C.
转行者，前物流业 · Hougang · 一对一线上
我的导师帮我界定并调试理工学院的 FYP，却从未代我去做。那些代码审查，教会我的 Git 和 API 知识比整整一个学期还多。
Ms Faridah B.
理工学院资讯科技学生 · Yishun · 一对一线上
我是为 H2 计算机来上的。Flask 和 SQLite 的练习正是第二卷所需要的，而做真实项目让那张实验室卷变得熟悉，不再吓人。
Mr Jun Kai L.
JC2 学生 · Bishan · 一对一线上
从第一天起就诚实地说没有 12 周的捷径。那条路线图配合得上我的全职工作，持续一段时间之后，我有了一个自己愿意拿出来展示的作品集。
Mrs Serene T.
在职成人，夜间学习者 · Punggol · 转行强化
我和两个学同一技术栈的朋友一起加入了一个小组。在导师带领下互相审查代码，让进度快了很多，也把费用控制在合理范围。
Mr Haziq R.
大学计算机学生 · 金文泰 · 小组
我从零开始。头几堂课光是把 VS Code、Node 和 Git 配置妥当，就省下了我自己摸索时白白浪费的好几周。
Ms Wendy N.
爱好者初学者 · 淡滨尼 · 一对一上门
Student journeys
网页开发的历程
从卡住到交付的代表性路径
一位来自非科技岗位的转行者，学完了几门课程，却从未在无人引导下做出任何东西。
- 围绕全职工作界定了一个务实的全栈项目
- 用 React 构建前端，再接上一个 Node API 和数据库
- 部署到一个上线 URL，并带有干净的 Git 历史
以一个已部署的作品集项目收尾，并有了申请初级开发岗位的信心。
在职成人 · 约 5 个月
一位理工学院学生卡在毕业设计的架构和调试上。
- 围绕清晰的前端/后端边界重构了项目
- 学会用浏览器的 Network 标签隔离失败的请求
- 在学术诚信限度内按时提交——是辅导，不是代写
交付了一个可运行的 FYP，并真正理解了那套代码库。
理工学院资讯科技学生 · 一个项目周期
一位 JC 学生理论很强，却在实验室式的 H2 计算机卷上耗费时间。
- 通过小型开发任务操练 Flask 路由和 SQLite 查询
- 练习在限时内把一道题目陈述转化为可运行的 Python
- 收紧调试循环，让错误只花几分钟，而非整道题
走进实验室卷时，把它当成一次熟悉的开发，而非一个未知数。
JC2 学生 · 约 2 个学期
把环境搭起来
从首次通话到第一次开发
与 Eduprime 开始网页开发补习的流程
- 1
免费咨询
我们了解你当前的水平、目标（学校、转行、爱好）和时间线。
约 15 分钟 - 2
目标与路线图界定
我们确定一条务实的学习路线图，以及用以贯穿其中的作品集项目。
第一堂课前 - 3
匹配导师
我们筛选契合你技术栈和目标的在职软件从业者。
1–3 天 - 4
第一堂课
环境配置、基线检查，以及第一个开发里程碑。
第一堂课 - 5
项目驱动辅导
通过构建真实项目讲解概念，里程碑之间进行实时代码审查。
持续进行 - 6
部署与检讨
交付项目、审查代码，并规划下一项技能或就业准备步骤。
迈向目标
辅导涵盖什么
Eduprime 网页开发补习涵盖的范围
诚实的范围说明——不保证工作，只提供有系统的覆盖
- Front→Full-stack
- 技能覆盖
- 1 project
- 已部署的作品集开发
- 1-to-1
- 或小组
- Islandwide
- 线上或面对面
学习者常问的问题
新加坡学习者常问的网页开发补习问题
关于技术栈、项目、资助与时间线的直接答复