现代项目的开发，需要掌握多种技术。互联网项目，需要用到后端开发、前端开发、界面设计、产品设计、数据库、各种移动客户端、三屏兼容、restFul API设计和OAuth等等，比较前卫的项目，还会用到单页应用Single Page Application、Web Socket、HTML5/CSS3这些技术以及像第三方开发像微信公众号微博应用等等。

Web前端也远远不是从前的切个图用个jQuery上个AJAX兼容各种浏览器那么简单了。现代的Web前端，你需要用到模块化开发、多屏兼容、MVC，各种复杂的交互与优化，甚至你需要用到Node.js来协助前端的开发。

所以说一个现代化的项目，是一个非常复杂的构成，需要一个人来掌控全局，他不需要是各种技术的资深专家，但他需要熟悉到各种技术。对于一个团队特别是互联网企业来说，有一个全局性思维的人非常非常重要。这样的工程师常被称为全栈工程师，是目前炙手可热的岗位，需求量巨大，待遇丰厚。由于以上原因，这套征服大前端系列课程应运而生。

1.课程研发环境

开发电脑系统：Windows7

涉及框架版本：Express4.0 + node-v4.4.7-x64

开发软件版本：Sublime3

数据库版本：mongodb-win32-x86_64-3.2.1

数据库可视化工具：mongvue-1.6.9.0

2.内容简介

本系列课程第一季专注于WEB前端工程师必备技能H5、C3、JS、jQuery和拓展技能Node.js、AngularJS、MongoDB等技术的实战训练，囊括了前端程序员所必备的技能集合。通过数十个配套案例讲解基础知识，通过两个实战项目“寻游”和“艺龙”进行强化训练，并掌握实际工作中必备的技能，比如开发工具的使用和技巧，项目的创建和管理，调试方法与技巧，前端兼容性处理、前端项目工程化、自动化等等。

57Code:

12年IT行业经验，4年技术培训经验，目前就职于国内知名IT培训机构担任Web前端开发讲师。擅长技术： HTML5、CSS3、JAVASCRIPT、AS3、Flex等前端技术，对Node.js、Java、.NET等后台技术深有研究。 拥有丰富的实战开发经验和技术培训经验，授课内容贴近企业实际需求，语言流畅，思路清晰，讲解透彻，深受北风学员推崇。

57Code老师在北风网的其他畅销课程链接:

1、深入Angular JS高级实战教程（涵盖MongoDB/XAMPP/Node.js）

2、ASP.NET MVC5&微信公众平台整合开发实战(响应式布局、JQuery Mobile,Windows Azure、微信核心开发)

3、基于RED5&Flex流媒体应用实战开发(附多人聊天室、在线秀场及视频会议三大案例)

4、Flex+Air跨平台手机应用开发实战(Flex Mobile、Spring、Struts、Mybatis、Red5流媒体、MySQL)

