华图教育-HTML5开发工程师培训教学大纲

　　web前端全栈工程师课程大纲

　　阶段一：前端入门(12天)

　　目标：

　　前端开发工程师，首先需要成为一个好的页面制作师(切图工程师)。在前端入门阶段中，学习互联网基本知识，深入学习HTML、CSS，会完成基本的静态页面制作。会使用基本的设计软件，如PhotoShop和Fireworks进行切图，会精确的还原设计图。学习基本的浏览器兼容问题的处理方法。

　　主要内容：

　　计算机基本操作、打字基本指法、互联网基本原理、服务器、浏览器、HTTP请求。编程工具介绍、HTML简介、语义化标签、p标签和h系列标签。HTML基本骨架、meta标签、字符集、关键字、页面描述。a标签和img标签、列表标签，相对路径和绝对路径。 CSS介绍、选择器、浮动、背景属性、定位属性。简单的企业站制作、搜索引擎优化知识。项目实战。

　　阶段二：JavaScript基础 (10天)

　　目标：

　　JavaScript入门容易，精通难。我们在JavaScript基础阶段，主要学习JavaScript最基本的语法，认识变量、表达式、运算符等。学习if、for等各种语句。并通过一些数学问题，来练习简单的算法。在这个阶段，还要学习DOM，知道JavaScript如何控制HTML元素。

　　主要内容：

　　JavaScript简介、前台语言和后台语言的区别、编程工具、变量、运算符、表达式、变量类型。连字符、输入语句、输出语句。parseInt、parseFloat函数。for循环语句、while循环语句、较复杂的数学算法练习，比如水仙花数、质数、哥德巴赫猜想。函数的概念，函数的参数、返回值。学习使用函数简化问题，函数的递归。更复杂的数学算法练习，斐波那契数列。内置对象、字符串的常见处理、日期对象的处理。事件的概念。JavaScript得到页面元素的方法、改变页面元素样式的方法、改变页面元素HTML属性的方法。制作水平菜单、手指触碰图片交换。定时器、setInterval和setTimeout、运动的基本实现方法。运动的开始和停止，相关问题的处理。用面向过程的方法制作轮播图、手风琴。鼠标滚轮事件、拖拽事件和相关案例。

　　阶段三：JavaScript进阶和框架设计 (13天)

　　目标：

　　学习深入的学习JavaScript的特性，学习面向对象，正则表达式、排序、闭包等知识。学习jQuery，知道jQuery的使用方法，并且深入理解jQuery的框架封装思想。最后，还需要自己编写JavaScript框架。

　　主要内容：

　　对象的概念、创建对象、属性的查询和设置、删除属性、检测属性、枚举属性、属性getter和setter、属性的特性、序列化对象、对象方法。内置对象。面向对象编程思维。继承、继承机制实例、继承机制的实现、其他继承方式。正则表达式、表单验证。正则表达式小技巧。排序算法、递归算法、闭包，函数节流，作用域链。underscore.js介绍，源码解析，构建模式。常用工具函数的封装。jQuery介绍、选择器、动画、DOM操作、方法链、拖拽、变形。用jQuery制作页面效果案例。jQuery效果课。网页上的常见效果的制作的原理和实现，复杂效果也应该会用jQuery制作，比如优酷各个栏目的轮播图。jQuery的相关插件。比如jQueryUI、mousewheel.js、easing.js等。命名空间、对象扩展、数组化、类型的判定、浏览器嗅探与特征侦测、类工厂、选择器引擎。节点模块、常见DOM效果的封装。样式模块。样式名的修正、个别样式。事件模块。attachEvent、addEventListener的使用，jQuery.event.**部分的源码解读。异步处理、动画引擎。可拓展性、模块化、框架的整体完成。

　　第四阶段：服务器和Ajax(5天)

　　目标：

　　学习服务器的基本知识，以PHP为例简要学习后台语言。学习Ajax的使用，并且学习JSONP跨域、lazy-load等高级技术。

　　主要内容：

　　服务器基本知识、Apache服务器介绍、安装。HTTP介绍、常见状态码、POST和GET。PHP简介、PHP基本语法。Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍、兼容性处理方法、Ajax中缓存问题。JSON和JSON的解析、数据绑定和模板技术、常见效果案例。JSONP、跨域技术、常见效果案例。图片预读取和lazy-load技术、使用Ajax实现瀑布流案例、jQuery框架中的Ajax API、XML简介。

　　第五阶段：HTML5、CSS3和移动web开发(16天)

　　目标：

　　学习HTML5，知道HTML5新的特性，使用Canvas开发手机游戏。学习CSS3，会使用CSS3制作炫酷的网站效果。学习响应式手机制作，学习移动设备web开发的方法。

　　主要内容：

　　HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket。Canvas简介、常用API、绘制图形、图片。使用面向对象写Canvas绚丽效果、数据可视化。canvas游戏。CSS3新选择器，伪元素、颜色表示法，边框，阴影、background系列属性改变、transition，动画。景深和透视，3D效果制作、炫酷CSS3效果。Velocity.js框架、元素进场和出场、炫酷CSS3网页制作。CSS3炫酷页面实战课。响应式的概念、流式布局、弹性盒、使用流式布局制作弹性页面。媒体查询、CSS3多列属性。移动端页面的制作规范、跨终端Web和主流设备简介、视口、rem。BootStrap框架简介、使用。栅格系统、栅格系统原理、圣杯布局、Bootstrap常用模板、LESS和SASS。使用BootStrap开发项目。移动终端JavaScript事件、手机中常见js效果制作、Zepto.js

【国考笔试课程】|【国考面试课程】|【国考直播课程】|【国考备考资料】