课程介绍
在成为美国海军陆战队的正式成员之前,所有的“菜鸟”都必须来到位于加州圣迭戈和南卡罗来那州的巴利斯岛两个训练基地之一,经历疯狂而严格的训练考核。只有那些掌握了超乎寻常技艺的勇士才有机会成为世界上最酷的精锐部队——美国海军陆战队中的一员。
欢迎来到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 |
课程大纲
Quick Start
Web前端知识框架
Model
•字面量对象
•构造器
View
•Html5
•CSS3
•JavaScript6
*
•Controller
•Presenter
•ViewModel
•…
用JS基础解构jQuery实现
函数是一等公民
•函数的三种声明
•函数的四种调用
•回调
•参数
面向对象的JavaScript
•字面量
•构造器
•集合
作用域
•编译原理
•this
•闭包
原型
•封装技术
•proto
•prototype
•类
ECMAScript6核心
•let和const命令
•基础对象的扩展(字符串、数值、数组)
•对象扩展
•函数扩展
•Class和Module
•Promise对象
CodeKata:jQueryLite
Web前端开发框架
JavaScript框架选型
•不要重复发明轮子
•一些重要的Web前端类库:Prototype、jQuery、Zepto、Dojo、Moostools、YUI
•一些重要的Web前端框架:Backbone、Angular、ReactJS、Vue、Knockout、CanJS
构建自己的Web前端框架
•搭建测试驱动开发环境
•Mocha(或Jasmine) & Should
•类
•方法
•构造函数
•继承
•5/、
•5/重继承
•命名空间
•模块
•CommonJS与AMD
•单页面处理问题
•剖斤Backbone、ReactJS、AngularJS、Vue的核心实现
工程实践
编写可维护的JavaScript代码
•JavaScript的精华与糟自
•JavaScript编程凤格与JSHint
•JavaScript模式(编程实践)
•使用ECMAScript6(或CoffeeScript)
•Clean Code与重构
JavaScript下的编程匠艺
•调试JavaScript
•TDD与BDD凤格
•Mocha & Jasmine
•Mock & Stub
•测试覆盖率
•生成测试报告
JavaScript开发环境的搭建
•Sublime & Plugin
•Chrome & Plugin
•NodeJS
•NPM & Bower
•Grunt & Gulp
•Yeoman