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

来源:admin5培训 时间:2013-01-16

 培养目标

随着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创业网 版权所有