“Html5+代码演练”实战训练营

认证机构

本课程由北京国软培训提供,有939浏览量

课程分类:  Html

适合对象:  Html从业人员

咨询电话:  400-968-9396

上课地点:  [北京海淀分校区] 北京海淀海淀周边花园桥世纪经贸大厦

开班日期:  滚动开班

学       费:  咨 询

班       级:  
  • 北京海淀校区
  • 华信大厦校区
  • 华信大厦校区
  • 海淀校区
 
人       数:
 
报名试听 我要咨询

课程简介

【课程简介】
      在成为美国海军陆战队的正式成员之前,所有的“菜鸟”都必须来到位于加州圣迭戈和南卡罗来那州的巴利斯岛两个训练基地之一,经历疯狂而严格的训练考核。只有那些掌握了超乎寻常技艺的勇士才有机会成为这个世界上最酷的、最训练有素的精锐部队——美国海军陆战队中的一员。


   

      欢迎来到BOOTCAMP。在这里,我们将全周期生活在JavaScript实战编码的环境下完成Web技能的学习。一起穿越JavaScript开发中危险重重的“编程陷阱”和“开发沼泽”,才能完成Web开发周期“实战拉练”项目的各项测试和考核。要想完成这项光荣的使命,我们必须:

    1、熟练使用各种“生存工具”:如JavaScript调试工具、单元测试工具、合并与压缩、IDE开发环境以及其插件的使用;

2、独立搭建JS下的持续构建开发环境;

    3、掌握各种编程实践的技法。这包括:TDD、BDD...各种实战开发方法;

4、本能将Kanban与XP的敏捷实践作为基础实践;

5、构建自己的Web MVC前后端开发框架;

6、全周期生活在JavaScript实战编码的环境下完成各种开发任务...

      每2名成员会形成一个团队。每一个团队都会有自己指定的“作战区域”和“武器装备”。我们的目标是穿越那些危险重重的“编程陷阱”和“开发沼泽”,让那些真正来自线的开发实践成为我们身体中的一部分,变成我们的标识。从而成为世界上最酷的精锐部队--“美国海军陆战队”中的一员。
     全程采用“Hackathon”学习模式,完全抛弃“Hello,World”式的毛毛虫案例,远离华而无实的PPT讲义。
    我们来自开发实战的最前线!
    我们!
    需要的是“近身肉搏”、“拳拳到肉”的地狱式训练!
    只有。对,只有那些坚持到最后的勇士才配的上我们的荣誉:
我们是“Web Programming Ninja”。我们奋斗在软件开发最前线!
开发工具】

开发环

客户端:Chrome

 

服务端:NodeJS

 

安装NodeJS后,在cmd命令行下使用npminstall-gxxx

安装插件:

npminstall-gnode-inspector

Jasmine

Mocha

开发工具

Sublime Text

开启Sublime插件安装:

