前言
Web前端开发是由很多互联网公司一致命名的一种工作职位。毋庸置疑,Web前端开发这个职位是由网页设计演变而来,但随着近几年来,移动互联网时代的到来,Web前端开发已经有了更广泛的内涵,因为像微信公众号、手机APP(其中的Web APP和Hybrid APP)和移动端网页的开发都需要Web前端开发技术。
目前,Web前端开发对人才的需求量非常大,前端开发人员的薪酬通常比同层次的后端开发人员薪酬水平还要高,这是因为前端开发由于涉及界面设计和交互,个性化很强,导致项目的重用性水平低,而后端很多项目都可以重用,比如许多不同的网站可以共用一个后台,这就造成了前端开发人员的需求量远大于后端开发人员的需求量。
Web前端开发技术的基础是HTML5、CSS3和JavaScript。虽然其主要任务仍然是网页设计,但已经产生了巨大的变化,比如通过CSS3就能制作出炫丽的动画和交互效果,而过去却要依赖于Flash或JavaScript;固定宽度的网页布局已逐步向能适应各种屏幕的响应式网页布局华丽转变;基于组件式的网页设计思想相对于从头开始的网页制作方法来说,能极大地减少开发人员的工作量。
Web前端开发的教学主要有两项任务,即传授知识和培养兴趣。笔者认为教学成功的关键是在这两方面寻找一个折中。如果上课讲授的知识点过多过细,则学生思考和实践的环节就会减少;如果讲授的知识点过少,片面强调让学生实践,则学生由于知识点没理清,又容易陷入低水平的盲目实践。
为此,本书在编写时,注重培养学生兴趣,在章节安排上尽快让学生进入CSS阶段的学习,将表格和表单的内容安排在CSS基础知识的后面,因为只有接触到CSS,学生才会领会到这门课程的乐趣。并且本书重点讲授CSS的内容,因为CSS仍然是Web前端开发这门课程最重要的内容。其次,考虑到初学者以前并未接触过任何网页设计语言,本书将传统的CSS知识和CSS3的内容进行统一编排,从而使读者更容易系统掌握CSS的传统技术和新技术。Bootstrap作为前端开发的一种流行技术,代表了网页制作技术的两大发展趋势: 一是响应式网页布局的趋势,可以说,响应式网页布局将是网页布局历史上的第二次革命,第一次革命是CSS布局取代表格布局;二是基于组件的网页制作方法,这种网页制作方法能避免从头开始写代码,避免了过去网页制作过程中令人厌倦的重复劳动,极大地提高了网站的开发效率,因此Bootstrap必将引起更多网站开发者的重视。
为了便于读者阅读和减少篇幅,本书采用精简代码的编排方式,读者一般都能够容易地将其还原成完整代码,同时每个代码都标有序号,读者能够方便地在配套源代码中找到完整代码并能直接运行。
本书的教学大概需要64学时,其中实验学时不少于16学时。如果学时量不足,则可以主要讲授第2、4、5章的内容。带“*”号的章节建议学生自学。
本书为将其作为教材的教师提供教学用多媒体课件、实例源文件和实验大纲,可登录本书的配套网站http://wxy.hynu.cn/ec免费下载,也可和作者联系(微信号: tangsx4,邮箱: tangsix@163.com)。
本书由唐四薪编写了第3~10章。林睦纲、唐琼编写了第1章和第2章的部分内容。参加编写的还有谭晓兰、喻缘、刘燕群、唐沪湘、刘旭阳、陆彩琴、唐金娟、谢海波、尹军、唐琼、何青、唐佐芝、舒清健等,他们编写了第2章的部分内容。
本书的写作得到衡阳师范学院“十三五”专业综合改革试点项目“计算机科学与技术”的支持。本书是衡阳市科技计划项目(2016KJ02)的研究成果。
由于编者水平和教学经验有限,书中错误和不妥之处在所难免,欢迎广大读者和同行批评指正。
作者
2018年3月