麦子学院Web前端开发工程师培训-价值1万8 比传智播客讲得好
Web前端开发工程师，主要职责是利用HTML、XHTML、CSS、JAVAScript、FLASH等各种Web前端技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web前端开发，致力于通过技术改善用户体验。
第一阶段：页面制作基础
从这一基础阶段开始，正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript。HTML和CSS用于Web静态内容的展示，JavaScript用于Web动态交互。完成这一阶段前端开发的学习，你就可以独立实现一个动静结合的Web前端项目啦！

HTML+CSS基础入门
1.课程介绍
2.html的语法
3.html的基本结构
4.html的文档设置标记上（格式标记）
5.html的文档设置标记下（文本标记）
6.html图像标记img
7.html超链接的使用
8.html表格相关的标记
9.html表格实战《简单的网页布局》
10.html框架详解与框架布局实战
11.HTML表单设计（上）
12.HTML表单设计（下）
13.使用CSS样式的方式
14.定义CSS样式（CSS选择器）
15.CSS常用属性（颜色属性）
16.css常用属性（字体相关属性）
17.css常用属性（背景相关属性）
18.css常用属性（文本属性）
19.css常见属性（边框属性）
20.css常见属性（列表属性）
21.Div+Css布局（div+span以及盒模型）
22.Div+Css布局（布局相关的属性）
23.Div+Css布局（浮动以及溢出处理）
24.IE兼容测试工具与高效开发工具
25.实战项目(从效果图到网页布局以及按需切图)
26.实战项目（网页头部及搜索框的制作）
27.实战项目（导航和公司简介）
28.实战项目（行业新闻部分）
29.实战项目（产品列表）
30.实战项目（网站底部制作）


Javascript初步
1.JavaScript简介
2.JavaScript的变量
3.JavaScript中的数据类型
4.JavaScript隐式转换
5.JavaScript中的强制转换
6.JavaScript表达式与运算符
7.JavaScript的其它运算符与优先级
8.Javascript中的流程控制-条件语句
9.Javascript中的流程控制-for循环
10.JavaScript中的流程控制-while循环和dowhile循环
11.JavaScript中的函数-通过function关键字定义函数
12.JavaScript中的默认参数、可变参数、变量作用域
13.Javascript中的全局函数-数值型函数
14.JavaScript中的全局函数
15.Javascript中的特殊形式的函数-匿名函数的应用
16.Javascript中的对象-如何自定义对象
17.JavaScript中的对象-属性相关操作
18.JavaScript中的对象-对象的结构
19.JavaScript中的对象-属性的特性
20.JavaScript中的对象-属性特性描述
21.JavaScript中的对象-属性的特性
22.JavaScript中的对象-对象的特性
23.Javascript的内建对象之Date对象
24.JavaScript中的内建对象之RegExp对象
25.JavaScript中内建对象之Error对象
26.JavaScript中的数组对象
27.Javascript中的事件简介
28.DOM2级事件绑定和移除
29.JavaScript中的事件对象及兼容性
30.Javascript中的兼容性问题及onload事件
31.Javascript表单验证

Web前端开发规范
1.课程简介及意义
2.Html的命名规则
3.图片命名规则
4.脚本文件和动态文件命名规则
5.文件命名规则.——文件位置存放规范
6.Css书写规范——Css的3种基本类型
7.Class与ID的使用规范
8.Css命名
9.head区域编写规范
10.字体设置规范
11.链接和表格使用规范
12.下载和浏览速度控制
13.include和iframe
14.title和alt
15.缓存的注意事项
16.浏览器兼容性问题
17.浏览器兼容性问题2
18.banner和logo注意规范
19.javascript编程规范1
20.javascript编程规范2
21.javascript编程规范3
22.图片使用规范
23.注释的使用规范
24.浏览器兼容性 CSS hack
25.开发中的其他开发规范总结

第二阶段：主流框架应用
优秀的Web前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的Web前端框架，包括bootstrap、Angularjs等，来提高前端开发效率。在学习前端框架本身的同时，也希望你能掌握任意一种快速上手的web前端框架的方法！

HTML5+CSS3快速入门
1.课程简介
2.什么是HTML5
3.认识新的网页结构
4.article元素的使用方法
5.section元素
6.aside元素
7.nav元素
8.time元素
9.pubdate属性
10.header元素合成
11.hgroup元素合成
12.footer元素
13.address元素合成
14.figure元素与figcaption元素
15.details元素与summary元素
16.mark元素
17.progress元素
18.meter元素
19.html5废除的元素
20.HTML5的大纲（上）
21.HTML5的大纲（下）
22.加强版的ol列表元素
23.重新定义后的dl元素
24.canvas元素创建画布
25.canvas绘制矩形
26.canvas绘制圆形
27.canvas绘制文字
28.canvas保存文件
29.canvas绘制动画
30.Web Storage本地储存
31.简单的网页留言板
32.video元素与audio元素
33.video元素与audio元素的常用属性
34.HTML5拖放
35.CSS3简介
36.CSS3新增的属性选择器
37.结构性伪类选择器上
38.结构性伪类选择器下
39.UI元素状态伪类选择器上
40.UI元素状态伪类选择器下
41.使用选择器在页面中插入内容
42.文字阴影与自动换行
43.服务器端字体和@font-face属性
44.盒布局上
45.盒布局下
46.overflow属性
47.CSS3中新增的背景属性
48.CSS3中边框相关的样式
49.CSS3中的变形功能
50.CSS3中的动画功能
51.布局相关的样式-多栏布局
52.布局相关的样式-盒布局
53.布局相关的样式-弹性盒布局
54.Media Queries 与自适应布局
55.集团网站建设-全局头部制作
56.集团网站建设-首页新闻列表
57.集团网站建设-首页集团活动制作
58.集团网站建设-首页右部份制作
59.集团网站制作-底部版权信息制作
60.集团网站建设-图片列表页制作
61.集团网站建设-文章内容页制作
62.关于兼容性的问题

