培养目标
随着Web2.0的大潮席卷而来，2012年互联网发展速度空前，互联网向标准化、专业化、精细化方向发展，导致Web开发职位进一步细分，Web前 端开发工程师、Web页面重构师等这些高薪职业相继诞生。Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript等各种 Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过 技术改善用户体验。要求精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解。熟悉Ajax、 JavaScript、DOM等前端技术。
1,web前端表现层及与前后端交互的架构设计和开发
2,JavaScript程序模块开发，常用功能的实现
3,配合后台开发人员实现产品界面和功能
4,编程风格规范，遵循代码撰写标准;
目前，国内严重缺乏优秀的网站设计与开发人员，各大企业对网页制作及网站开发人员的需求量正急速增加，目前国内web前端工程师的待遇在6000元以上，很多年轻人通过培训进入此行业发展。
培训特色
1、全面的web前端知识体系。从这里你可以从零到网页前端高手不是问题;
2、合理课程,系统的知识让你由浅入深渐进学习;
3、学费低廉，仅收880元，非常超值;
4 网络视频学习，在线学习、工作两不误;
5、永久的VIP会员，当期不会可加入下学期直到学会为止;
6、A5信誉，品质保证， 对讲课不满意可以申请全额退款;
7、专业的在线视频讲课软件，可以直接全程观看讲师的桌面操作过程;
8、讲课完毕预留10-20分钟的答疑时间，可以解决学员的各类实际操作问题。
选择注意： 观察培训师资实战经验，知识体系，学习服务条件。
适合人群： 热爱程序开发、网站设计、网站开发、网站建设的人群
结业水平： 能熟练的使用常用前端开发技术完成网站前端开发工作。#p#副标题#e#
讲 师介绍
网名:阿Q,现任海南某不知名网络公司技术总管,长期从事网站前端和后端开发，六年网络教学经验.对网页前端各种技术都有系统的学习和研究。
课时：共20节课 开课时间：1月22号 20:00 -21：30
讲课方式：好视通视频软件
(本期收20位学员 按照报名顺序，人满为止。再次承诺： 对讲课不满意可以申请全额退款)
在线报名咨询： qq 8561289 qq 886128
咨询电话 400-008-3536
web前端工程师培训大纲：
第一部分：HTML+CSS 基础知识
第一章：初识代码
前端开发语言介绍—— html(Hypertext Markup Language)—— 结构
前端开发语言介绍—— css (Cascading Style Sheets)—— 样式
前端开发语言介绍—— JS(javascript)—— 行为
前端开发工具介绍—— Photoshop editplus,webstorm,dreamweaver各个浏览器及开发人员工具
一个HTML的基本结构——文档头部声明，html,meta title,body
CSS样式表出现的位置——行间样式表 内部样式表 外部样式表
常见样式介绍：width，height，border,background,font等等……
复合样式—— padding,margin,border,background等等……
margin的两种叠加现象
结课标准：
理解HTML文档，CSS样式之前的关系
理解样式出现的位置及有缺点
熟悉常见的样式
第二章：常见标签及书写规范
课程内容介绍：
超链接a标签——href A链接样式 伪类的详细介绍
常见标签——div、ul、ol、li、dl、dt、dd 、h1-h6、p、span等……
选择符讲解——类型选择符 id选择符 class选择符 包含选择符 群组选择符
选择符的优先级——基础选择符的优先级 包含选择的优先级
标签嵌套规则详细讲解
HTML的书写规范讲解
标签样式初始化，原则：但凡是浏览默认的样式，都不要使用
常见的块元素：div,h1-h6,p,ul,ol,li,dl,dd,dt
常见的行内元素：span,a,strong,em
块和内嵌的转换及问题
display:inline-block;的特性及问题
特殊的内嵌标签img
结构实例
结课标准：#p#副标题#e#
掌握a的四个伪类，及先后顺序
掌握CSS选择符，及优先级
掌握标签嵌套规则及X(HTML)的书写规范
掌握块和内嵌的及转换问题
可以写出至少五种不种类型的HTML结构
第三章：浮动详解
课程内容介绍：
浮动的原理详细讲解，脱离文档流
浮动的特点——让块元素在同一行内显示让行内元素支持宽高等……
浮动的使用实例
clear——意思是元素的某个方向上不能有浮动元素
浮动产生的问题——双边距bug等……
清除浮动的方法——给浮动元素的父级也加浮动
清除浮动的方法给浮动元素的父级加display:inline-block;
清除浮动的方法——在浮动元素下加一个空标签，给它设置：clear:both
清除浮动的方法——用br标签清浮动
清除浮动的方法——用after伪元素标签清浮动
IE的专有属性zoom的详细讲解
overflow的详细讲解
在页垂直水平居中的div
IE下最小高度问题
浮动实例
结课标准：
掌握浮动的原理，及引起的问题
掌握常用的清浮动的方法
可以独立完不同类型的浮动结构的练习
第四章：定位详解
课程内容介绍：
相对定位——原始位置会被保留 是根据自己原始位置来计算坐标的等详细讲解
绝对定位——脱离方档流 会跟有定位的父级来计算自己的坐标等详细讲解
相对定位和绝对定位引起的问题
固定定位——把元素固定在可视区的某一块等详细讲解(IE6不支持)
定位之后的层级比较——元素定位之后，后一个的层级高于前一个层级
z-index 值越大，层级越高。层级只能在同级元素(兄弟标签)之间比较。
定位的应用——幻灯片
铺满全屏的div
优酷弹窗效果
结课标准：#p#副标题#e#
掌握三种定位的原理及应用
可以实现定位布局
第五章：滑动门和圆角技术详解
课程内容介绍：
两层嵌套制作圆角
三层嵌套制作圆角
滑动门导航的制作
倾斜的导航
宽高自适应的圆角布局
css sprite 背景图片合并 的使用及优点。
结课标准：
可以独立完成滑动门导航的制作
可以独立完成宽高自适应的圆角布局
全使用背景图片合并
第六章：表格表单
课程内容介绍：
表格详解——Thead、tbody、tr、th、td
表格详解——border-collapse:collapse、colspan、rowspan
表格实例
表单元素详细介绍
表单元素样式——表单元素的样式重置及问题
表单元素的兼容性问题及解决方法
不常见的表单元素
结课标准：
可以独立完成表格制作
可以独立完成126注册页面
可以解决表单元素的兼容性问题
第七章：探究JS结构
课程内容介绍：
网站常见JS效果(1)：鼠标提示符
网站常见JS效果(2)：选项卡
网站常见JS效果(3)：下拉菜单
网站常见JS效果(4)：轮播图自动切换
结课标准：
制作常见的JS效果，有清晰的思路和明确的结构
能够举一反三，知晓其他常见特效的结构与思路
让JS开发者感觉万事俱备
第八章：网站常见兼容性问题及解决方案
课程内容介绍：
兼容性——调试、判断页面出错、错位的方法
浏览器BUG总结——图片问题 高度问题 浮动问题 定位问题 表单问题 注释问题
CSS hack——常见CSS hack !important 条件注释语句
特殊布局—— 圣杯布局(两列\三列宽度自适应)等高布局 瀑布流布局
常犯错误——计算的不精确 嵌套不合理
元素浮动一定要记得一排的元素都要加浮动
结课标准：#p#副标题#e#
可以独立完成小型页面
第二部分：JavaScript 前端开发基础
第九章：JS程序入门基础
课程内容介绍：
JavaScript是什么：网页特效原理、淘宝、新浪、百度等网页特效
JavaScript修改样式、编写JS的流程、布局：HTML+CSS，形成思路的方法
第一个JS特效——提示框：获取元素、添加事件、getElementById
事件、函数是什么、函数调用、匿名函数、变量、window是什么、onload事件
属性操作：什么是属性、属性名、属性值、属性读写操作
JS里的语法注意事项、属性操作的另一种形式:[]
if判断的三种形式、弹出菜单实例、扩展、为a链接添加JS、innerHTML
索引值应用：获取多个元素、for循环、this.index、选项卡实例-思路1、思路2
结课标准：
理解并吸收JS基础课程知识点
能独立运用这些基础知识点完成网页常见的交互特效：
凤凰娱乐导航焦点图
影片信息提示效果
展开收缩菜单
第十章：JS基础语法及流程控制
课程内容介绍：
JavaScript的组成：ECMAScript,DOM,BOM
JS数据类型:类比HTML中的：block、inline,及typeof运算符
常见数据类型:number、string、boolean、undefined、object、function
函数传参：传递、接收、运行。函数可以多次调用，可以传递多个参数 传参实例
什么是域?什么是作用?作用域:外面变量里面找得到，里面变量外面找不到
变量的定义，及定义在哪.闭包，什么是闭包：函数套函数，闭包的使用。
命名规范：命名规范及必要性，可读性，规范性
运算符:算术：+ 加、- 减、* 乘、/ 除、% 取模 实例：隔行变色、秒转时间
运算符:赋值：=、+=、-=、*=、/=、%=
运算符:关系：<、>、<=、>=、==、!=、===、!==
运算符:逻辑：&& 与、|| 或、! 否 实例：全选、不选与反选
程序流程控制:判断语句：：if、switch、?: 循环语句：while、for
程序流程控制:跳出：break、continue 什么是真、什么是假：
真：true、非零数字、非空字符串、非空对象
假：false、数字零、空字符串、空对象、undefined、NaN
结课标准：
隔行变色:鼠标移入移出变颜色 点击以后的颜色变化
价格计算
带略缩图的图片轮换
评分:点击选中或取消
第十一章：函数详解
课程内容介绍：
顾函数传参 函数返回值：return
函数可以是任何数据类型 示例：通过ID名、配合函数传参特性获取元素
可变参(不定参)：arguments 实例：求和函数
封装CSS函数
获取非行间样式的兼容写法
obj.currentStyle[attr] getComputedStyle(obj,false)[attr]
判断arguments.length 判断是否有最后一个参数
定时器基础 什么是定时器
定时器函数：setInterval、clearInterval和setTimeout、clearTimeout
两种定时器的区别，小实例：按钮控制DIV变化 查看QQ资料实例
定时器应用(1)：自动播放的选项卡
定时器应用(2)：简易数码时钟
结课标准：#p#副标题#e#
写一个计算函数
简易网页时钟，带上冒号
带缩略图的图片轮换
按钮控制商品图片上下滚动
第十二章：字符串数组
课程内容介绍：
字符串方法——获取类：charAt charCodeAt fromCharCode
字符串方法——查找类：indexOf，lastIndexOf，及两个参数的含义
字符串方法——比较类:>, <, ==
字符串方法——截取类:substring
字符串方法—其他:split,toUpperCase, toLowerCase
Json:什么是Json Json和数组 Json的循环
数组基础:数组的使用 数组的属性 数组使用原则
数组添加元素: push(元素)，从尾部添加,unshift(元素)，从头部添加
数组删除元素:pop()，从尾部弹出,shift()，从头部弹出
数组的插入、删除：splice(开始, 0, 元素…) 两个参数的情况
结课标准：
查找某字符串在文本中出现的次数，分别在第几位
带正负的评分效果
自定义字体形状
展开收缩的文字内容
模拟打字机
按钮控制图片左右走动
第三部分：DOM,BOM,EVENT对象 - 彻底掌握HTML的秘密，随心所欲的实现功能
第十三章：DOM与JAVASCRIPT
课程内容介绍：
DOM基础：什么是DOM DOM节点
childNodes和children ，firstChild和firstElementChild
lastChild和lastElementChild，nextSibling和nextElementSibling
previousSibling和previousElementSibling
parentNode和offsetParent
操作元素属性的第三种方式 setAttribute(名称, 值) 问题及好处
创建和插入DOM元素 createElement(标签名) appendChild(节点)
insertBefore(节点, 原有节点) 在已有元素前插入 例子：倒序留言板
删除DOM元素removeChild(节点)
替换DOM元素replaceChild(节点, 已有节点)
结课标准：
58同城筛选效果
上移下移
内容关键字信息
第十四章：BOM与表格
课程内容介绍：
表格应用——获取表格元素 tBodies、tHead、tFoot、rows、cells
表格应用——隔行变色 鼠标移入高亮
表格应用——添加、删除一行 搜索、高亮显示、筛选、排序
用className选择元素——选出所有元素 通过className条件筛选 封装成函数
表单应用——什么是表单，向服务器提交数据，用户注册 action提交到哪里
表单事件：onsubmit 提交时发生onreset 重置时发生
BOM与JAVASCRIPT 打开窗口， open实例：蓝色理想运行代码功能
BOM与JAVASCRIPT 关闭窗口，close关闭时提示问题, 兼容性问题
常用属性:window.navigator.userAgent window.location
可视区尺寸document.documentElement.clientWidth
滚动距离document.body.scrollTop document.documentElement.scrollTop
内容高度scrollHeight 文档高度document.body.offsetHeight
可视区尺寸 滚动距离 内容高度 文档高度document.documentElement.clientWidth
常用方法和事件 window对象常用事件 onscroll onresize 优酷弹窗的例子
结课标准：#p#副标题#e#
表格隔行变色、鼠标移入、选择高亮显示、添加、删除、搜索、上移、下移
表单校验：用户注册、验证(名字不能为空，密码不能为空，两次密码必须一样)
回到顶部按钮
页面左右两侧居中广告
优酷弹窗
第十五章：事件详解
课程内容介绍：
事件详解——光标事件 光标移入事件onfocus 光标移出事件 onblur
This关键字 This指向 ：谁调用的this就指向谁
Event对象 用来获取事件的详细信息：鼠标位置、键盘按键 Event对象的兼容
事件流 事件冒泡 取消冒泡 事件捕获
绑定事件 绑定事件的兼容性 普通事件与绑定事件的区别与取消
键盘事件 keyCode 获取用户按下键盘的哪个按键 例子：键盘控制Div移动
键盘事件 其他属性 ctrlKey、shiftKey、altKey
默认事件 阻止默认事件 普通写法：return false;
默认事件的实例：屏蔽右键菜单 :oncontextmenu 和只能输入数字的输入框
拖拽 简易拖拽 拖拽原理——三大事件
定时器应用(1)：自动播放的选项卡
定时器应用(2)：简易数码时钟
结课标准：
模拟select控件
自定义右键菜单
拖拽回放
方块跟随鼠标移动
链接提示title框
只允许输入数字的文本框
用键盘控制Div的移动
左右点击图片切换
鼠标绘制方块
第十六章：事件高级应用
课程内容介绍：
高级拖拽——完美拖拽 标准下阻止默认事件，可以拖拽图片 封装成函数
高级拖拽—限制范围 不能拖拽出页面可视区 磁性吸附
高级拖拽——碰撞检测原理——九宫格
高级拖拽——与DOM配合 带框的拖拽 保留原有位置
高级拖拽——拖拽改变层大小
自定义滚动条——只有横向拖拽 限制范围 计算比例
自定义滚动条——控制其他对象：控制物体的大小或透明度 控制文字滚动
鼠标滚轮 鼠标滚轮事件 鼠标滚轮与自定义滚动条结合
cookie的作用——页面用来保存信息 同一个网站中所有页面共享一套cookie
cookie的使用——设置 读取 删除
cookie例子：用cookie记录上一次拖拽的位置 Cookie登录后删除信息
结课标准：#p#副标题#e#
带框的拖拽
拖拽改变层的大小(左右都可拖拽,带箭头的拖拽)
拖拽记录位置
网页换肤记录样式
登录框记录用户名
记录用户浏览视频的记录
自定义滚动条控制页面(配合滚轮)
输入框中滚轮加减数字
第四部分：Ajax和Json - 瀑布流效果，及天气预报实例
第十八章 Ajax和Jsonp
课程内容介绍：
什么是Ajax 用户注册例子演示 节省用户操作，时间，提高用户体验。
使用Ajax 传输获取数据 使用ajax获取某一文本文件的内容
Ajax过程详解——创建对象XMLHttpRequest() Date()对象 Open()方法
表单应用 什么是表单：提交用户信息 action method 传输方式
Get和Post的区别：Get通过url地址传输 Post通过浏览器内部传输
Get和Post的传输数据安全性和传输数据量
AJAX——Open方法三个参数的含义 提交方式 提交地址 异步(同步)
AJAX——Send方法 发送数据，相当于Form的submit
AJAX——请求状态监控 onreadystatechange事件
编写Ajax——发送请求 send 中文编码 缓存 设置请求头
编写Ajax——数据类型 服务器返回给咱们的真正数据 XML、HTML、JSON
JSON的写法 Eval解析JSON的时候需要注意的地方 例子：添加JSON数据到ul
结课标准：
获取一组数据
Ajax() 封装函数编写
Ajax选项卡(扩展：实时刷新数据)
瀑布流布局
更多培训信息请登录 查询
A5创业网 版权所有
