Web前端课程建设

Web前端课程建设一、面授大纲阶段课程目标备注前端基础行业规划•认识行业，把控行业发展•了解实训的全套课程体系•规划属于自己学习路线HTML5•熟练掌握HTML常用标签的使用，能设计出交互性很强的表格及表单•熟悉HTML5语义化标签（视频、音频、表单元素等等）CSS3•熟练掌握CSS语法，能快速分析大型网页的结构并兀成其标准化布局•熟悉CSS3的新特性、动画、过渡等，尤其是使用CSS3的媒体查询器完成响应式布局和设计。到此为止，你已经拥有了淘宝、京东、小米等静态页面的能力，为了给网页添加更多的生命力，准备好向JavaScript进军吧！JavaScript•熟练掌握JavaScript基础语法•掌握好良好的编程习惯及代码规范•熟悉JavaScript的面向过程和面向对象的两种编程网格。•熟悉DOM和BOM的操作，并能灵活使用使用其完成绝大部分网页特效的程序设计和开发，给网页注入了强大的生命力。前端设计平面设计•熟练掌握Photoshop和AI的基础使用及常用实战技巧。并需要学习一些美术基础和色彩搭配视觉设计•熟悉PC端网站设计和移动端网站设计前端交互了解服务端•了解服务端架构及Cookie、Session、Restful机制•熟悉HTTP协议、请求和响应•熟悉常用服务器的项目部署（Tomcat、Apache/Nginx、IIS）•熟悉Ajax的实现及使用XML、JSON完成其数据交换（需要服务端支持）HTML5高级•熟悉使用HTML5的绘图增强页面交互性・

•熟练使用HTML5完成常见亮点功能：拖放、地理定位、微信摇一摇等等。•了解HTML5其它特性：Web存储、应用缓存、服务器发送jQuery•一款简化JavaScript开发的JS框架，一直秉承大道至简的理念。•熟练掌握jQuery语法、动画及对原生Ajax实现的简化•熟悉常用的jQuery插件完成漂亮的验证、图形报表展示等，并有能力编写自己的jQuery插件方便日后的开发！jQueryUI•熟悉jQueryUI里的常用组件使用：如友好的对话框、自动补完、日历UI、折叠菜单等等，方便我们在项目里实现快速开发，并能实现不同网页皮肤的切换！前端跨屏ZeptoJS・Zepto是一个轻量级的针对移动端浏览器的JavaScript库，它与jQuery有着类似的api。如果你会用jQuery，那么你也会用zepto。jQueryMobile•jQueryMobile是创建移动web应用程序的框架，它适用于所有流行的智能手机和平板电脑，使用HTML5和CSS3通过尽可能少的脚本对页面进行布局。•熟练掌握jQueryMobile,能快带上手移动端Web应用程序的布局•熟悉jQueryMobile的列表、视图等设计•熟悉移动端常见的事件，提高移动端的交互性、增强体验Bootstrap•一款间洁、直观、强悍的前端开发框架，让响应式web开发更迅速、简单。•能熟练使用Bootstrap进行网页的跨屏布局，实现一次编写到处运行•熟悉的基础CSS样式、内置组件和内置插件，加速响应式和流式布局的Web站点开发。扩展了解Less和Sass的语法来编与和运行CSS!前端拓展AngularJS（可选）•AngularJS(Angular.JS)是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。兼容主流浏览器，与jQuery配合良好。学习完最酷最实用的特性无疑是你面试中的一块重要敲门砖！前端优化•熟悉SEO的常见优化，提咼网站的收录和排行，能编写对搜索引擎友好的代码•掌握常见的JS模块化加载框架—Sea.js

•习惯养成优化代码和重构代码，由此