Web前端开发之jQuery入门课程
1.JQuery教程介绍
2.选择器1
3.选择器2
4.选择器3
5.DOM1
6.DOM2
7.event1&2
8.动画
9.AJAX1
10.AJAX2
11.jQuery UI
12.jQuery Best Practice
13.jQuery To Do List 1
14.jQuery To Do List 2

bootstrap入门
1.Bootstrap简介
2.Bootstrap栅格系统原理
3.Bootstrap栅格系统用法
4.Bootstrap排版基础01
5.Bootstrap排版基础02
6.bootstrap列表与代码样式
7.Bootstrap表格样式
8.Bootstrap表单样式1
9.Bootstrap表单样式2
10.Bootstrap表单样式3
11.Bootstrap按钮
12.Bootstrap图片与辅助样式
13.Bootstrap小图标
14.Bootstrap下拉菜单
15.Bootstrap按钮组
16.Bootstrap按钮下拉菜单
17.Bootstrap输入框
18.Bootstrap导航
19.Boostrap导航条
20.Bootstrap面包屑导航和分页导航
21.标签、徽章、大屏展播、页面标题
22.缩略图和警告框
23.进度条和媒体对象
24.Js选项卡
25.工具提示框
26. 弹出框与警告框
27.折叠效果
28.折叠练习
29.焦点轮播图
30. 网站后管理 导航
31. 网站后管理 侧边功能栏
32.网站后管理 完成主要区域

第三阶段：前端技术进阶
web前端开发进阶阶段的学习，主要是让大家快速掌握当今流行、实用、最新的技术，比如：less、sass、json、ajax等，并将这些前端技术快速用于实践，开发出更加符合客户体验度的web前端页面。

JavaScript面向对象编程
1.全局预处理
2.全局预处理与执行
3.函数预处理与执行
4.作用域
5.作用域本质与用途
6.闭包的含义
7.闭包的理解
8.闭包的好处
9.闭包使用的注意点
10.对象的创建与访问
11.Object构造器创建对象
12.属性特性
13.构造器与类型检测
14.对象工厂
15.构造器函数
16.prototype属性
17.proto
18.this
19.new自定义实现
20.原型,new,闭包
21.封装
22.浅拷贝
23.深拷贝与call形式拷贝
24.create实现继承
25.原型链
26.再谈instanceOf
27.类的继承
28.类继承四部曲与Constructor修正
29.通用继承方法与super
30.继承的本质
31.方法重载
32.方法重写
33.jQuery回顾
34.jQuery架构
35.数组型对象
36.初始化
37.extend实现
38.冲突的解决
39.css与each的实现
40.链式操作


less从入门到精通
1.LESS课程介绍
2.初见less
3.正确使用less
4.变量(variables)
5.混合(mixins)上
6.混合(mixins)下
7.嵌套规则(nested-rules)
8.运算(operations)
9.函数(functions)
10.命名空间
11.作用域
12.引入(importing)
13.关键字(important)
14.条件表达式
15.循环(loop)
16.合并属性
17.函数库 - 其他函数
18.函数库 - 字符串函数和长度相关函数
19.函数库 - 数学函数
20.函数库 - 类型函数
21.函数库 - 颜色值定义函数
22. 函数库 - 颜色值提取函数
23.函数库 - 颜色值运算函数
24.函数库 - 颜色值混合函数


利用Sass编写高质量CSS
1.Sass课程整体介绍
2.sass与compass(上)
3.sass与compass(下)
4.Sass、Less与Stylus
5.sass语法基础（命令行与注释）
6.sass语法（基础部分：变量与导入）
7.sass语法（继承与嵌套）
8.sass进阶（数据类型、变量运算、mixin）
9.sass进阶（函数与调试）
10.Sass高级（条件控制）
11.Sass官网（基础项目结构）
12.Sass官网（自动化构建）
13.Sass官网（网站首页布局）
14.Sass官网（网站首页一）
15.Sass官网（网站首页二）
16.Sass官网（内容页实现）
17.Sass官网（响应式布局）
18.项目总结

JSON入门
1.JSON简介
2.JSON格式规定
3.字符串转化成对象
4.对象转化为字符串
5.JSON和XML的转换
6.Ajax和JSON
7.GeoJSON和TopoJSON

Web前端开发之Ajax初步
1.ajax简介
2.ajax基础
3.运行环境
4.获取服务器文件
5.eval的使用
6.dom添加元素
7.封装库
8.数据类型
9.ajax注册用户

移动前端开发项目
1.本套课程简介及移动端主流框架介绍
2.移动端开发注意事项
3.移动端前端基础架构
4.sass对css的管理
5.requirejs模块化加载js
6.固定头部的制作
7.微商城slide图片制作
8.商品列表页面的制作
9.商品图片canvas加载制作
10.商品列表滑动加载效果制作
11.商品详情页面的制作
12.商品详情页面交互制作
13.商品详情部分css3动画效果制作
14.购物车页面的制作
15.订单详情页面制作
16.订单详情页面交互
17.IOS和安卓不同浏览器常见bug
18.个人中心页面-用户基本信息页面制作<br style="word-wrap:break-word;margin:0px;padding:0px;color:#444444;font-family:tahoma, &q