Web前端开发实训案例教程（中级）

前 言

为了帮助读者学习和掌握《Web前端开发职业技能等级标准》（中级）中涵盖的实践技能，工业和信息化部教育与考试中心1 X项目组组织企业工程技术人员编写了本书。本书按照标准中涉及的核心技能要求精心设计了技术专题，这些技术专题全部按照企业项目开发思路进行分析和设计。
除此之外，笔者还设计了一个分享领域网站案例，以提高读者的Web前端开发应用实践能力。在编写过程中，注重引导读者如何理解将Web前端开发中的知识单元与项目需求和技术进行对接，并采用迭代开发思路进行每一个功能的开发。
全书分为实验（技术专题）和综合实践（淘兴趣项目）两部分，每一部分设定实践目标，以任务为驱动，采用迭代开发思路进行开发，共21章。
第1章是实践概述，主要描述本书的实践目标、实践知识地图和实施安排。
第2章至第20章是实验部分，针对HTML5、CSS3、JavaScript、jQuery、Bootstrap、MySQL、PHP、Laravel、AJAX、JSON、RESTful API等核心知识单元设计了技术专题，每一个技术专题针对一次实验项目进行训练，内容包括实验目标、实验任务、设计思路和实验实施（跟我做），*程度覆盖Web前端开发中级实践内容。
第21章是综合实践部分，设计了“淘兴趣”实践案例，完整贯穿Web前端开发核心知识，阐释了如何在真实企业项目中应用Web前端开发核心知识，并通过“迭代开发”详细讲解了实践项目的开发过程。整个项目根据技术选型和功能模块，分为五大阶段，分别为“*阶段PHP页面混合式”“第二阶段移动端响应式页面”“第三阶段AJAX JSON”“第四阶段RESTful API”“第五阶段Laravel”，层层递进，完整贯穿Web前端开发核心知识。通过技术专题和案例综合训练，使读者能够达到中级Web前端工程师水平。
参与本书编写工作的有张晋华、马庆槐、王博宜、郑婕、吴奇飞、李文、黄俊丹、赵俊、姜宜池、杜慧情、成菲、江涛、彭险等。谭志彬、龚玉涵依据《Web前端开发职业技能等级标准》（中级）为本书做了整体策划和内容统筹。
由于编者的水平和时间有限，本书难免存在不足之处，敬请读者批评和指正。

编者

本书是与《Web前端开发职业技能等级标准》配套的实践教材，教材中所有应用技术专题和项目代码均在主流浏览器中运行通过。本书结合高校计算机相关专业Web前端开发方向课程体系、企业Web前端开发岗位能力模型和《Web前端开发职业技能等级标准》，形成Web前端开发三位一体知识地图，以实践能力为导向，以企业真实应用为目标，遵循企业软件工程标准和技术，以任务为驱动，对HTML5、CSS3、JavaScript、jQuery、Bootstrap、MySQL、PHP、Laravel、AJAX、JSON、RESTful API等Web前端开发中的重要知识单元，结合实际案例和应用环境进行了分析和设计，并对每个重要知识单元进行了详细介绍，力求使读者真正掌握这些知识，从而在实际场景中加以应用。全书分为两部分：*部分为实验，采用技术专题进行知识单元训练，可以对应课程练习或实验，针对不同的知识单元设计实验项目，重点训练每个知识单元的内容；第二部分为综合实践，可以对应课程设计或综合实践，用一个“淘兴趣”项目贯穿Web前端开发核心知识，此项目会应用到中级标准中所包含的所有核心知识单元，而且其是参照企业中真实项目标准进行开发的。本书适合作为《Web前端开发职业技能等级标准》的实践教学参考用书，也适合作为对Web前端开发感兴趣的读者的指导用书。

北京新奥时代科技有限责任公司于2006年04月12日在石景山分局登记成立。公司经营范围包括技术开发、技术推广、技术转让、技术咨询、技术服务等。