麦子学院-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.个人中心页面-用户基本信息页面制作
19.个人中心收货地址增删改
20.用户中心订单状态
21.登陆注册页面的制作
22.正则表达式
23.移动端常用表单验证
24.商品列表页面搜索制作
25.合并压缩js和css,减少http请求
26.常见js书写方面优化
27.js和css加载顺序，和image的http请求
AngulaJs从入门到实战
1.AngulaJs的简介和HelloWorld
2.AngularJs的语法介绍
3.AngulaJs中的简单数据绑定
4.AngulaJs中的循环绑定
5.AngulaJs中的事件绑定
6.AngulaJs中的控制器
7.AngularJs表单开发（基础应用）
8.AngularJs表单开发（表单验证）
9.AngularJs模块化应用（上）
10.AngularJs模块化应用（下）
11.实战演练-订单管理页面开发（上）
12.实战演练-订单管理页面开发（下）
13.实战演练-购买下单页面开发（上）
14.实战演练-购买下单页面开发（中）
15.实战演练-购买下单页面开发（下）
Gulp+Angular+Express实现简易任务管理系统
1.课程介绍
2.前端项目搭建
3.认识CoffeeScript
4.Gulp入门
5.Gulp实现前端构建
6.后端项目搭建
7.Gulp实现后端构建
8.AngularJS初见
9.系统功能设计
10.功能点一（登录设计）
11.功能点二（UI布局）
12.功能点三（列表项设计）
13.功能点四（新增、编辑）
14.功能点五（后端API之登录与认证）
15.功能点六（后端API之新增编辑）
16.功能点七（后端API之数据获取）
17.功能点八（前后端联合-上）
18.功能点九（前后端联合-下）
19.功能点十（整体优化）
20.项目发布（Windows）
21.项目发布（Linux）
22.项目总结
第四阶段：前端技术拓展
web前端技术发展日新月异，因此前端技术的拓展学习及实践对于web前端工程师来说非常重要。本阶段就是基于KnockOut、Backbone、bootstrap、Webpack等技术的拓展学习和web前端项目的实战开发演练。
KnockOut从入门到精通
1.简单的KnockOut数据模型绑定
2.数组类型数据双向绑定
3.KnockOut循环绑定
4.组合类型数据绑定的使用
5.KnockOut中的各种事件绑定
6.使用KnockOut自定义组件，避免重复造轮子
7.KnockOut开发一个简单的表单提交页面（上）
8.KnockOut开发一个简单的表单提交页面（下）
9.开发实例：一个支付银行选择页面的开发（上）
10.开发实例：一个支付银行选择页面的开发（下）
11.如何在同一个页面绑定多个ViewModel
12.开发实例：类微博首页页面的开发（上）
13.开发实例：类微博首页页面的开发（下）
项目管理
1.项目大纲介绍
2.项目启动阶段项目启动流程规范
3.项目启动阶段项目需求管理规范
4.项目计划阶段项目计划流程规范
5.项目设计评审流程规范
6.项目实施阶段跟踪项目的进展情况
7.项目实施阶段的管理执行状况
8.项目实施阶段 管理项目风险和问题
9.项目实施阶段 管理和控制项目变更
10.项目实施阶段 项目沟通管理
11.项目实施阶段 项目的过程控制
12.项目实施阶段项目资源冲突
13.项目实施阶段web页面制作流程（上）
14.web页面制作流程规范（下）
15.PHP代码制作流程规范（上）
16.php代码的书写规范（下）
17.对项目实施阶段的复习总结
18.项目结项阶段的奖惩制度
19.项目结项阶段 项目的事物流程规范
20.SVN的简单使用（上）
21.SVN的简单使用（下）
22.关于GIT的一个简单介绍
23.项目管理最终作业要求
前端开发项目：一起来做秒杀活动
1.商品秒杀页制作
2.css浮动布局与定位布局
3.css鼠标样式
4.javascript鼠标事件
5.javascript中setTimout用法
6.javascript中setInterval用法
7.ajax与后端数据交互
8.javascript定时触活动
9.javascript实现离秒杀还有xx小时
10.javascript+css控制“秒杀”频率
11.javascript实现已购买判断
12.前端优化 N条技巧
13.前端优化css部分
14.前端优化图片部分
15.前端优化cookie部分
16.前端优化javascript部分
17.前端优化实践
ECMAScript6编程艺术
1.ES6简介
2.let基本用法
3.let不存在变量提升
4.let暂时性死区
5.let不允许重复声明
6.为什么需要块级作用域
7.块级作用域
8.const命令
9.const对象
10.const对象冻结
11.跨模块常量
12.全局对象属性
13.Destructuring
14.不完全解构
15.制定默认值
16.let和const命令
17.对象的解构赋值
18.对象解构赋值的默认值
19.现有对象的方法
20.字符串的解构赋值
21.函数参数的解构赋值
22.交换变量的值
23.从函数返回多个值
24.函数参数的定义
25.提取json数据
26.函数参数的默认值
27.遍历Map解构、输入模块的指定方法
高级工程师手把手带你做企业门户前端
1.课程整体介绍及开发环境准备
2. 实现首页面基本框架搭建
3. 实现页面Logo及菜单布局
4.首页面利用JS技术实现二级菜单
5.设计banner广告
6.banner广告切换功能的实现
7.首页面利用无序列表实现文字列表
8.完善首页面列表
9.无缝滚动效果设计
10.添加视频功能 ，广告无缝滚动
11.在线咨询功能实现
12.完善首页面实现，产品列表页面
13.完善产品列表页面，实现产品详细页面
14.实现新闻列表页面
15.实现新闻详细页面及其他页面布局
16.实现在线留言布局
17.实现在线留言页面验证（正则表达式）
18.完善及总结
Backbone入门基础
1.Backbone 课程介绍
2.Backbone基本用法之Model
3.Backbone基本用法之View
4.Backbone事件之Model事件
5.Backbone事件之View事件
6.Backbone事件原理
7.Backbone与服务器接口之RESTful
8.Backbone与服务器接口之Model数据同步
9.Backbone集合
10.Backbone集合事件
11.Backbone集合与服务器交互
12.Backbone路由
13.Backbone示例-结构和框架
14.Backbone示例-数据源和列表
15.Backbone示例-模板渲染和创建页
16.Backbone示例-删除和编辑页
企业网站后台制作实战
1.项目需求分析与准备工作
2.登录页面
3.登录表单验证
4.顶部导航(1)
5.顶部导航(2)
6.左侧导航(1)
7.左侧导航(2)
8.左侧导航(3)
9.左侧导航(4)
10.右侧主体框架
11.系统主页
12.栏目管理
13.公司介绍页面制作
14.左侧菜单切换
15.其它功能页面制作
16.课程总结
X商城项目制作
1.X商城项目介绍
2.实现首页面基本框架搭建
3.实现网站首页面头部布局1
4.实现网站首页面头部布局2
5.首页面用户模块，产品类型分类布局
6.首页面推荐产品轮换特效 原理及设计
7.首页面推荐产品轮换特效 原理及设计
8.推荐商品，热卖商品，特价商品模块设计
9.完善推荐商品，设计网站新闻模块
10.客户模块，分类推荐商品列表
11.完善首页面在线咨询功能
12.完善网站底部功能及布局
13.购物列表页面布局1
14.购物列表页面布局2
15.详细页面布局
16.产品缩略图图片切换特效
17.图片放大镜实现
18.完善放大镜特效及选项卡功能设计
19.选项卡功能完及善报价单列表设计
20.完善产品报价设计，实现用户注册界面
21.利用Jquery实现表单验证功能
22.登录页面设计及实现
23.购物车界面基本实现
24.购物车统计功能
25.结算页面布局及设计
26.结算页面功能完善
27.完善相关页面及总结
bootstrap综合实战
1.课程介绍与项目演示
2.创建新的项目(获取bootstrap文件与开发工具)
3.响应式导航(demo1)
4.第一屏home区域制作
5.第二屏bbs论坛区域制作
6.第三屏html5区域制作
7.第四屏bootstrap区域制作
8.第五屏course课程列表区域制作
9.第六屏app下载区域制作
10.第七屏contact联系小麦区域制作
11.footer底部区域制作
12.满意的效果插件
13.后台管理界面导航制作
14.后台界面网站统计数据和热帖制作
15.后台界面今日访客统计图表制作
16.后台界面服务器状态进度条制作
17.后台界面团队留言板制作
18.后台界面用户管理制作
19.后台界面用户搜索制作
20.后台界面添加用户弹出层制作
21.后台界面内容管理界面制作
22.后台界面文章发布界面制作
23.后台界面tag标签管理界面制作
24.bootstrap项目实战课后温习总结
响应式web设计及项目实践
1.响应式WEB设计课程介绍和项目工程创建
2.Html之Meta的作用
3.HTML中常见标签和规范
4.语义网介绍
5.CSS常见属性及缩写
6.CSS选择器及优先级
7.CSS之CSS盒模型
8.CSS之固定布局
9.CSS之流动布局
10.CSS块级元素和内联元素
11.CSS之性能相关
12.JS介绍
13.js常见语法
14.JS实现简单的表单验证
15.浏览器渲染模式
16.浏览器及其内核介绍
17.浏览器渲染流程
18.浏览器默认值及差异
19.响应式WEB介绍
20.认识响应式布局
21.响应式WEB常用方法
22.电商网站响应式设计之产品列表设计
23.响应式设计之产品详细页面设计及课程小结
Webpack实战
1.简介
2.常用配置介绍
3.常用loader介绍
4.React项目实例
Mock.js+Express实现京东商城数据模拟
1.第一讲 课程介绍
2.第二讲 初识Nodejs
3.第三讲 Express入门
4.第四讲 初识Mockjs
5.第五讲 Nodejs集成Mockjs
6.第六讲 Mockjs基础语法1(语法规范)
7.第七讲 Mockjs基础语法2(工具类)
8.第八讲 京东商城商品分类展示导航
9.第九讲 了解JSON数据格式
10.第十讲 后端API数据模拟
11.第十一讲 ajax的跨域实现
12.第十二讲 前端数据绑定
13.第十三讲 项目发布
14.第十四讲 项目部署
15.第十五讲 项目总结
Javascript进阶
1.JavaScript中的特殊形式的函数
2.JavaScript中的闭包
3.JavaScript中闭包的应用
4.Javascript中的对象-对象的扩展性
5.JavaScript中的内建对象之Object对象
6.JavaScript中的Number对象和Boolean对象
7.JavaScript内建对象之String对象
8.JavaScript中的内建对象之Function对象
9.Javascript内建对象之Math对象
10.Javascript中对象的属性提升篇
11.JavaScript中对象的原型属性prototype
12.Javascript中的扩展内建对象
13.JavaScript中的原型链继承
14.JavaScript中共享属性迁移到原型
15.JavaScript只继承原型的方案
16.Javascript中的继承封装
17.JavaScript中拷贝父类对象的属性
18.Javascript中深度拷贝
19.JavaScript中的多重继承
20.JavaScript对象继承总结
HTML5绘图
1.HTML5绘图基础
2.HTML5绘制几何图形
3.HTML5绘制字符串
4.HTML5设制阴影
5.HTML5画直线和画弧
6.HTML5画两个切线间的弧
7.HTML5绘制贝塞尔曲线
8.HTML5渐变填充
9.HTML5绘制位图
10.初始化棋盘
11.算出下棋的坐标
12.调试完成白子和黑子
13.实现五子棋输赢算法
14.HTML5绘图总结
前端进阶指南
1.课程介绍
2.SublimeText高阶用法介绍
3.SublimeText必备插件
4.VIM入门
5.VIM插件管理及必备插件
6.HTTP 协议入门
7.浏览器基本工作原理
8.玩转 Chrome 开发者工具(上)
9.玩转 Chrome 开发者工具(下)
10.API测试工具DHC详解
11.跨浏览器兼容3部曲(上)
12.跨浏览器兼容3部曲(中)
13.跨浏览器兼容3部曲(下)
14.性能优化之服务篇
15.性能优化之浏览器篇
16.性能调试工具篇
17.课程回顾
polymer入门教程
1.什么是web组件
2.Polymer介绍
3.获取Polymer
4.注册自定义元素
5.元素的生命周期
6.属性的简介
7.属性改变监控
8.Polymer数组属性
9.计算属性变化
10.localDOM定义
11.locaDOM--API
12.数据绑定简介
13.数据绑定实例分析
14.事件操作
15.样式方法
16.行为定义
17.模板元素
前端工程化
1.课程简介
2.脚手架生成工具 Yeoman 实战
3.快速搭建框架：脚手架生成工具 YeomanGenerator 实战
4.包管理器 Bower 实战
5.包管理器 NPM 实战(上)
6.轻松管理依赖：包管理器 NPM 实战(下)
7.保障编码风格：Javascript 风格检查工具 ESLint 使用详解（上）
8.保障编码风格：Javascript 风格检查工具 ESLint 使用详解（下）
9.保障编码风格：CSS 代码检车工具 CSSLint使用详解
10.保障编码风格：HTML 代码检查工具 HTMLHint 使用详解
11.保障代码质量：单元测试工具链 Mocha Chai Sinon 实战（上）
12.保障代码质量：集成测试工具链 CasperJSKarma 实战（上）
13.保障代码质量：集成测试工具链 CasperJSKarma 实战（下）
14.保障代码质量：强制代码检查之 Git Hooks
15.无情自动化：任务管理器 Grunt 使用实战（上）
16.无情自动化：任务管理器 Grunt 使用实战（下）
17.无情自动化：流式构建工具 Gulp 使用实战（上）
18.无情自动化：流式构建工具 Gulp 使用实战（下）
19.无情自动化：把 LiveReload 融入开发工作流
20.无情自动化：把 BrowserSync 融入开发工作流
21.代码可维护性：RequireJS 模块化开发实战
22.代码可维护性：Browserify 模块化开发实战
23.代码可维护性：Webpack 模块化开发打包实战
24.串起来：WEB应用构建过程关键点剖析
25.前端工程化课程小结
ReactJS从入门到实战
1.ReactJS简介
2.ReactJS的安装和'Hello world'
3.ReactJS JSX
4.ReactJS 组件
5.ReactJS state
6.ReactJS props_上
7.ReactJS props_下
视频下载地址：
**** Hidden Message *****
这个帖子不错，大家快来顶起来！捡代码论坛资源就是不错。 非常不错的视频资源:P 这个帖子不错，大家快来顶起来！捡代码论坛资源就是不错。 不要360的资源 11111111111111111 沙发斯蒂芬是是是是 是所谓额鹅鹅鹅 好的东西就该大家一起上 有没有网络电话 6666666666666666666666666