|  | 
 
 
| Web前端开发工程师,主要职责是利用HTML、XHTML、CSS、JAVAScript、FLASH等各种Web前端技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验。 
 第一阶段:页面制作基础
 从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript。HTML和CSS用于Web静态内容的展示,JavaScript用于Web动态交互。完成这一阶段前端开发的学习,你就可以独立实现一个动静结合的Web前端项目啦!
 
 第二阶段:主流框架应用
 优秀的Web前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的Web前端框架,包括bootstrap、Angularjs等,来提高前端开发效率。在学习前端框架本身的同时,也希望你能掌握任意一种快速上手的web前端框架的方法!?
 
 第三阶段:前端技术进阶
 web前端开发进阶阶段的学习,主要是让大家快速掌握当今流行、实用、最新的技术,比如:less、sass、json、ajax等,并将这些前端技术快速用于实践,开发出更加符合客户体验度的web前端页面。
 
 第四阶段:前端技术拓展
 web前端技术发展日新月异,因此前端技术的拓展学习及实践对于web前端工程师来说非常重要。本阶段就是基于、Backbone、bootstrap等技术的拓展学习和web前端项目的实战开发演练。
 
 课程包含部分:
 
 第一部分 html与css入门 共100课时
 课时 名称
 1 html简介
 2 html骨架
 3 元标签-编码
 4 元标签-关键字与描述
 5 标签空白符
 6 标题标签
 7 段落标签
 8 注释
 9 块元素与行内元素
 10 超链接
 11 图片标签
 12 绝对路径与相对路径
 13 无序列表
 14 有序列表
 15 列表嵌套
 16 定义列表
 17 表格
 18 单元格拆分与合并
 19 表格头尾
 20 表单元素
 21 下拉框与文本输入框
 22 表单分组
 23 常见字符实体
 24 文字标签
 25 语义化标签
 26 废弃标签
 27 css简介
 28 css三种书写方式
 29 css常见选择器
 30 id选择器与类选择器注意事项
 31 选择器组合
 32 后代选择器
 33 交集选择器与并集选择器
 34 选择器通配符
 35 腾讯新闻列表
 36 选择器权重
 37 就近原则
 38 样式引入方式权重比较
 39 权重计算练习
 40 important提升权重
 41 盒模型
 42 IE盒模型
 43 内边距与外边距
 44 边框属性
 45 盒子居中
 46 外边距重计算盒子宽度
 47 文字属性
 48 css常见单位
 49 文字修饰属性
 50 文字属性继承性
 51 文字水平居中与垂直居中
 52 图片元素排版
 53 超链接标签默认样式
 54 腾讯体育
 55 超链接标签伪类
 56 伪元素
 57 背景样式与图片
 58 背景平铺与背景位置
 59 背景在SEO中的应用
 60 块元素设置背景
 61 行内元素设置背景
 62 伪元素设置背景
 63 水平精灵图
 64 垂直精灵图
 65 定点精灵图
 66 hao123
 67 四种箭头
 68 hao123箭头
 69 css绘制集合图形
 70 块元素与行内元素特性
 71 块元素与行内元素转化
 72 浮动元素
 73 浮动元素与文档流
 74 浮动元素特性
 75 浮动元素与边距
 76 浮动元素父元素高度丢失
 77 清除浮动
 78 清除浮动的7中方式
 79 新浪布局
 80 列表布局
 81 双飞翼布局
 82 圣杯布局
 83 排查错误
 84 相对定位
 85 表单对齐
 86 新浪tab栏
 87 绝对定位
 88 子绝父相
 89 jd轮播图
 90 文本居中,行内元素居中与块元素居中
 91 优酷
 92 固定定位
 93 遮盖
 94 拼爹
 95 html 注释 hack
 96 css属性hack
 97 IE6-交集选择器与DTD内减盒模型
 98 IE6-最小高度与盒子位置
 99 IE6-overflow与透明度
 100 IE6-双倍margin与3像素bug
 
 
 
 
 第二部分 源生javascript 共150课时
 课时 名称
 1 前端输出语句
 2 javascript的三种引入方式
 3 javascript注释
 4 数字
 5 字符串
 6 变量定义与变量提升
 7 数据类型
 8 加法运算与字符串拼接
 9 数据类型转换
 10 算术运算符
 11 算术一元运算符
 12 赋值运算符
 13 比较运算符
 14 逻辑运算符
 15 三元运算符
 16 其他运算符
 17 运算符优先级
 18 if条件语句
 19 switch多分支判断语句
 20 for循环语句
 21 绘制九九乘法表
 22 棋盘与大米
 23 寻找质数
 24 寻找水仙花数
 25 数7游戏
 26 循环关键字
 27 while循环
 28 do while循环
 29 猜数字
 30 定义函数的两种方式
 31 函数参数
 32 函数返回值
 33 寻找约数
 34 哥德巴赫猜想
 35 斐波那契数列
 36 递归
 37 函数声明提升
 38 函数引用类型
 39 函数作用域
 40 函数内部作用域与变量
 41 闭包
 42 闭包与作用域
 43 循环中的闭包
 44 数组类型与属性
 45 遍历数组
 46 解析数组pop与push方法
 47 解析数组shift与unshift方法
 48 解析数组concat与reverse方法
 49 解析数组slice与splice方法
 50 解析数组join与sort方法
 51 字符串属性与转化方法
 52 解析获取子字符串方法indexOf与lastIndexOf
 53 解析截取子字符串的三个方法slice,substring,substr
 54 冒泡排序算法与快速排序算法
 55 解析数组sort方法
 56 解析拼接字符串与大小写转化方法
 57 获取字符位置charAt与charCodeAt方法与比较方法localCompare
 58 正则表达式与创建方式
 59 字符串截取转化数组方法split
 60 检索字符串方法search
 61 匹配字符串方法match
 62 替换字符串方法replace
 63 正则匹配方法exec
 64 正则检测方法test
 65 正则表达式-特殊字符
 66 正则表达式-预定义特殊字符
 67 正则表达式-字符集
 68 正则表达式-分界
 69 正则表达式-预定义类
 70 正则表达式-量词
 71 正则表达式-修饰符
 72 正则表达式-其他
 73 正则表达式-分组
 74 正则表达式-验证手机号
 75 正则表达式-验证邮箱
 76 arguments与函数重载
 77 IIFE即时执行方法
 78 document对象
 79 获取元素的几种方法
 80 元素类名与id设置
 81 元素属性设置
 82 修改或者获取元素内容
 83 元素类型
 84 创建元素
 85 元素添加子节点
 86 删除元素
 87 复制元素
 88 获取css样式
 89 设置css样式
 90 事件流
 91 html处理程序
 92 传统事件处理程序
 93 HTML与DOM0级事件
 94 DOM2级事件处理程序
 95 IE事件处理程序添加与移出
 96 跨浏览器事件处理程序封装
 97 事件对象
 98 事件类型与目标元素
 99 阻止默认行为与阻止事件冒泡
 100 跨浏览器事件对象
 101 UI事件
 102 UI事件实战
 103 键盘事件
 104 键盘事件实战
 105 焦点事件
 106 焦点事件实战
 107 鼠标事件
 108 鼠标事件实战
 109 滚轮事件
 110 滚轮事件实战
 111 javascript获取盒子位置
 112 javascript获取盒子宽高
 113 定时器与异步操作
 114 计时器
 115 简单动画
 116 动画启停控制
 117 轮播图连续动画
 118 多属性变化
 119 运动框架
 120 运动框架实战
 121 缓冲函数
 122 缓存函数公告切换
 123 缓存函数表单滚动
 124 缓存函数轮播图
 125 JSON对象
 126 JSON对字符串解析
 127 JSON对对象反解析
 128 JSON对象遍历
 129 更改函数作用域
 130 call与apply区别
 131 对象
 132 日期对象
 133 日立
 134 时钟
 135 数字对象
 136 最大值与最小值
 137 数字四舍五入
 138 数字对象其他方法介绍
 139 求几何形状面积
 140 类的创建
 141 类的属性以及方法
 142 闭包类
 143 绘制图形
 144 构造函数式继承
 145 类式继承
 146 组合继承
 147 寄生式继承
 148 寄生组合式继承
 149 继承实战一
 150 继承实战二
 
 
 
 
 第三部分 jquery与bootstrap 共60课时
 课时 名称
 1 jQuery对象
 2 id选择器效率
 3 tagName选择器效率
 4 class选择器效率
 5 常规筛选
 6 层级筛选
 7 基本筛选
 8 内容筛选
 9 可见筛选
 10 属性筛选
 11 子元素筛选
 12 表单筛选
 13 属性获取与设置
 14 表单元素值
 15 css样式方法
 16 判断,添加与删除类
 17 宽高获取
 18 获取坐标方法offset
 19 获取坐标方法position
 20 滚动条方法
 21 元素属性数据方法
 22 事件绑定
 23 事件对象,默认行为与冒泡
 24 节点拷贝方法clone
 25 父节点与子节点
 26 兄弟节点
 27 内部插入节点
 28 外部插入节点
 29 节点删除
 30 animate方法
 31 筛选子元素方法eq与get
 32 获取子元素索引方法index
 33 遍历方法each
 34 jquery实例化对象size方法与length
 35 元素显隐方法show,hide,toggle
 36 上拉下拉显隐动画slideDown,slideUp
 37 渐变动画fadeIn,fadeOut
 38 动画队列方法stop与finish
 39 动画延迟方法delay
 40 元素判定方法is
 41 bootstrap体验
 42 字体图标
 43 按钮组
 44 栅格布局
 45 代码样式
 46 工具类
 47 按钮与图片
 48 排版
 49 表单
 50 表格
 51 导航与路径导航
 52 分页,标签与徽章
 53 缩略图,警告框,进度条
 54 模态框
 55 下拉菜单
 56 滚动监听
 57 标签页
 58 轮播图
 59 工具条与弹出框
 60 警告框与按钮
 
 待更新.......
 
 课程更新网盘
 2016年前端开发Angular.JS从入门到上手企业开发视频
 链接: https://pan.baidu.com/s/1dF2vBzV 密码: 3hbk
 
 2016年最新前端技术react视频入门
 链接: http://pan.baidu.com/s/1i46by8t 密码: 48tt
 
 2016年CSS实体班同步教程
 链接: https://pan.baidu.com/s/1qXWRbCK 密码: a725
 
 2016年JS视频教程实体班同步教程
 链接: https://pan.baidu.com/s/1jHIkxLG 密码: hpyb
 
 
 
 
 | 
 |