致力于提升研发企业的持续创新能力
结盟众多企业“教练”， 共同设计、开发及提供人才培养解决方案，通过新颖多样的学习方式，针对性的定制化内容，助力企业全面提升竞争优势。
结盟众多企业“教练”， 共同设计、开发及提供人才培养解决方案，通过新颖多样的学习方式，针对性的定制化内容，助力企业全面提升竞争优势。
姜志辉（大胡子）
2天
5200元/人
在成为美国海军陆战队的正式成员之前，所有的“菜鸟”都必须来到位于加州圣迭戈和南卡罗来那州的巴利斯岛两个训练基地之一，经历疯狂而严格的训练考核。只有那些掌握了超乎寻常技艺的勇士才有机会成为世界上最酷的精锐部队-- 美国海军陆战队中的一员。
欢迎来到BOOTCAMP。在这里，我们将全周期生活在JavaScript实战编码的环境下完成Web技能的学习。一起穿越JavaScript开发中危险重重的“编程陷阱”和“开发沼泽”，才能完成Web开发周期“实战拉练”项目的各项测试和考核。要想完成这项光荣的使命，我们必须：
• 熟练使用各种“生存工具”：如JavaScript调试工具、单元测试工具、模块管理工具、IDE开发环境以及其插件的使用;
• 独立搭建JS下的持续构建开发环境；
• 掌握各种编程实践的技法。这包括：TDD、BDD...各种实战开发方法；
• 本能将敏捷最佳实践作为开发习惯；
• 构建自己的Web MVC前后端开发框架；
• 全周期生活在JavaScript实战编码的环境下完成各种开发任务...
每2名成员会形成一个团队。每一个团队都会有自己指定的“作战区域”和“武器装备”。我们的终极目标是穿越那些危险重重的“编程陷阱”和“开发沼泽”，让那些真正来自第一线的开发实践成为我们身体中的一部分，变成我们的标识。从而成为世界上最酷的精锐部队--“美国海军陆战队”中的一员。
全程采用“Hackathon”学习模式，完全抛弃“Hello，World”式的毛毛虫案例，远离华而无实的PPT讲义。
我们来自开发实战的最前线！
我们！
需要的是“近身肉搏”、“拳拳到肉”的地狱式训练！
只有。对，只有那些坚持到最后的勇士才配的上我们的荣誉：
我们是“Web Programming Ninja”。我们奋斗在软件开发的最前线！
| 开发环境 |
客户端:Chrome 服务端:NodeJS 编辑器:Sublime Text |
|
开发插件 (可选) |
推荐Sublime安装的插件 Emmet Alignment JsFormat Prefixr JsHint 推荐NodeJS安装的插件 Jasmine Mocha |
| 引用类库 |
Bootstrap 常用的JS库：libs |
| 相关资料 |
课前预习：Adobe Kata 更多资料：Green Tea |
| 课程模块 | 天数 | 必选 |
| M0：技艺篇 | 1~2 | ✅ |
| M1：框架篇 | 1 | |
| M2：工程实践篇 |
M0:技艺篇
| 主题 | 知识点 |
|---|---|
|
快速启动 (Quick Start) |
•要有前：Html + CSS + JavaScript •要有后：NodeJS + Restful •要有推和拉：Http + Ajax + JSON |
| 不一样的Web前端开发 |
•装配脑袋(JavaScript是不一样的) •JavaScript是函数式语言 • 一切都是函数 • 函数的几种调用方式 • 内存作用域 • 回调与闭包 •封装DOM操作 •10分钟快速构建静态服务器 •仿写jQuery的实现(一) |
| 美轮美奂的前端交互 |
•你必须知道的一些CSS知识 •使用CSS设计风格 •Bootstrap & Sass •可访问的展开与折叠 •用jQuery创建动画效果 •仿写jQuery的实现(二) •用CSS3变形技术创建动画 •DOM天生就慢(DOM的重绘与重排) |
| 面向对象的JavaScript：解构知名开源框架 |
•面向对象的JavaScript • 字面量 • 构造器 • 命名空间 •带状态的Ajax •仿写jQuery的实现(三) •使用Mustache风格模板 •Web开发的实现原理 |
| JavaScript的继承体系：解构知名开源框架 |
•JavaScript是原型式语言 • Prototype • __proto__ • 原型链 •语法糖 •如何写jQuery插件 •jQuery源码骨架 •JavaScript模式 |
| 一些Tips |
•如何面向移动设备的开发 •CoffeeScript •ES6 •性能问题 •如何快速构建轻量级的商业应用 •让开发效率快一些，再快一些 •制作自己的快速开发环境 |
M1:框架篇
| 主题 | 知识点 |
| MV[*]框架 |
•View 1.呈现 2.意图 3.模板 4.更新 •Model 1.对象 2.构造器 •* 1.Controller 2.Presenter 3.ViewModel 4.* |
| JavaScript框架选型 |
•不要重复发明轮子 •几个重要的技术类库和框架选型： •Prototype、jQuery、Zepto、Dojo、Moostools、YUI •Backbone、Angular、ReactJS、Vue、Knockout、CanJS |
| 构建自己的JavaScript框架 |
•类 •方法 •构造函数 •继承 •多态 •多重继承 •命名空间 •ES6 & CoffeeScript的设计 •模块 •单页面处理的问题 •JavaScript模式(框架篇) •剖析几个主流框架的核心实现 1.Backbone 2.Angular 3.ReactJS 4.Vue |
| 模块机制 |
•动态加载脚本 •前端模块与后端模块 •CommonJS与AMD •RequireJS & Sea.js •NPM & Bower •模块组织管理 |
M2:工程实践篇
| 主题 | 知识点 |
| 编写可维护的JavaScript代码 |
•JavaScript的精华与糟粕 •JavaScript编程风格与JSHint •JavaScript模式(编程实践) •使用CoffeeScript •Clean Code与重构 |
| JS下的测试方法 |
•调试JavaScript •TDD与BDD风格 •Mocha & Jasmine •Selenium & Cucumber •Mock & Stub •测试覆盖率 •生成测试报告 |
| 自动化构建 |
•目录结构 •模块构建 •配置文件 •校验 •文件合并与加工 •精简压缩 •文档化 •自动化测试 •组装在一起 |
| JavaScript下环境搭建 |
•Sublime & Plugin •Chrome & Plugin •NodeJS •NPM & Bower •Grunt & Gulp •Yeoman |
谁选择了这个课程？
Adobe中国研发中心、网易、唯品会、边锋、花旗银行中国研发中心、招商银行、招商证券、平安科技、斯伦贝谢、ChinaCache、易车网、金山软件、汤森路透、摩托罗拉研发中心、东芝…