按Ctrl+`调出console,粘贴以下代码到底部命令行并回

车:

importurllib2,os;pf='PackageControl.sublime-

package';ipp=sublime.installed_packages_path();os.makedirs

(ipp)ifnotos.path.exists(ipp)else

None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('ht

tp://sublime.wbond.net/'+pf.replace('‘,'%20')).read())

重启SublimeText2。如果在Perferences->package

settings中看到packagecontrol这一项,则安装成功。

安装插件:

按下Ctrl+Shift+P调出命令面板

输入install调出InstallPackage选项并回车,然后在列

表中选中要安装的插件。

需要安装的插件:

Emmet

Alignment

JsFormat

Prefixr

JsHint

引用类库

Bootstrap

常用的JS库:libs

相关资

课前预习:AdobeKata

更多资料:GreenTea

【主讲老师】

       姜志辉(大胡子) :原IBM资深开发工程师,技术专家,匠艺工坊创始人之一。

  曾任职IBM杰出产品总监。国内知名的互联网敏捷教练。现致力于互联网产品设计与用户体验课程的研发与推广。现任“设计匠艺小组”“职业创新家”两个互联网创业团队技术合作者和投资人。

  姜老师 (Jobs)是一位快乐的实用主义程序员。热衷于编程匠艺和敏捷开发技术,致力于程序与使用者交流和沟通的能力。Jobs是实用开发的“永久消费者”,几乎在任何地方,都可以找到软件开发哲学的灵感。

【课程详细大纲】

篇:技艺篇】

主题

知识点

Code Kata!

(代码演练)

快速启动

(Quick Start)

1、要有前:Html + CSS + JavaScript

2、要有后:NodeJS + Express +MongoDB + Socket.IO

3、要有推和拉:Http + Socket +Ajax + JSON

CodeKata: 为什么Html5

很优秀

•更酷的API

•更自然的语义表达

•对移动设备的原生支持

•无限多的可能...

CodeKata:在实战中学习

Html5(Ninja_V0.1)

•Html5结构元素构建应用骨架

•美轮美奂的CSS3

•拥抱流式布局

•重构Html

CodeKata:必须响应式设

计(Ninja_V0.2)

•智能手机很重要

•响应式设计的定义

•视调试

•响应式设计中的Html5

•解决跨浏览器的问题

•瑞式军刀

•让BootStrap帮助我们

CodeKata:让富媒体帮助用户认识我们(Ninja_V0.3)

•制作Audio和Video说明

•解码器

•Canvas

•浏览器的支持情况

•向37Signals学习

CodeKata:使用远程数据

(Ninja_V0.4)

•NodeJS Server

•Restful

•Ajax调用

•跨文档消息通信

•XmlHttpRequestLevel 2

•结构化数据

CodeKata:推送?是的,

推送(Ninja_V0.5)
•实时和Http

•NodeJS WebSocket服务器

•使用Html5 WebSockets

API

•线程处理

•Web Workers

不一样的Web前

端开发

1、装配脑袋(JavaScript是不一样的)

2、JavaScript是函数式语言

3、 一切都是函数

4、 函数的几种调用方式

5、内存作用域

6、回调与闭包

7、闭包的内存问题

8、JavaScript模式(函数篇)

9、DOM编程

10、封装DOM操作

11、仿写(jQuery|ExtJS)的方法

12、DOM天生就慢(DOM的访问与修改)

美轮美奂的前端

交互

1、JavaScript是无阻塞的

2、setTimeout && setInterval

3、初涉NodeJS

4、为什么是JavaScript

5、事件

6、UX设计

7、你必须知道的一些CSS知识

8、使用JavaScript控制CSS

9、仿写(jQuery|ExtJS)的动画交互效果

10、DOM天生就慢(DOM的重绘与重排)

 

 

 

 

 

面向对象的

JavaScript:解

构知名开源框架

1、面向对象的JavaScript

2、字面量

3、new

4、对象的封装

5、JSON

6、数据的内存处理

7、命名空间

8、JavaScript模式(对象篇)

9、组织团队的JavaScript代码

10、仿写(jQuery|ExtJS|Dojo)的可运行骨架

11、模块化加载与执行

JavaScript的继

承体系:解构知

名开源框架

1、JavaScript是原型式语言

2、Prototype

3、__proto__

4、原型链

5、原型链的内存问题

6、各位,见证奇迹的时刻到了

(JavaScript魔法)

7、语法糖

8、如何(jQuery|ExtJS|Dojo)插件

9、jQuery源码骨架

10、Dojo源码骨架

 

【第二篇:框架篇】

主题

知识点

Code Kata!

(代码演练)

MV[*]模式

1、MVC

2、MVP

3、MVVM

CodeKata:应用JavaScript

框架(Ninja_V0.6)

•应用AngularJS框架

•使用数据绑定

•定制模块

•路由、视图

•依赖注入

CodeKata:要有框架,自己的!(Ninja_V0.7)

•对比Backbone.JS

•My.JS

•MVC:M

•MVC:V

•路由

•单页面程序的问题

CodeKata:改用模块化加载(Ninja_V0.8)

•模块化加载技术选型

•延迟的脚本

•动态加载脚本

•异步脚本注入

•LazyLoad? or LABjs

•RequireJS? or Sea.js

MV[*]框架的构成部分

1、模板与数据绑定

2、路由

3、模块

4、依赖注入

5、辅助工具

JavaScript框架选型

1、不要重复发明轮子

2、几个重要的技术类库和框架选型:

3、Prototype、jQuery、Dojo与Ext

4、Backbone与 Spine.js

5、Angular、Knockout与Batman

6、Ember

构建自己的JavaScript框架

1、类

2、继承

3、多态

4、命名空间

5、框架的异常处理

6、单页面处理的问题

7、JavaScript模式(框架篇)

8、构建自己的JavaScript框架

前端模块机制

1、动态加载脚本

2、异步脚本注入

3、推荐的无阻塞模式

4、CommonJS与AMD

5、RequireJS & Sea.js

后端模块机制

1、CommonJS规范与NodeJS

2、NodeJS的核心模块实现

3、包与NPM

4、Express + MongoDB +

Socket.IO

5、模块组织管理

6、发布模块

7、前后端共用模块

 

【第三篇:工程实践篇】

主题

知识点

Code Kata!

(代码演练)

编写可维护的JavaScript代码

1、JavaScript的精华与糟粕

2、JavaScript编程风格与JSHint

3、JavaScript模式(编程实践)

4、使用CoffeeScript

5、Clean Code与重构

CodeKata:搭建

JavaScript下的持续交

付环境

 

 

 

JS下的单元测试

1、测试框架

2、TDD与BDD风格

3、异步下的测试

4、Mock

5、测试覆盖率

6、生成测试报告

自动化构建

1、目录结构

2、模块构建

3、配置文件

4、校验

5、文件合并与加工

6、精简压缩

7、文档化

8、测试

9、组装在一起

Grunt

1、Build

2、Clean

3、Stylus

4、Concat

5、Uglify

6、JsHint

7、Mocha

8、Doc

9、Jade

10、Watch

11、Plugins

 

 

开设班级

班级 开班时间 上课地点 学费 试听/报名
北京海淀校区/ 面授 滚动开班 北京海淀花园桥世纪经贸大厦 咨询 报名
华信大厦校区/ 面授 滚动开班 北京石景山华信大厦校区 咨询 报名
华信大厦校区/ 面授 北京石景山华信大厦校区 4800.00 报名
海淀校区/ 面授 北京海淀花园桥世纪经贸大厦 4800.00 报名
 

课程咨询

我要咨询
 

发表咨询

 
有回复时短信通知我 发表咨询
课程推荐
更新时间:2019-02-27