HTML5+CSS3 Web开发案例教程(在线实训版)
上QQ阅读APP看书,第一时间看更新

丛书序

技术背景

随着互联网技术的快速发展,Web前端开发作为一种新兴的职业,仍在高速发展之中。与此同时,Web前端开发逐渐成为各种软件开发的基础,除了原来的网站开发,后来的移动应用开发、混合开发以及小程序开发等,都可以通过Web前端开发再配合相关技术加以实现。因此可以说,社会上相关企业的进一步发展,离不开大量Web前端开发技术人才的加盟。那么,究竟应该如何培养Web前端开发技术人才呢?

Web前端开发技术人才需求分析

丛书设计

为了培养满足社会企业需求的Web前端开发技术人才,本丛书的编者以实际案例和实战项目为依托,从3种语言(HTML5、CSS3、JavaScript)和3个框架(jQuery、Vue.js、Bootstrap)入手进行整体布局,编写完成本丛书。在知识体系层面,本丛书可使读者同时掌握Web前端开发相关语言和框架的理论知识;在能力培养层面,本丛书可使读者在掌握相关理论的前提下,通过实践训练获得Web前端开发实战技能。本丛书的信息如下。

丛书信息表

0

从技术角度来说,HTML5、CSS3和JavaScript这3种语言分别用于编写Web页面的“结构”“样式”和“行为”。这3种语言“三位一体”,是所有Web前端开发者必备的核心基础知识。jQuery和Vue.js作为两个主流框架,用于对Web前端开发逻辑的实现提供支撑。在实际开发中,开发者通常会在jQuery和Vue.js中选一个,而不会同时使用它们。Bootstrap则是一个用于实现Web前端高效开发的展示层框架。

本丛书涉及的都是当前业界主流的语言和框架,它们在实践中已被广泛使用。读者掌握了这些技术后,在工作中将会拥有较宽的选择面和较强的适应性。此外,为了满足不同基础和兴趣的读者的学习需求,我们给出以下两条学习路线。

第一条学习路线:首先学习“HTML5+CSS3”,掌握静态网页的制作技术;然后学习交互式网页的制作技术及相关框架,即学习涉及jQuery或Vue.js框架的JavaScript图书。

第二条学习路线:首先学习“HTML5+CSS3+Javacript”,然后选择jQuery或Vue.js图书进行学习;如果读者对Bootstrap感兴趣,也可以选择包含Bootstrap的jQuery或Vue.js图书。

本丛书涵盖的各种技术所涉及的核心知识点,详见本书彩插中所示的6个知识导图。

丛书特点

1. 知识体系完整,内容架构合理,语言通俗易懂

本丛书基本覆盖了Web前端开发所涉及的核心技术,同时,各本书又独立形成了各自的内容架构,并从基础内容到核心原理,再到工程实践,深入浅出地讲解了相关语言和框架的概念、原理以及案例;此外,在各本书中还对相关领域近年发展起来的新技术、新内容进行了拓展讲解,以满足读者能力进阶的需求。丛书内容架构合理,语言通俗易懂,可以帮助读者快速进入Web前端开发领域。

2. 以案例讲解贯穿全文,凭项目实战提升技能

本丛书所包含的各本书中(配合相关技术原理讲解)均在一定程度上循序渐进地融入了足量案例,以帮助读者更好地理解相关技术原理,掌握相关理论知识;此外,在适当的章节中,编者精心编排了综合实战项目,以帮助读者从宏观分析的角度入手,面向比较综合的实际任务,提升Web前端开发实战技能。

3. 提供在线实训平台,支撑开展实战演练

为了使本丛书所含各本书中的案例的作用最大化,以最大程度地提高读者的实战技能,我们开发了针对本丛书的“在线实训平台”。读者可以登录该平台,选择您当下所学的某本书并进入对应的案例实操页面,然后在该页面中(通过下拉列表)选择并查看各章案例的源代码及其运行效果;同时,您也可以对源代码进行复制、修改、还原等操作,并且可以实时查看源代码被修改后的运行效果,以实现实战演练,进而帮助自己快速提升实战技能。