5、Flash经典小游戏开发实战(卡牌速配、扫雷、俄罗斯方块、泡泡龙、贪吃蛇、超级玛丽等） 

6、基于Flex4.X+BlazeDS+Spring3+JPA+Hibernate+MySQL实战开发在线书店

一、jQuery

1.1 jQuery基本使用.rar

1.2 jQuery函数和jQuery对象.rar

1.3 选择器：基本选择器.rar

1.4 选择器：层级选择器.rar

1.5 练习：老虎机.rar

1.6 选择器：过滤选择器1-基本过滤.rar

1.7 练习：列表各行变色.rar

1.8 练习：股票列表.rar

1.9 选择器：过滤选择器2-内容过滤、可见性过滤.rar

1.10 选择器：子元素过滤选择器.rar

1.11 选择器：属性过滤选择器.rar

1.12 选择器：表单对象、表单对象属性等.rar

1.13 html文本处理.rar

1.14 文本、值的处理.rar

1.15 属性操作2：属性操作.rar

1.16 练习：聊天室.rar

1.17 属性操作3：样式.rar

1.18 练习：过滤标签.rar

1.19 属性操作：定位.rar

1.20 属性操作5：定位.rar

1.21 属性操作6：尺寸.rar

1.22 文档操作1：创建、追加.rar

1.23 文档操作2：插入、删除和替换.rar

1.24 元素筛选：过滤.rar

1.25 元素筛选：过滤-2.rar

1.26 元素筛选：查找.rar

1.27 元素筛选：查找2.rar

1.28 元素筛选：过滤、查找、串联3.rar

1.29 事件处理-1.rar

1.30 事件处理-2.rar

1.31 事件处理-3.rar

1.32 动画-1.rar

1.33 动画2：过度动画.rar

1.34 动画3：自定义动画-1.rar

1.35 动画3：自定义动画-2.rar

1.36 工具方法-1.rar

1.37 工具方法-2.rar

1.38 工具方法-3.rar

1.39 AJAX-1.rar

1.40 AJAX-2.rar

1.41 练习-1：级联菜单.rar

1.42 练习-2：动态搜索提示列表.rar

1.43 Deferred-1.rar

1.44 Deferred-2.rar

1.45 开发jQuery插件-1.rar

1.46 开发jQuery插件-2.rar

1.47 布局.rar

1.48 表单.rar

1.49 树.rar

1.50 数据表、easyloader.rar

1.51 jQuery插件：jquery-tmpl.rar

1.52 jQuery插件：flexslider.rar

1.53 主页1：导航和banner.rar

1.54 主页2：正文.rar

1.55 主页3：页脚.rar

1.56 项目实战-寻游：游客.rar

1.57 项目实战-寻游：导游.rar

1.58 表单实现.rar

1.59 方块动画.rar

二、AngularJS

2.1 开发工具：

     2.1.1 开发神器：WebStorm

2.2 AngularJS核心：

     2.2.1 Hello,AngularJS

     2.2.2 模块-Module

     2.2.3 控制器Controller和作用域Scope

     2.2.4 数据绑定和表达式

     2.2.5 数据绑定和表达式（二）

     2.2.6 数据绑定和表达式（三）

     2.2.7 数据绑定和表达式（四）

     2.2.8 数据绑定和表达式（五）

     2.2.9 过滤器（一）

     2.2.10 过滤器（二）

     2.2.11 过滤器（三）

     2.2.12 指令（一）

     2.2.13 指令（二）

     2.2.14 指令（三）

     2.2.15 指令（四）

     2.2.16 指令（五）

     2.2.17 指令（六）

     2.2.18 其他视图指令

     2.2.19 多重视图与路由

     2.2.20 多重视图与路由（二）

     2.2.21 多重视图与路由（三）

     2.2.22 表单与验证

     2.2.23 表单与验证（二）

     2.2.24 表单与验证（三）

     2.2.25 表单与验证（四）

     2.2.26 表单与验证（五）

     2.2.27 表单与验证（六）

     2.2.28 服务（一）：基本使用

     2.2.29 服务（二）：变量、常量

     2.2.30 服务（三）：工厂、服务和提供者

     2.2.31 服务（四）：包装器

     2.2.32 与服务器通信（一）：$http

     2.2.33 与服务器通信（二）：配置对象

     2.2.34 与服务器通信（三）：接收Post数据

     2.2.35 与服务器通信（四）：缓存

     2.2.36 与服务器通信（五）：全局配置

     2.2.37 与服务器通信（六）：$resource和RESTful API

     2.2.38 与服务器通信（七）：使用Node.js创建RESTful API

     2.2.39 与服务器通信（八）：编写并使用RESTful API

     2.2.40 与服务器通信（九）：配置$resource

     2.2.41 与服务器通信（十）：使用Restangular

     2.2.42 与服务器通信（十一）：跨域和同源策略

     2.2.43 与服务器通信（十二）：用户认证与授权

     2.2.44 与服务器通信（十三）：用户认证与授权（二）

     2.2.45 与服务器通信（十四）：给你一个承诺-Promise

     2.2.46 测试（一）：搭建测试环境

     2.2.47 测试（二）：编写单元测试

     2.2.48 测试（三）：测试AngularJS应用

     2.2.49 测试（四）：测试AngularJS应用（二）

     2.2.50 依赖注入

     2.2.51 项目架构

     2.2.52 项目实战（一）：使用MongoDB和Mongoose

     2.2.53 项目实战（二）：完成登录模块

     2.2.54 项目实战（三）：完成用户管理模块

     2.2.55 项目实战（四）：路由访问控制、角色过滤器

2.3 AngularJS高级：

     2.3.1 动画（一）：AngularJS实现CSS动画1

     2.3.2 动画（二）：AngularJS实现CSS动画2

     2.3.3 动画（三）：AngularJS实现JS动画

     2.3.4 动画（四）：在自定义指令中使用动画

     2.3.5 Angular-UI（一）：ui-select

     2.3.6 Angular-UI（二）：ui-router路由

     2.3.7 Angular-UI（三）：bootstrap样式

     2.3.8 移动应用开发（一）：AngularJS开发移动应用

     2.3.9 移动应用开发（二）：angular-gestures实现多点触控

     2.3.10 移动应用开发（三）：Cordova中的原生应用程序

     2.3.11 国际化与本地化

     2.3.12 安全性

     2.3.13 开发工作流（一）：Grunt的使用

     2.3.14 开发工作流（二）：Bower和Yoeman的使用

三、Node.js

3.1 安装和使用node.rar

3.2 编写范例程序并执行.rar

3.3 模块和NPM的使用.rar

3.4 构建基于Node的Web服务器.rar

3.5 express基本使用.rar

3.6 模板引擎-handlebars.rar

3.7 使用express-generator快速创建项目.rar

3.8 请求路径和请求头.rar

3.9 获取请求参数.rar

3.10 响应对象的使用.rar

3.11 输出数据、注释和块语句.rar

3.12 布局、部分视图和区块.rar

3.13 AJAX表单处理和文件上传.rar

3.14 AJAX文件上传.rar

3.15 Cookies.rar

3.16 Sessions.rar

3.17 中间件.rar

3.18 文件系统持久化.rar

3.19 数据库添加操作.rar

3.20 数据库查询、更新和删除操作.rar

3.21 目的地预览图上传（二）.rar

3.22 目的地数据管理.rar

3.23 目的地展示.rar

3.24 主页静态页面.rar

3.25 创建后台管理项目.rar

3.26 项目自动化任务处理.rar

3.27 文件监视、创建管理路由.rar

3.28 实现目的地分类管理（一）.rar

3.29 实现目的地分类管理（二）.rar

3.30 显示目的地分类.rar

3.31 目的地管理.rar

3.32 目的地预览图上传（一）.rar

本系课程,主要分为二部分完成

第一部分：技能储备阶段，学习项目所需要的技能知识

第二部分：项目实战阶段，根据此前所学的知识创建一个大型旅游网站

学完本系列课程后，学员将会达到以下学习目标：

目标一：使Web前端工程师成为通晓全局的全栈工程师

目标二：使Java/PHP等后台程序员掌握Node.js，强化提升技能 

目标三：初学者掌握全局工作流，快速成为一名合格的Web前端工程师

亮点一：高、大、上：涵盖WEB前端前沿技术，AngularJS、Node.js、MongoDB等。大幅提升专业技能和个人价值。

亮点二：专、精、全：专注前端程序员必备核心技能、深入相关知识扩展、通晓底层实现原理、涵盖开发工具集、掌握调试技巧、熟知兼容性解决等。

亮点三：专注前端，超越前端：专注于前端技能，但不拘泥于前端，加入了Node.js、MongoDB等一系列后端技术，打造前后台通吃的全能战士。

亮点四：注重实战：结合实战案例《寻游》和《艺龙》掌握实际工作中需要掌握的多种技巧，如插件开发与使用（jQuery）、项目架构、模块划分、MVC框架（AngularJS）、项目自动化工具集使用（Npm、Grunt）、跨域、后端实现（Node.js、MongoDB、RESTful API、Mongoose）等。

亮点五：深入浅出：讲师在国内一线教育机构教学多年，运用多年积累的教学经验和技巧力争将纷繁复杂的专业知识化繁为简，深入浅出的传授给同学们。

亮点六：授人以渔：在传授技术的同时，讲师希望能够演示学习新技术时的学习方法，如查看文档，分析demo，实战强化等等。教会大家技术同时更希望掌握学习方法，这样才能仗剑走天涯。

1.课程针对人群

有志于成为前端开发工程师岗位的学员；

有意愿转前端的后台程序员；

有意愿提升技能和自身价值的初级程序员；

2.我该怎么学,如何才能学好这门课程，给些建议。

2.1、时间上的安排建议

本课程共62讲，如果您时间上充分，建议以每天4-5讲的进度往前学习。

2.2、学习要求

如果您没有基础，建议还是中规中矩的按照课程进度一点一点仔细观看学习，并一定要把看完的视频中的代码自己手敲一遍，以加深理解和记忆

如果您有基础，可不必按步就搬进行，可以拿你感兴趣的部分去学习，但一定要注意实践，并学会举一反三

2.3、讲师建议

1.最好看完视频之后，抛开视频，独立自己去把上课中的示例写一遍，看自己是否理解，如果不正确，可以回过头看再看下视频，如果反复，达到真正理解和熟练掌握的目的。

2.对于项目实战部分，一定要自己亲自动手做一遍，不要满足听完就OK了

3. 建议一般听视频，一般拿个纸和笔，做一些记录和笔记，这是一种非常好的学习习惯。

4. 一定不要过于依赖视频，要学会看API和使用百度，学会思考，学会举一反三

5. 最后祝您学有所成

课程是属于某个特定的专业技术，掌握该技术后，你可以从事以下职位的相关工作

1.Web前端开发工程师

2.全栈工程师