为帮助读者深入理解Web 开发工程师需要掌握的编程技能，本书凝结作者多年的教学心得与实战经验，旨在从前端、后端和全栈的概念出发，揭示Web 应用的工作原理和设计思想，精心挑选*基本且*重要的编程知识，结合实际案例，详细阐述Web 开发技术和编程设计思想是如何应用于解决实际问题的。本书坚持“带着任务学习”的理念，帮助初学者打牢Web 开发的基础，以理解编程技术是如何落实到具体Web 应用中的。希望读者能从本书获得对Web 开发的基本认识，具备建设全栈网站的能力，并愿意在Web 应用的开发领域继续深耕。

第1章 Web到底是怎么一回事儿 1.1 Web的前世、今生和未来.. 1 1.1.1 被动的Web 1.0. 1 1.1.2 交互的Web 2.0. 1 1.1.3 智能的Web 3.0. 2 1.2 每一次浏览网页都发生了什么.. 3 1.2.1 通信... 3 1.2.2 统一资源定位器... 5 1.2.3 浏览器如何理解网页... 6 1.2.4 从程序方面理解网页... 8 1.3 Web应用开发模式的演变.. 10 1.4 什么是前端、后端和全栈.. 11 1.4.1 吸引用户的前端... 11 1.4.2 数据为王的后端... 11 1.4.3 综合型全栈及案例分析... 12 1.5 本章小结.. 13 第2章 开发之旅前的准备工作 2.1 代码编辑工具.. 14 2.1.1 的Notepad . 14 2.1.2 极速***的利器：HBuilderX.. 14 2.2 测试环境——Chrome浏览器.. 16 2.3 本地服务器的搭建.. 17 2.3.1 Xampp的安装... 17 2.3.2 Xampp的配置... 18 2.4 个Web应用——hello，world. 19 2.5 本章小结.. 20 第3章 构建网页内容——HTML基础 3.1 HTML一门关于标记的语言.. 21 3.1.1 普通文本VS超文本... 21 3.1.2 标签的基本用法... 22 3.1.3 属性的基本用法... 23 3.2 超链接标记小案例：做一个个人博客主页.. 23 3.3 关于路径.. 26 3.3.1 路径大考验... 26 3.3.2 相对路径法则... 28 3.4 列表标签小案例：制作国际新闻页面.. 28 3.4.1 列表标签的妙用... 28 3.4.2 列表标签的基本用法... 29 3.5 表格标签小案例：制作一张财务季度报表.. 30 3.5.1 表格的使用... 30 3.5.2 表格跨行跨列的秘诀... 31 3.6 表单小案例：制作求职申请表.. 32 3.6.1 表单标签... 32 3.6.2 表单用法大揭秘... 34 3.7 一对好兄弟——Get请求和Post请求.. 34 3.7.1 数据在地址栏中的Get请求... 34 3.7.2 数据在隐秘处的Post请求... 35 3.8 本章小结.. 37 第4章 网页一定要漂亮——CSS入门 4.1 为什么需要CSS. 38 4.1.1 什么是CSS. 38 4.1.2 CSS的工作原理... 39 4.1.3 CSS带来了哪些变化... 40 4.2 容器的作用.. 41 4.2.1 两个常用的容器：div和span. 42 4.2.2 容器的实际应用：添加样式... 43 4.2.3 CSS样式的基本用法... 44 4.3 为什么是层叠样式表.. 45 4.3.1 四种定义样式的方式... 45 4.3.2 样式冲突怎么办... 46 4.4 一切都是盒子——盒子模型.. 48 4.4.1 盒子模型的基本定义... 49 4.4.2 盒子使用定理... 50 4.4.3 盒子在页面布局中的两种常见用法... 50 4.5 选择器让样式的应用更有目标感.. 54 4.5.1 id选择器... 54 4.5.2 class选择器... 55 4.5.3 class选择器与id选择器的嵌套使用... 57 4.6 元素的浮动.. 58 4.6.1 一行多列... 59 4.6.2 多个元素在一行... 60 4.6.3 多个盒子元素在一行... 61 4.6.4 清除浮动... 62 4.7 关于伪类.. 65 4.7.1 伪类和伪类元素... 65 4.7.2 利用伪状态修改选项卡... 65 4.7.3 小案例：让图片动起来... 66 4.8 本章小结.. 67 第5章 网页交互的核心——JavaScript入门 5.1 前端三兄弟：HTML、CSS和JavaScript 69 5.1.1 各肩重任... 69 5.1.2 在程序中的配合... 70 5.1.3 代码的组织规范... 71 5.2 JavaScript工作原理大揭秘.. 73 5.2.1 编译型语言VS 解释型语言... 73 5.2.2 交互式网页的精髓... 74 5.3 像程序员一样思考.. 77 5.3.1 看图猜价格游戏... 77 5.3.2 程序控制的三种结构... 82 5.4 JavaScript基础.. 83 5.4.1 存储数据：变量与常量... 83 5.4.2 做计算：运算符和表达式... 88 5.4.3 功能实现的代码块：函数... 96 5.4.4 变量大集合：对象... 99 5.5 常用的两个原装对象：String和Array. 102 5.5.1 字符串对象：String. 102 5.5.2 数组对象：Array. 103 5.5.3 JavaScript的核心——API 104 5.6 本章小结.. 104 第6章 拜访三大对象：Window、Document和Event 6.1 三大对象概述.. 107 6.1.1 三大对象的作用... 107 6.1.2 事件驱动... 108 6.2 认识window 对象.. 109 6.2.1 Window对象的属性用法... 111 6.2.2 Window对象中方法的应用... 112 6.2.3 Window对象中事件的用法... 113 6.2.4 **用的计时器... 114 6.3 理解document对象.. 117 6.3.1 一起来画DOM树... 117 6.3.2 DOM让JavaScript与元素互动起来... 118 6.3.3 通过触发DOM事件实现交互... 121 6.4 说说Event对象.. 122 6.4.1 Event对象的属性... 123 6.4.2 Event对象的方法... 125 6.5 本章小结.. 127 第7章 如何让你的页面吸引人——更多CSS样式 7.1 原来字体可以很**.. 128 7.1.1 文字颜色的设计... 128 7.1.2 字体样式的基本用法... 129 7.1.3 文字的阴影效果... 130 7.2 高大上的按钮.. 132 7.2.1 圆角按钮... 132 7.2.2 渐变色按钮... 133 7.2.3 单重阴影... 133 7.2.4 多重阴影... 135