小苏子
小苏子PDF在线图书

Web开发权威指南 内容简介

Web开发权威指南 内容简介

Web开发权威指南 目录

Web开发权威指南 精彩文摘

本书在知名培训机构Big Nerd Ranch培训教材的基础上编写而成,囊括了JavaScript、HTML5、CSS3等现代前端开发人员急需的技术关键点,包括响应式UI,访问远程Web服务,用Ember.js构建应用,等等。此外,还会介绍如何使用前沿开发工具来调试和测试代码,并且充分利用Node.js和各种开源的npm模块的强大功能来进行开发。全书分四部分,每部分独立完成一个项目,由浅入深、循序渐进,在构建一系列应用的过程中,介绍Web开发的核心概念和API。无论是否拥有Web开发经验,抑或拥有其他平台的开发背景,只要对当今流行的工具和开发实践充满兴趣,这本书都能让你受益匪浅。第一部分 浏览器编程基础第1章 配置开发环境  21.1 安装Google Chrome  21.2 安装并配置Atom  31.3 文档和参考资料  61.4 命令行速成  81.4.1 查看当前工作目录  91.4.2 新建目录  101.4.3 切换目录  101.4.4 列出目录中的文件  111.4.5 获取管理员权限  121.4.6 退出程序  131.5 安装Node.js和browser-sync  141.6 延展阅读:Atom 的替代工具  15第2章 开始第一个项目  172.1 搭建Ottergram  182.1.1 开始写HTML  192.1.2 链接到样式表  222.1.3 添加内容  222.1.4 添加图片  232.2 浏览网页  252.3 Chrome开发者工具  272.4 延展阅读:CSS 版本  292.5 延展阅读:favicon.ico  292.6 中级挑战:添加favicon.ico  30第3章 样式  313.1 创建基本样式  323.2 为HTML文件添加样式  333.3 样式的构成  343.4 第一条样式规则  353.5 样式继承  383.6 图片自适应  453.7 颜色  473.8 调整空白  493.9 添加字体  533.10 初级挑战:更改颜色  563.11 延展阅读:优先级!当选择器发生冲突了……  56第4章 flexbox响应式布局  584.1 界面拓展  594.1.1 添加大图  594.1.2 缩略图水平布局  614.2 flexbox  634.2.1 创建flex容器  644.2.2 改变flex-direction  654.2.3 flex项目中的元素分组  664.2.4 flex缩写属性  684.2.5 flex项目的排序与对齐方式  694.2.6 居中显示大图  734.3 绝对定位与相对定位  75第5章 使用媒体查询完成自适应布局  825.1 重置视口  835.2 添加媒体查询  855.3 初级挑战:屏幕方向  895.4 延展阅读:flexbox布局通用解决方案与bug  895.5 高级挑战:圣杯布局  89第6章 JavaScript事件处理  906.1 准备锚标签  916.2 第一个脚本  946.3 Ottergram中的JavaScript 描述  956.4 声明字符串变量  966.5 操作控制台  976.6 访问DOM元素  996.7 编写setDetails函数  1046.8 从函数返回值  1086.9 添加事件监听器  1106.10 访问所有缩略图  1156.11 迭代缩略图数组  1176.12 中级挑战:劫持链接  1186.13 高级挑战:随机的水獭  1196.14 延展阅读:严格模式  1196.15 延展阅读:闭包  1196.16 延展阅读:NodeList对象和HTMLCollection 对象  1206.17 延展阅读:JavaScript类型  122第7章 使用CSS营造视觉效果  1237.1 隐藏及显示大图  1237.1.1 创建隐藏大图的样式  1257.1.2 用JavaScript 隐藏大图  1277.1.3 监听键盘事件  1287.1.4 重新显示大图  1317.2 使用CSS过渡改变状态  1327.2.1 变形  1337.2.2 添加CSS过渡效果  1357.2.3 使用定时函数  1387.2.4 基于类的过渡效果  1397.2.5 通过JavaScript触发过渡效果  1407.3 自定义定时函数  1417.4 延展阅读:强制类型转换的规则  143第二部分 模块、对象及表单第8章 模块、对象和方法  1468.1 模块  1468.1.1 模块模式  1478.1.2 通过IIFE修改对象  1498.2 搭建我们的CoffeeRun吧  1518.3 创建数据存储模块  1528.4 在命名空间上添加一个模块  1538.5 构造函数  1548.5.1 构造函数的原型  1558.5.2 为构造函数添加方法  1578.6 创建Truck模块  1598.6.1 添加订单  1608.6.2 删除订单  1618.7 调试  1638.7.1 使用开发者工具定位bug  1658.7.2 使用bind 设置this  1698.8 在页面加载时初始化CoffeeRun  1708.9 初级挑战:使用非星迷熟悉的餐车ID  1738.10 延展阅读:模块私有数据  1738.11 中级挑战:私有化数据  1748.12 延展阅读:在forEach的回调函数中设置this  174第9章 Bootstrap简介  1759.1 添加Bootstrap  1759.2 创建订单表单  1779.2.1 添加文本输入字段  1789.2.2 提供单选按钮  1829.2.3 添加下拉菜单  1839.2.4 添加范围滑块  1859.2.5 添加提交按钮和重置按钮  185第10章 使用JavaScript 处理表单  18710.1 创建FormHandler 模块  18810.1.1 jQuery简介  18910.1.2 导入jQuery  18910.1.3 使用selector参数配置FormHandler 实例  19010.2 添加提交处理程序  19210.2.1 提取数据  19310.2.2 接受并调用回调函数  19510.3 使用FormHandler  19610.4 UI 优化  19810.5 初级挑战:添加超级尺寸  19910.6 中级挑战:当滑块滑动时显示其数值  19910.7 高级挑战:添加选择  200第11章 从数据到DOM  20111.1 建立清单  20211.2 创建CheckList模块  20311.3 创建行构造函数  20411.4 在提交时创建清单行  20911.5 通过单击行完成订单  21211.5.1 创建CheckList.prototype.removeRow方法  21311.5.2 删除被覆盖的条目  21311.5.3 编写addClickHandler方法  21411.5.4 调用addClickHandler  21611.6 初级挑战:在描述中加入浓度信息  21711.7 中级挑战:不同口味,不同颜色  21711.8 高级挑战:允许编辑订单  217第12章 表单校验  21812.1 required属性  21812.2 使用正则表达式校验表单  22012.3 约束校验API  22012.3.1 监听input事件  22212.3.2 将input事件和有效性校验绑定  22312.3.3 触发有效性检查  22412.4 美化有效元素和无效元素  22512.5 中级挑战:为脱咖啡因咖啡进行自定义校验  22712.6 延展阅读:Webshim 库  227第13章 Ajax  22913.1 XMLHttpRequest对象  23013.2 RESTful Web服务  23013.3 RemoteDataStore模块  23113.4 向服务器发送数据  23213.4.1 使用jQuery的$.post 方法  23313.4.2 添加回调函数  23313.4.3 检查Ajax的请求和响应  23413.5 从服务器检索数据  23713.5.1 查看响应数据  23713.5.2 添加回调函数  23813.6 从服务器删除数据  24013.7 用RemoteDataStore替换DataStore  24113.8 中级挑战:校验远端服务器  24313.9 延展阅读:Postman  243第14章 Deferred和Promise  24414.1 Promise和Deferred  24514.2 返回Deferred  24614.3 通过then注册回调函数  24714.4 使用then处理失败的情况  24814.5 在仅支持回调函数的API上使用Deferred  25014.6 为DataStore配置Promise  25414.6.1 创建并返回Promise  25514.6.2 resolve一个Promise  25614.6.3 将其他DataStore方法Promise 化  25614.7 中级挑战:回退到Datastore  259第三部分 实时数据传输第15章 Node.js入门  26215.1 Node和npm  26315.1.1 npm init  26415.1.2 npm脚本  26515.2 Hello, World  26515.3 添加一个npm脚本  26715.4 用文件提供服务  26815.4.1 用fs 模块读取文件  26915.4.2 处理请求URL  26915.4.3 使用path模块  27115.4.4 创建自定义模块  27215.4.5 使用自定义模块  27215.5 错误处理  27315.6 延展阅读:npm模块注册  27415.7 初级挑战:创建自定义错误页面  27515.8 延展阅读:MIME类型  27515.9 中级挑战:动态提供MIME类型  27615.10 高级挑战:将错误处理放到单独的模块中  276第16章 使用WebSocket进行实时通信  27716.1 配置WebSocket  27816.2 测试WebSocket服务器  28016.3 创建聊天服务器的功能  28116.4 第一次聊天!  28316.5 延展阅读:WebSocket库socket.io  28316.6 延展阅读:WebSocket服务  28416.7 初级挑战:我重复了我的消息吗?  28416.8 中级挑战:Speakeasy  28416.9 高级挑战:聊天机器人  284第17章 借助Babel使用ES6  28517.1 编译JavaScript的工具  28617.2 Chattrbox客户端应用程序  28817.3 迈出Babel的第一步  28917.4 使用Browserify 打包模块  29117.5 新增ChatMessage 类  29417.6 创建ws-client 模块  29717.6.1 处理连接  29817.6.2 处理事件并发送消息  29917.6.3 发出和回应一条消息  30117.7 延展阅读:将其他语言编译成JavaScript  30217.8 初级挑战:默认导入名称  30317.9 中级挑战:提醒连接关闭  30317.10 延展阅读:变量提升  30317.11 延展阅读:箭头函数  305第18章 继续ES6 探索之旅  30618.1 将jQuery 安装成一个Node 模块  30718.2 创建ChatForm 类  30718.3 创建ChatList 类  31018.8 初级挑战:给消息添加特效  32018.9 中级挑战:缓存消息  32018.10 高级挑战:独立的聊天室  321第四部分 应用架构第19章 初识MVC和Ember  32419.1 Tracker  32519.2 Ember:一款MVC 框架  32619.2.1 安装Ember  32719.2.2 创建Ember应用  32819.2.3 启动服务器  32919.3 安装外部库和插件  33019.4 修改配置  33219.5 延展阅读:npm和Bower 的安装命令  33519.6 初级挑战:限制引入  33619.7 中级挑战:添加Font Awesome 库  33619.8 高级挑战:自定义NavBar  336第20章 路由选择、路由表、模型  33720.1 Ember生成器  33820.2 嵌套路由  34220.3 Ember Inspector  34420.4 指派模型  34420.5 beforeModel  34720.6 延展阅读:setupController和afterModel  347第21章 模型和数据绑定  34921.1 定义模型  34921.2 创建记录  35121.3 get和set  35321.4 计算属性  35421.5 延展阅读:检索数据  35721.6 延展阅读:保存或删除数据  35821.7 初级挑战:修改计算属性  35821.8 中级挑战:对新的目击记录进行标记  35821.9 高级挑战:添加称呼  35918.4 使用Gravatar  31218.5 请求用户名  31418.6 使用会话存储  31618.7 格式化和更新消息时间戳  318第22章 数据——适配器、序列化器和变换器  36022.1 适配器  36222.2 内容安全策略  36522.3 序列化器  36622.4 变换器  36822.5 延展阅读:Ember CLI Mirage  36822.6 中级挑战:内容安全  36922.7 高级挑战:Mirage  369第23章 视图与模板  37023.1 Handlebars  37123.2 模型  37123.3 辅助方法  37123.3.1 条件语句  37223.3.2 {{#each}}循环  37323.3.3 元素属性赋值  37523.3.4 链接  37723.4 自定义辅助方法  38023.5 初级挑战:为链接添加鼠标悬浮的内容  38223.6 中级挑战:修改日期格式  38323.7 高级挑战:创建一个自定义缩略图辅助方法  383第24章 控制器  38424.1 新建目击记录  38524.2 编辑目击记录  39224.3 删除目击记录  39524.4 路由动作  39624.5 初级挑战:目击记录详情页  39824.6 中级挑战:目击日期  39824.7 高级挑战:添加和删除目击者  398第25章 组件  39925.1 迭代器组件  39925.2 “拧干”组件的“水分”  40325.3 数据向下,动作向上  40425.4 类名绑定  40525.5 数据向下  40625.6 动作向上  40925.7 初级挑战:自定义提示信息  41125.8 中级挑战:将导航条转化为组件  41125.9 高级挑战:提示框数组  412第26章 后记  41326.1 最后的挑战  41326.2 插播一个广告  41326.3 感谢你  414前端开发领域有着数不清的工具和资源,而且还有更多工具在被源源不断地制造出来。无论开发者的水平如何,选择最佳工具都极具挑战性。本书的项目将会带你使用一些本书作者非常喜爱的工具。首先你需要三个基本工具:浏览器、文本编辑器,以及好用的前端开发技术参考文档。此外还有一些能够提升开发体验的附加选项,当然它们并非必需品。为达到最佳效果,建议你和本书作者使用相同的软件。本章会引导你安装并配置Google Chrome浏览器、Atom文本编辑器、Node.js以及一些插件。另外还会介绍一些优秀文档,并针对Mac和Windows命令行进行一次突击学习。在下一章开始第一个项目时,这些资源将会派上用场。

赞(0)
未经允许不得转载:小苏子图书 » Web开发权威指南 内容简介