站长网第一期web前端工程师培训开始报名

 　培养目标

　　随着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分钟的答疑时间，可以解决学员的各类实际操作问题。

　　选择注意： 观察培训师资实战经验，知识体系，学习服务条件。

　　适合人群： 热爱程序开发、网站设计、网站开发、网站建设的人群

　　结业水平： 能熟练的使用常用前端开发技术完成网站前端开发工作。 [!--empirenews.page--]副标题[/!--empirenews.page--]

　　讲 师介绍

　　网名:阿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

　　结构实例

　　结课标准： [!--empirenews.page--]副标题[/!--empirenews.page--]

　　掌握a的四个伪类，及先后顺序

　　掌握CSS选择符，及优先级

　　掌握标签嵌套规则及X(HTML)的书写规范

　　掌握块和内嵌的及转换问题

　　可以写出至少五种不种类型的HTML结构

　　第三章：浮动详解

　　课程内容介绍：

　　浮动的原理详细讲解，脱离文档流

　　浮动的特点——让块元素在同一行内显示让行内元素支持宽高等……

　　浮动的使用实例

　　clear——意思是元素的某个方向上不能有浮动元素

　　浮动产生的问题——双边距bug等……

　　清除浮动的方法——给浮动元素的父级也加浮动

　　清除浮动的方法给浮动元素的父级加display:inline-block;

　　清除浮动的方法——在浮动元素下加一个空标签，给它设置：clear:both

　　清除浮动的方法——用br标签清浮动

　　清除浮动的方法——用after伪元素标签清浮动

　　IE的专有属性zoom的详细讲解

　　overflow的详细讲解

　　在页垂直水平居中的div

　　IE下最小高度问题

　　浮动实例

　　结课标准：

　　掌握浮动的原理，及引起的问题

　　掌握常用的清浮动的方法

　　可以独立完不同类型的浮动结构的练习

　　第四章：定位详解

　　课程内容介绍：

　　相对定位——原始位置会被保留 是根据自己原始位置来计算坐标的等详细讲解

　　绝对定位——脱离方档流 会跟有定位的父级来计算自己的坐标等详细讲解

　　相对定位和绝对定位引起的问题

　　固定定位——把元素固定在可视区的某一块等详细讲解(IE6不支持)

　　定位之后的层级比较——元素定位之后，后一个的层级高于前一个层级

　　z-index 值越大，层级越高。层级只能在同级元素(兄弟标签)之间比较。

　　定位的应用——幻灯片

　　铺满全屏的div

　　优酷弹窗效果

　　结课标准： [!--empirenews.page--]副标题[/!--empirenews.page--]

　　掌握三种定位的原理及应用

　　可以实现定位布局

　　第五章：滑动门和圆角技术详解

　　课程内容介绍：

　　两层嵌套制作圆角

　　三层嵌套制作圆角

　　滑动门导航的制作

　　倾斜的导航

　　宽高自适应的圆角布局

　　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 条件注释语句

　　特殊布局—— 圣杯布局(两列三列宽度自适应)等高布局 瀑布流布局

　　常犯错误——计算的不精确 嵌套不合理

　　元素浮动一定要记得一排的元素都要加浮动

　　结课标准： [!--empirenews.page--]副标题[/!--empirenews.page--]

　　可以独立完成小型页面

　　第二部分：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)：简易数码时钟

　　结课标准：