4. 配套立体化教学资源,支持混合式教学模式

为了使读者能够基于本丛书更高效地学习Web前端开发相关技术,我们打造了与本丛书相配套的立体化教学资源,包括文本类、视频类、案例类和平台类等,读者可以通过人邮教育社区(www.ryjiaoyu.com)进行下载。此外,利用书中的微课视频,通过丛书配套的“在线实训平台”,院校教师(基于网课软件)可以开展线上线下混合式教学。

  • 文本类:PPT、教案、教学大纲、课后习题及答案等。
  • 视频类:拓展视频、微课视频等。
  • 案例类:案例库、源代码、实战项目、相关软件安装包等。
  • 平台类:在线实训平台、前沿技术社区、教师服务与交流群等。

读者服务

本丛书的编者连同出版社为读者提供了以下服务方式/平台,以更好地帮助读者进行理论学习、技能训练以及问题交流。

1. 人邮教育社区(http://www.ryjiaoyu.com)

通过该社区搜索具体图书,读者可以获取本书相关的最新出版信息,下载本书配套的立体化教学资源,包括一些专门为任课教师准备的拓展教辅资源。

2. 在线实训平台(http://code.artech.cn)

通过该平台,读者可以在不安装任何开发软件的情况下,查看书中所有案例的源代码及其运行效果,同时也可以对源代码进行复制、修改、还原等操作,并实时查看源代码被修改后的运行效果。

在线实训平台使用说明

3. 前沿技术社区(http://www.artech.cn)

该社区是由本丛书编者主持的、面向所有读者且聚焦Web开发相关技术的社区。编者会通过该社区与所有读者进行交流,回答读者的提问。读者也可以通过该社区分享学习心得,共同提升技能。

4. 教师服务与交流群(QQ群号:368845661)

该群是人民邮电出版社和本丛书编者一起建立的、专门为一线教师提供教学服务的群(仅限教师加入),同时,该群也可供相关领域的一线教师互相交流、探讨教学问题,扎实提高教学水平。

扫码加入教师服务与交流群

丛书评审

为了使本丛书能够满足院校的实际教学需求,帮助院校培养Web前端开发技术人才,我们邀请了多位院校一线教师,如刘伯成、石雷、刘德山、范玉玲、石彬、龙军、胡洪波、生力军、袁伟、袁乖宁、解欢庆等,对本丛书所含各本书的整体技术框架和具体知识内容进行了全方位的评审把关,以期通过“校企社”三方合力打造精品力作的模式,为高校提供内容优质的精品教材。在此,衷心感谢院校的各位评审专家为本丛书所提出的宝贵修改意见与建议。

致谢

本丛书由前沿科技的温谦编著,编写工作的核心参与者还包括姚威和谷云婷这两位年轻的开发者,他们都为本丛书的编写贡献了重要力量,付出了巨大努力,在此向他们表示衷心感谢。同时,我要再次由衷地感谢各位评审专家为本丛书所提出的宝贵修改意见与建议,没有你们的专业评审,就没有本丛书的高质量出版。最后,我要向人民邮电出版社的各位编辑表示衷心的感谢。作为一名热爱技术的写作者,我与人民邮电出版社的合作已经持续了二十多年,先后与多位编辑进行过合作,并与他们建立了深厚的友谊。他们始终保持着专业高效的工作水准和真诚敬业的工作态度,没有他们的付出,就不会有本丛书的出版!

联系我们

作为本丛书的编者,我特别希望了解一线教师对本丛书的内容是否满意。如果您在教学或学习的过程中遇到了问题或者困难,请您通过“前沿技术社区”或“教师服务与交流群”联系我们,我们会尽快给您答复。另外,如果您有什么奇思妙想,也不妨分享给大家,让大家共同探讨、一起进步。

最后,祝愿选用本丛书的一线教师能够顺利开展相关课程的教学工作,为祖国培养更多人才;同时,也祝愿读者朋友通过学习本丛书,能够早日成为Web前端开发领域的技术型人才。

温谦
资深全栈开发工程师
前沿科技CTO