零基础转行
没有编程经历，希望通过系统学习进入开发岗位。
- 从第零篇开始，按顺序走完九篇
- 投入 40–50 学时，建议 3 个月左右完成
- 产出：一个可演示的完整 Web 应用
先能搭出页面，
再让它动起来，
最后放上线。
面向社会招生的系统课程：HTML5 搭骨架、CSS3 做样子、 JavaScript 让页面能响应，接着用 MySQL 存数据、Java 写业务、Linux 把应用放上线。 九篇内容按依赖关系排序，不按教材章节顺序堆。零基础可学，学完有作品。
- FORMAT
- 线上小班 / 线下（湛江遂溪）/ 企业内训
- WORKLOAD
- 按起点分三档：8–10 / 25–30 / 40–50 学时
- MATERIAL
- 九篇讲义 + 任务模板 + 分层练习 + 速查卡
01课程体系
九篇内容，
一条不断链的学习顺序。
这九篇不是并列的，而是有依赖的：不会 HTML 就写不了 CSS，不懂 JS 就串不起交互， 没写过 SQL 就做不出登录。顺序错了，会在半路反复卡住。
| 篇目 | 核心内容 | 学完能做什么 |
|---|---|---|
| 第零篇 零基础预备 | 网页怎么到你屏幕上、前端三件套的分工、数据库是什么、Java 程序怎么跑起来、前后端怎么连 | 知道每样东西是干什么用的，不再对着名词发懵 |
| 第一篇 HTML5 | 文档骨架与 DOCTYPE、全局属性、语义化标签、文本与列表、超链接、图片多媒体、表格、表单、HTML5 新 API | 不看模板，手写一个结构正确的完整页面 |
| 第二篇 CSS3 | 三种引入方式与优先级、盒模型、Flex、Grid、定位、层叠上下文、响应式 | 把设计稿还原成页面，能解释每个元素为什么在那个位置 |
| 第三篇 JavaScript | 语法与类型、函数与作用域、DOM 操作、事件模型、定时器、异步与 ES6 常用特性 | 让页面响应用户操作，做出可交互的功能 |
| 第六篇 交互专题 | 把 HTML、CSS、JS 三件套串起来，接上后端接口，处理加载与错误状态 | 做出一个前后端能对上的完整交互流程 |
| 第四篇 MySQL | 建库建表、字段类型、增删改查、多表关联、索引与约束 | 为一个真实业务设计表结构并写出查询 |
| 第五篇 Java | 语法基础、面向对象、集合、异常处理、JDBC 连接数据库 | 写出带数据库读写的后端业务逻辑 |
| 第七篇 Linux 部署 | 常用命令、目录结构、进程与端口、日志查看、环境变量、常见故障排查 | 把应用放到服务器上跑起来，出问题会自己查 |
| 第八篇 任务实训模板 | 常见开发任务的固定解法与书写顺序，照着练三遍形成手感 | 拿到需求能直接动手，不必从空白文件开始 |
| 第九篇 分层练习 | 按篇分层的练习题与错题回查清单 | 照出自己漏掉的知识点，知道下一步补哪 |
阶段一
第零篇 预备
第一篇 HTML5
第二篇 CSS3
第三篇 JavaScript
阶段二
第六篇 交互串联
第四篇 MySQL
第五篇 Java
阶段三
第七篇 Linux 部署
第八篇 任务实训模板
第九篇 分层练习
02适合谁学
四类学员，
各有各的走法。
这门课不是给「已经会写代码的人」准备的。下面四类是最常见的学员， 起点不同，投入的时间与路线也不同。
在校学生
学过一点语法，但做不出完整项目，面试讲不清原理。
- 跳过第零篇，重点补交互串联与后端
- 投入 25–30 学时，可配合课程设计同步做
- 产出：能写进简历的项目与讲解能力
在职补基础
做前端或运维，但后端、数据库、部署这几块一直是空白。
- 按需选篇，不必全学
- 投入 8–10 学时，重点在 MySQL、Java 与部署
- 产出：能独立把应用部署上线
企业新人与团队
团队里新人基础参差，带教成本高、进度难统一。
- 按团队技术栈定制内容与深度
- 以你们自己的项目当案例
- 产出：统一的基础认知与编码规范
03学习路径
按起点选读法，
不按顺序硬啃。
同一套内容，零基础和有经验的人读法完全不同。下面三档是课程设计时就分好的， 选错了要么浪费时间，要么中途崩掉。
| 你的起点 | 建议读法 | 预计投入 |
|---|---|---|
| 完全零基础：没写过网页、没连过数据库、Java 只见过名字 | 从第零篇顺序读，每篇先跑通「动手」小节，再回头补理论 | 40–50 学时 |
| 学过一点：上过课、抄过作业，但说不清原理 | 跳过第零篇，按篇读必学清单，重点做任务模板与分层练习 | 25–30 学时 |
| 有项目经验，只差把知识串成体系 | 只看各篇必学清单 + 分层练习 + 速查卡 | 8–10 学时 |
一句提醒：零基础不要跳第零篇。跳过的人后来八成会回来补， 代价是双倍时间——这是在实际教学里反复看到的情况，不是吓唬人。
04配套材料
不只有讲义，
还有能照着练的东西。
技术课最容易犯的错是「只读不敲」。所以这套材料里，练习与自测的比重不低于讲解。
- GUIDE
- 九篇讲义
每个知识点按「作用—写法—示例」组织，配可运行代码，不收与岗位无关的扩展
- TEMPLATE
- 任务实训模板
常见开发任务的固定解法，照着练三遍形成手感，面试与上手都能用
- BANK
- 分层练习
按篇分层，限时做、错题回查，用来照出漏掉的知识点
- CHEATSHEET
- 语法速查卡
五门技术的常用语法浓缩成卡，写代码时随时翻
- PITFALL
- 高频陷阱清单
跨语言易错点汇总，讲清「为什么错」而不只是「记住它错」
- PROJECT
- 动手项目
每阶段一个可展示的产物：个人名片页、三栏布局、待办清单
05学完之后
基础打牢了，
再谈框架。
框架是建立在基础之上的加速器，不是替代品。学完这套体系， 下面这些框架才有意义——否则只是背 API。
NEXT 01 / REACT
进阶
React 18 + Antd 企业后台
组件化思维、状态管理、复杂表格与表单——真实后台里就是这么写的。
- 组件与状态：受控表单、复杂表格
- 路由与权限控制
- Antd 实践与二次开发
NEXT 02 / VUE
进阶
Vue 3 + Element Plus 移动端
组合式 API 与移动端适配，用于扫码查询与手机端页面。
- 组合式 API 的正确用法
- 移动端适配与交互细节
- 调起设备能力（扫码、拍照）
NEXT 03 / UNI-APP
进阶
uni-app 多端小程序
一套代码出小程序与 H5，家长端就是这么做的。
- 工程结构与多端差异
- 条件编译与平台 API
- 小程序备案与发布流程
06常见问题
报名前想问的，
先写在这里。
完全零基础，真的能学吗？
能，第零篇就是为零基础准备的：先讲清楚网页怎么到你屏幕上、前后端怎么连， 不写代码也先建立整体认知。但要按零基础那一档投入 40–50 学时， 不要跳篇——跳过的人通常会回来补，花的时间更多。
学完能到什么程度？
能独立做出一个带数据库的完整 Web 应用：页面自己写、样式自己调、交互自己接、 数据自己存、服务器自己部署。达到初级开发岗位的基本要求。 但要诚实说：课程不承诺就业，能否入职还取决于项目积累与面试表现。
和市面上的培训班有什么区别？
三件事：只收必要内容（不塞与岗位无关的扩展）、每个知识点配可运行代码（不是伪代码）、 每个易错点讲清为什么错（不是让你死记）。另外这套材料按「读—练—测」三层设计， 练习与实训的比重不低于讲解。
课程案例是真实项目吗？
基础篇的动手项目是课程设计好的练习（个人名片页、三栏布局、待办清单）； 进阶的框架部分，案例取自实际交付的校服溯源平台，涉及客户数据的部分会脱敏。
可以只学其中一篇吗？
可以，但不建议跳着学。九篇之间存在依赖：不会 CSS 就做不了三栏布局， 不懂 JS 就串不起交互，没写过 SQL 就做不出登录。如果基础不均衡， 我们会先建议你补哪一篇。
企业想给团队做内训，怎么安排？
先沟通团队现有技术栈与想解决的问题，再定制内容与深度。 内训通常以你们自己的项目为案例，学完能直接用上，而不是学完再迁移一遍。
关于教材：本课程体系与讲义由煌文网络工作室编写， 覆盖 HTML5、CSS3、JavaScript、MySQL、Java 五门技术基础， 并扩展交互设计与 Linux 部署两个专题。教材随课程持续修订，学员可获得更新版本。