本课程以培养前端工程师为目标，立足前端工程师工作岗位所必须具备的素质，以基础知识、实战举例、运行结果、综合案例相结合的方式，按照认知规律由浅入深详尽讲述了HTML5、CSS3、JavaScript和jQuery及目前最新的前端技术。包含网站开发概述、HTML5常用标签、HTML表格和表单、CSS3基础知识、CSS3高级应用、Javascript语法基础、Javascript对象模型与事件、jQuery框架。

1.

知识目标

1）掌握并熟练应用HTML文本标签、列表标签、图片标签、超链接标签、多媒体标签和头部标签；

2）掌握并熟练创建表格；

3）掌握网页中使用表格创建表单的方法；

4）掌握CSS选择器、单位、字体样式、文本样式、颜色、背景的使用方法；

5）掌握CSS盒模型、常规网页布局；

6）掌握CSS3多列布局、定位、弹性布局的使用方法；

7）掌握CSS3特性、2D/3D变形、动画、过渡的使用方法；

8）掌握Javascript基础语言、函数、面向对象功能的使用；

9）掌握jQuery中选择器、插件、事件和动画功能的使用方法；

10）掌握AJAX技术，实现异步刷新，异步获取数据的使用方法。

2. 能力目标

1）能熟练使用HTML文本标签、列表标签、图片标签、超链接标签、多媒体标签和头部标签搭建基本静态网页；

2）能熟练使用表格、表单创建交互页面；

3）能熟练使用CSS设计网页样式；美化网页样式；

4）能熟练使用CSS3选择器、边框特性、颜色、字体、盒阴影、背景特性、盒模型、功能美化网页；

5）能熟练使用CSS3选择器、背景、盒模型、多列布局等属性开发动态网页；

6）能熟练使用CSS3选择器、盒模型、变形、过渡、动画等属性美化网页；

7）能熟练使用Javascript开发交互效果页面；

8）能熟练使用运算等基础语言和内置函数实现数据交互；

9）能使用Javascript对象和DOM编程实现交互效果页面；

10）能熟练使用正则表达式进行交互信息验证；

11）能熟练使用jQuery选择器、jQuery中的DOM操作、jQuery事件和动画开发交互效果页面；

12）能熟练使用AJAX中的XML、JSON数据格式与网站后端进行数据交互。

3. 素质目标

1）具有质量意识、安全意识、工匠精神和创新思维；

2）具有集体意识和团队合作精神；

3）具有界面设计审美和人文素养；

4）熟悉软件开发流程和规范，具有良好的编程习惯。