作者：[美] Chris Aquino,Todd Gandee
译者：奇舞团
语言：中文
类型：EPUB
出版社：人民邮电出版社
出版时间：2017
ISBN：9787115466167
分类：工业技术
内容简介
本书在知名培训机构BigNerdRanch培训教材的基础上编写而成,囊括了JavaScript、HTML5、CSS3等现代前端开发人员急需的技术关键点,包括响应式UI、访问远程Web服务、用Ember.js构建应用,等等。
此外,还会介绍如何使用前沿开发工具来调试和测试代码,并且充分利用Node.js和各种开源的npm模块的强大功能来进行开发。
全书分四部分,每部分独立完成一个项目,由浅入深、循序渐进,在构建一系列应用的过程中,介绍Web开发的核心概念和API。
无论是否拥有Web开发经验,抑或拥有其他平台的开发背景,只要对当今流行的工具和开发实践充满兴趣,这本书都能让你受益匪浅。
作者简介
ChrisAquino
是一位web工程主管,同时也是BigNerdRanch的一名讲师。
作为一名开发者,他希望能给用户提供有意义的数据体验。
作为主管和讲师,他正致力于帮助他的团队和学生构建更好的Web。
平时Chris喜爱发条玩具、espresso(浓缩咖啡)和各式烧烤。
ToddGandee
是一位前端工程师,同时也是BigNerdRanch的一名讲师。
超过0年Web顾问生涯磨砺了他的专业技能。
在业余时间Todd喜欢跑步、骑行以及攀岩。
目录
第一部分浏览器编程基础
第章配置开发环境2
.安装GoogleChrome2
.2安装并配置Atom3
.3文档和参考资料6
.4命令行速成8
.4.查看当前工作目录9
.4.2新建目录0
.4.3切换目录0
.4.4列出目录中的文件
.4.5获取管理员权限2
.4.6退出程序3
.5安装Node.js和browser-sync4
.6延展阅读:Atom的替代工具5
第2章开始第一个项目7
2.搭建Ottergram8
2..开始写HTML9
2..2链接到样式表22
2..3添加内容22
2..4添加图片23
2.2浏览网页25
2.3Chrome开发者工具27
2.4延展阅读:CSS版本29
2.5延展阅读:favicon.ico29
2.6中级挑战:添加favicon.ico30
第3章样式3
3.创建基本样式32
3.2为HTML文件添加样式33
3.3样式的构成34
3.4第一条样式规则35
3.5样式继承38
3.6图片自适应45
3.7颜色47
3.8调整空白49
3.9添加字体53
3.0初级挑战:更改颜色56
3.延展阅读:优先级!当选择器发生冲突了……56
第4章flexbox响应式布局58
4.界面拓展59
4..添加大图59
4..2缩略图水平布局6
4.2flexbox63
4.2.创建flex容器64
4.2.2改变flex-direction65
4.2.3flex项目中的元素分组66
4.2.4flex缩写属性68
4.2.5flex项目的排序与对齐方式69
4.2.6居中显示大图73
4.3绝对定位与相对定位75
第5章使用媒体查询完成自适应布局82
5.重置视口83
5.2添加媒体查询85
5.3初级挑战:屏幕方向89
5.4延展阅读:flexbox布局通用解决方案与bug89
5.5高级挑战:圣杯布局89
第6章JavaScript事件处理90
6.准备锚标签9
6.2第一个脚本94
6.3Ottergram中的JavaScript描述95
6.4声明字符串变量96
6.5操作控制台97
6.6访问DOM元素99
6.7编写setDetails函数04
6.8从函数返回值08
6.9添加事件监听器0
6.0访问所有缩略图5
6.迭代缩略图数组7
6.2中级挑战:劫持链接8
6.3高级挑战:随机的水獭9
6.4延展阅读:严格模式9
6.5延展阅读:闭包9
6.6延展阅读:NodeList对象和HTMLCollection对象20
6.7延展阅读:JavaScript类型22
第7章使用CSS营造视觉效果23
7.隐藏及显示大图23
7..创建隐藏大图的样式25
7..2用JavaScript隐藏大图27
7..3监听键盘事件28
7..4重新显示大图3
7.2使用CSS过渡改变状态32
7.2.变形33
7.2.2添加CSS过渡效果35
7.2.3使用定时函数38
7.2.4基于类的过渡效果39
7.2.5通过JavaScript触发过渡效果40
7.3自定义定时函数4
7.4延展阅读:强制类型转换的规则43
第二部分模块、对象及表单
第8章模块、对象和方法46
8.模块46
8..模块模式47
8..2通过IIFE修改对象49
8.2搭建我们的CoffeeRun吧5
8.3创建数据存储模块52
8.4在命名空间上添加一个模块53
8.5构造函数54
8.5.构造函数的原型55
8.5.2为构造函数添加方法57
8.6创建Truck模块59
8.6.添加订单60
8.6.2删除订单6
8.7调试63
8.7.使用开发者工具定位bug65
8.7.2使用bind设置this69
8.8在页面加载时初始化CoffeeRun70
8.9初级挑战:使用非星迷熟悉的餐车ID73
8.0延展阅读:模块私有数据73
8.中级挑战:私有化数据74
8.2延展阅读:在forEach的回调函数中设置this74
第9章Bootstrap简介75
9.添加Bootstrap75
9.2创建订单表单77
9.2.添加文本输入字段78
9.2.2提供单选按钮82
9.2.3添加下拉菜单83
9.2.4添加范围滑块85
9.2.5添加提交按钮和重置按钮85
第0章使用JavaScript处理表单87
0.创建FormHandler模块88
0..jQuery简介89
0..2导入jQuery89
0..3使用selector参数配置FormHandler实例90
0.2添加提交处理程序92
0.2.提取数据93
0.2.2接受并调用回调函数95
0.3使用FormHandler96
0.4UI优化98
0.5初级挑战:添加超级尺寸99
0.6中级挑战:当滑块滑动时显示其数值99
0.7高级挑战:添加选择200
第章从数据到DOM20
.建立清单202
.2创建CheckList模块203
.3创建行构造函数204
.4在提交时创建清单行209
.5通过单击行完成订单22
.5.创建CheckList.prototype.removeRow方法23
.5.2删除被覆盖的条目23
.5.3编写addClickHandler方法24
.5.4调用addClickHandler26
.6初级挑战:在描述中加入浓度信息27
.7中级挑战:不同口味,不同颜色27
.8高级挑战:允许编辑订单27
第2章表单校验28
2.required属性28
2.2使用正则表达式校验表单220
2.3约束校验API220
2.3.监听input事件222
2.3.2将input事件和有效性校验绑定223
2.3.3触发有效性检查224
2.4美化有效元素和无效元素225
2.5中级挑战:为脱咖啡因咖啡进行自定义校验227
2.6延展阅读:Webshim库227
第3章Ajax229
3.XMLHttpRequest对象230
3.2RESTfulWeb服务230
3.3RemoteDataStore模块23
3.4向服务器发送数据232
3.4.使用jQuery的$.post方法233
3.4.2添加回调函数233
3.4.3检查Ajax的请求和响应234
3.5从服务器检索数据237
3.5.查看响应数据237
3.5.2添加回调函数238
3.6从服务器删除数据240
3.7用RemoteDataStore替换DataStore24
3.8中级挑战:校验远端服务器243
3.9延展阅读:Postman243
第4章Deferred和Promise244
4.Promise和Deferred245
4.2返回Deferred246
4.3通过then注册回调函数247
4.4使用then处理失败的情况248
4.5在仅支持回调函数的API上使用Deferred250
4.6为DataStore配置Promise254
4.6.创建并返回Promise255
4.6.2resolve一个Promise256
4.6.3将其他DataStore方法Promise化256
4.7中级挑战:回退到Datastore259
第三部分实时数据传输
第5章Node.js入门262
5.Node和npm263
5..npminit264
5..2npm脚本265
5.2Hello,World265
5.3添加一个npm脚本267
5.4用文件提供服务268
5.4.用fs模块读取文件269
5.4.2处理请求URL269
5.4.3使用path模块27
5.4.4创建自定义模块272
5.4.5使用自定义模块272
5.5错误处理273
5.6延展阅读:npm模块注册274
5.7初级挑战:创建自定义错误页面275
5.8延展阅读:MIME类型275
5.9中级挑战:动态提供MIME类型276
5.0高级挑战:将错误处理放到单独的模块中276
第6章使用WebSocket进行实时通信277
6.配置WebSocket278
6.2测试WebSocket服务器280
6.3创建聊天服务器的功能28
6.4第一次聊天!283
6.5延展阅读:WebSocket库socket.io283
6.6延展阅读:WebSocket服务284
6.7初级挑战:我重复了我的消息吗?284
6.8中级挑战:Speakeasy284
6.9高级挑战:聊天机器人284
第7章借助Babel使用ES6285
7.编译JavaScript的工具286
7.2Chattrbox客户端应用程序288
7.3迈出Babel的第一步289
7.4使用Browserify打包模块29
7.5新增ChatMessage类294
7.6创建ws-client模块297
7.6.处理连接298
7.6.2处理事件并发送消息299
7.6.3发出和回应一条消息30
7.7延展阅读:将其他语言编译成JavaScript302
7.8初级挑战:默认导入名称303
7.9中级挑战:提醒连接关闭303
7.0延展阅读:变量提升303
7.延展阅读:箭头函数305
第8章继续ES6探索之旅306
8.将jQuery安装成一个Node模块307
8.2创建ChatForm类307
8.3创建ChatList类30
8.8初级挑战:给消息添加特效320
8.9中级挑战:缓存消息320
8.0高级挑战:独立的聊天室32
第四部分应用架构
第9章初识MVC和Ember324
9.Tracker325
9.2Ember:一款MVC框架326
9.2.安装Ember327
9.2.2创建Ember应用328
9.2.3启动服务器329
9.3安装外部库和插件330
9.4修改配置332
9.5延展阅读:npm和Bower的安装命令335
9.6初级挑战:限制引入336
9.7中级挑战:添加FontAwesome库336
9.8高级挑战:自定义NavBar336
第20章路由选择、路由表、模型337
20.Ember生成器338
20.2嵌套路由342
20.3EmberInspector344
20.4指派模型344
20.5beforeModel347
20.6延展阅读:setupController和afterModel347
第2章模型和数据绑定349
2.定义模型349
2.2创建记录35
2.3get和set353
2.4计算属性354
2.5延展阅读:检索数据357
2.6延展阅读:保存或删除数据358
2.7初级挑战:修改计算属性358
2.8中级挑战:对新的目击记录进行标记358
2.9高级挑战:添加称呼359
8.4使用Gravatar32
8.5请求用户名34
8.6使用会话存储36
8.7格式化和更新消息时间戳38
第22章数据——适配器、序列化器和变换器360
22.适配器362
22.2内容安全策略365
22.3序列化器366
22.4变换器368
22.5延展阅读:EmberCLIMirage368
22.6中级挑战:内容安全369
22.7高级挑战:Mirage369
第23章视图与模板370
23.Handlebars37
23.2模型37
23.3辅助方法37
23.3.条件语句372
23.3.2{{#each}}循环373
23.3.3元素属性赋值375
23.3.4链接377
23.4自定义辅助方法380
23.5初级挑战:为链接添加鼠标悬浮的内容382
23.6中级挑战:修改日期格式383
23.7高级挑战:创建一个自定义缩略图辅助方法383
第24章控制器384
24.新建目击记录385
24.2编辑目击记录392
24.3删除目击记录395
24.4路由动作396
24.5初级挑战:目击记录详情页398
24.6中级挑战:目击日期398
24.7高级挑战:添加和删除目击者398
第25章组件399
25.迭代器组件399
25.2“拧干”组件的“水分”403
25.3数据向下,动作向上404
25.4类名绑定405
25.5数据向下406
25.6动作向上409
25.7初级挑战:自定义提示信息4
25.8中级挑战:将导航条转化为组件4
25.9高级挑战:提示框数组42
第26章后记43
26.最后的挑战43
26.2插播一个广告43
26.3感谢你44
