滿額折
Web全棧開發：從入門到實戰（簡體書）
商品資訊
相關商品
商品簡介
作者簡介
名人/編輯推薦
序
目次
商品簡介
為幫助讀者深入理解Web 開發工程師需要掌握的編程技能，本書凝結作者多年的教學心得與實戰經驗，旨在從前端、後端和全棧的概念出發，揭示Web 應用的工作原理和設計思想，精心挑選最基本且最重要的編程知識，結合實際案例，詳細闡述Web 開發技術和編程設計思想是如何應用於解決實際問題的。本書堅持“帶著任務學習”的理念，幫助初學者打牢Web 開發的基礎，以理解編程技術是如何落實到具體Web 應用中的。希望讀者能從本書獲得對Web 開發的基本認識，具備建設全棧網站的能力，並願意在Web 應用的開發領域繼續深耕。
作者簡介
董雪燕，北京聯合大學講師，澳大利亞昆士蘭科技大學計算機科學博士，董雪燕，北京聯合大學講師，昆士蘭科技大學計算機科學博士，研究領域語音識別，以第一作者身份發表數十篇SCI,EI英文文章，國內核心期刊文章2篇。技術背景：具有10年Web開發經驗，包括PC端網站建設和移動端混合App開發經驗，獲得高級軟件測試工程師證書。教學上主要講授《計算機導論》，《網站建設與開發》，《網站優化與推廣》，《移動終端開發技術》，《軟件工程》以及各種實踐類課程。在實際的教學中，擅長將復雜的理論知識以通俗易懂的方式講述，表達思路清晰，邏輯嚴謹。通過與企業長期合作打造出實戰案例融入課堂，使學生受益匪淺。
名人/編輯推薦
（1）完善詮釋Web應用設計思想和搭建流程；
（2）凝練梳理Web 開發崗位自我提升實踐路徑。
（2）凝練梳理Web 開發崗位自我提升實踐路徑。
序
人工智能技術的快速發展，掀起了人們學習編程的浪潮，因為只有通過學習編程，人類才不會被機器取代，並且有可能成為赫拉利眼中的“神人”，成為統治機器的領導者。過去，編程好像只是一些聰明人的跑馬場，普通人只能在場外轉悠。然而，網絡打破了入場的柵欄，借助網絡，世界各地的人們頻繁且高效地進行思想交流。於是，一個空前的創新時代出現了。近年來，只要幾個月就會冒出一門新的編程語言，仿佛人人都能發明一門語言，我們是如此的幸運，趕上了這麼好的時代。如果你也想成為一名發明家，那麼，請從學習編程開始。
眾所周知，學習編程的第一步要學習一門語言，那麼該如何選擇呢？是基礎的C語言，還是高級的Java語言？如果你也有上面的疑惑，請參考一下每年的十大最流行編程語言排行榜。2020年排在第一位是JavaScript，可見它是最受歡迎的語言，原因是JavaScript不僅用途廣泛、使用簡單，並且具有良好的可移植性；它的應用常見於Web開發，比如網站和App，還可以用於開發遊戲。最重要的是，當今是移動互聯網的時代，Web開發技術已經成為剛需。如果你想學習Web開發，請從本書開始。
什麼是Web全棧開發
Web全棧開發的概念是扎克伯格在2014年第一次提出的，但到目前為止，人們尚未對Web全棧開發給出一致的定義。普遍比較認可的一種觀點是，一個Web應用產品（比如網站、App）從技術方面來看，可以分為前端和後端，而全棧就是涵蓋了前後端兩種技術棧的總稱。具體來說，這些技術棧包括前端開發（HTML、CSS和JavaScript）、服務器部署、數據庫（比如MySQL和MongoDB）、後端開發（PHP或Nodejs）、性能優化技術（比如緩存）等。如果要全面掌握這些技術至少需要五年，然而這不是本書的意圖。本書只是希望從前/後端編程技術出發，帶你初步領略一下Web全棧世界。本書的寫作目的有以下三個：
第一，對初學者友好，通過揭示Web應用的工作原理和Web開發需要的編程技術，結合大量實例，幫助你輕松打開Web開發世界的大門；
第二，詳細地描述搭建完整Web應用的全部流程，便於你快速了解前端工程師需要做什麼，後端工程師更看重什麼，以及前端工程師與後端工程師之間如何配合；
第三，清晰地展示Web開發崗位的職業晉升路線，先成為一名前端工程師，再轉為後端工程師，逐步升級到全棧工程師，最終成為系統架構師。
編程語言只是工具
市面上大多數Web開發書籍都是以編程語言的語法介紹和使用為主線，包括羅列HTML的標記，展示CSS的樣式屬性和選擇器的用法，講解JavaScript的基本語法等。很多讀者表示，這些語言學完後，還是不會做Web開發，也記不住這麼多的語法。原因在於，這類“手冊式”的書，只是為你提供了一個個獨立的知識點，而具體應用時，則需要對這些知識點進行多種組合和不斷實踐。但是，關於如何去組合和實踐，卻沒有告訴你。
本書想告訴你的是，編程語言只是工具，是幫助你建設一個Web應用的手段而已。所以，你應該有個具體的挑戰目標，想要搭建一個什麼樣的網站或App，然後對應著各個頁面的功能，去學習所需的技術就好，沒有必要把每一門編程語言的所有語法都學一遍再動手；實話告訴你，很多CSS的樣式屬性你可能未來十年也用不到。實際上，學習Web開發技術，樹立一個明確的目標才是最重要的，而編程語言只是實現目標的手段，千萬不要本末倒置。有了目標之後，就要不斷嘗試與實踐，這才是打開Web開發世界大門的正確方式。
主張帶著任務主動學習
有效的學習一定是主動的，只有當你為了解決問題而去有意識地學習，才會真正有效果。如果你以前只是一味地跟著作者的思路走，那麼大概率是，你以為看完了全書好像什麼都會了，實際上，一周過後，你會發現，全書跟你一點關係都沒有。因此，本書提倡以任務為主的學習，通過給出若幹個任務（示例），讓你思考並選擇合適的技術去完成任務。要知道，所有技術只是為你建造Web大樓提供水泥和鋼筋而已，其設計和實施才是核心，而這兩項重要任務的決定權完全在你。
全書內容框架
全書從總體上來看，可以分為4個部分。
第一部分是準備工作。第1章，主要介紹Web的發展歷史和規律，重點揭示Web的工作原理。第2章，安裝必要的開發工具，為正式的開發做準備。
第二部分是詳細闡述前端開發技術。第3～5章，圍繞前端的基礎技術展開，包括HTML、CSS和JavaScript這三大核心技術，能夠實現交互式網頁的基本搭建。第6～9章，深入地介紹物件的使用，並重點介紹框架的用法和對於快速開發的意義。
第三部分是關於後端開發技術的介紹。第10～13章，重點介紹服務器端的開發技術，包括PHP腳本的用法，MySQL數據庫技術能做什麼，以及PHP和MySQL之間的合作。
第四部分（第14章）是一個綜合項目。目標是通過一個綜合項目實戰，展示如何將前端技術和後端技術相結合，實現一個強交互性的全棧。
本書適合哪些讀者
本書可以作為想要成為具有競爭力的全棧工程師的入門書籍。其中，前端技術包括HTML、CSS、JavaScript，以及CSS的框架Bootstrap和JavaScript的jQuery；後端技術主要是PHP和MySQL。或許你已經聽說過這些技術，但好奇為什麼沒有提到當下流行的框架，Vue.js和AngularJS，以及後端的代表Node.js，原因是它們並不適合初學者（連全棧是什麼都不懂的小白），它們更適用已經練就了基本功並且已經具備實戰經驗的開發人員，它們是用來提高效率的，而不是領你入門的。如果你現在只是一個程序員小白，恭喜你，你選對了書。因為學完本書，我保證你將對Web全棧開發有一種“原來如此簡單”的感覺，因為我不只是手把手教你做Web開發，而是將其中暗藏的玄機（技巧和原理）告訴你，讓你不至於為了一個坑而陷進去很久出不來。但同時，我要鄭重聲明，本書不是手冊式教程，所以不會列出Web開發需要的所有語法和用法，而是會挑選出重點且具有啟發意義的內容，幫助你盡快上路，從而找到進入Web世界的鑰匙。
本書配套資源
對於執著於源代碼的讀者，我自然不敢怠慢，只要你從正版途徑購買了本書，書中所有的源代碼會隨書附贈；除此之外，為了幫助讀者理清圖書脈絡，也為了便於將本書用作培訓教學用書的老師方便講課，我抽取了全書的框架內容制作了PPT課件。以上內容作為本書的配套資源贈送給讀者，讀者可以通過封底的二維碼和下載鏈接提取使用。
感謝與交流
受我自身能力所限，書中難免會有對技術解讀的不當和偏頗之處，如果你在閱讀本書的過程中發現了類似的錯誤與不恰當的表述，誠摯地歡迎你在github上寫下你的意見和建議，我會對你表示極大的感激，並將盡最大努力將其完善。
眾所周知，學習編程的第一步要學習一門語言，那麼該如何選擇呢？是基礎的C語言，還是高級的Java語言？如果你也有上面的疑惑，請參考一下每年的十大最流行編程語言排行榜。2020年排在第一位是JavaScript，可見它是最受歡迎的語言，原因是JavaScript不僅用途廣泛、使用簡單，並且具有良好的可移植性；它的應用常見於Web開發，比如網站和App，還可以用於開發遊戲。最重要的是，當今是移動互聯網的時代，Web開發技術已經成為剛需。如果你想學習Web開發，請從本書開始。
什麼是Web全棧開發
Web全棧開發的概念是扎克伯格在2014年第一次提出的，但到目前為止，人們尚未對Web全棧開發給出一致的定義。普遍比較認可的一種觀點是，一個Web應用產品（比如網站、App）從技術方面來看，可以分為前端和後端，而全棧就是涵蓋了前後端兩種技術棧的總稱。具體來說，這些技術棧包括前端開發（HTML、CSS和JavaScript）、服務器部署、數據庫（比如MySQL和MongoDB）、後端開發（PHP或Nodejs）、性能優化技術（比如緩存）等。如果要全面掌握這些技術至少需要五年，然而這不是本書的意圖。本書只是希望從前/後端編程技術出發，帶你初步領略一下Web全棧世界。本書的寫作目的有以下三個：
第一，對初學者友好，通過揭示Web應用的工作原理和Web開發需要的編程技術，結合大量實例，幫助你輕松打開Web開發世界的大門；
第二，詳細地描述搭建完整Web應用的全部流程，便於你快速了解前端工程師需要做什麼，後端工程師更看重什麼，以及前端工程師與後端工程師之間如何配合；
第三，清晰地展示Web開發崗位的職業晉升路線，先成為一名前端工程師，再轉為後端工程師，逐步升級到全棧工程師，最終成為系統架構師。
編程語言只是工具
市面上大多數Web開發書籍都是以編程語言的語法介紹和使用為主線，包括羅列HTML的標記，展示CSS的樣式屬性和選擇器的用法，講解JavaScript的基本語法等。很多讀者表示，這些語言學完後，還是不會做Web開發，也記不住這麼多的語法。原因在於，這類“手冊式”的書，只是為你提供了一個個獨立的知識點，而具體應用時，則需要對這些知識點進行多種組合和不斷實踐。但是，關於如何去組合和實踐，卻沒有告訴你。
本書想告訴你的是，編程語言只是工具，是幫助你建設一個Web應用的手段而已。所以，你應該有個具體的挑戰目標，想要搭建一個什麼樣的網站或App，然後對應著各個頁面的功能，去學習所需的技術就好，沒有必要把每一門編程語言的所有語法都學一遍再動手；實話告訴你，很多CSS的樣式屬性你可能未來十年也用不到。實際上，學習Web開發技術，樹立一個明確的目標才是最重要的，而編程語言只是實現目標的手段，千萬不要本末倒置。有了目標之後，就要不斷嘗試與實踐，這才是打開Web開發世界大門的正確方式。
主張帶著任務主動學習
有效的學習一定是主動的，只有當你為了解決問題而去有意識地學習，才會真正有效果。如果你以前只是一味地跟著作者的思路走，那麼大概率是，你以為看完了全書好像什麼都會了，實際上，一周過後，你會發現，全書跟你一點關係都沒有。因此，本書提倡以任務為主的學習，通過給出若幹個任務（示例），讓你思考並選擇合適的技術去完成任務。要知道，所有技術只是為你建造Web大樓提供水泥和鋼筋而已，其設計和實施才是核心，而這兩項重要任務的決定權完全在你。
全書內容框架
全書從總體上來看，可以分為4個部分。
第一部分是準備工作。第1章，主要介紹Web的發展歷史和規律，重點揭示Web的工作原理。第2章，安裝必要的開發工具，為正式的開發做準備。
第二部分是詳細闡述前端開發技術。第3～5章，圍繞前端的基礎技術展開，包括HTML、CSS和JavaScript這三大核心技術，能夠實現交互式網頁的基本搭建。第6～9章，深入地介紹物件的使用，並重點介紹框架的用法和對於快速開發的意義。
第三部分是關於後端開發技術的介紹。第10～13章，重點介紹服務器端的開發技術，包括PHP腳本的用法，MySQL數據庫技術能做什麼，以及PHP和MySQL之間的合作。
第四部分（第14章）是一個綜合項目。目標是通過一個綜合項目實戰，展示如何將前端技術和後端技術相結合，實現一個強交互性的全棧。
本書適合哪些讀者
本書可以作為想要成為具有競爭力的全棧工程師的入門書籍。其中，前端技術包括HTML、CSS、JavaScript，以及CSS的框架Bootstrap和JavaScript的jQuery；後端技術主要是PHP和MySQL。或許你已經聽說過這些技術，但好奇為什麼沒有提到當下流行的框架，Vue.js和AngularJS，以及後端的代表Node.js，原因是它們並不適合初學者（連全棧是什麼都不懂的小白），它們更適用已經練就了基本功並且已經具備實戰經驗的開發人員，它們是用來提高效率的，而不是領你入門的。如果你現在只是一個程序員小白，恭喜你，你選對了書。因為學完本書，我保證你將對Web全棧開發有一種“原來如此簡單”的感覺，因為我不只是手把手教你做Web開發，而是將其中暗藏的玄機（技巧和原理）告訴你，讓你不至於為了一個坑而陷進去很久出不來。但同時，我要鄭重聲明，本書不是手冊式教程，所以不會列出Web開發需要的所有語法和用法，而是會挑選出重點且具有啟發意義的內容，幫助你盡快上路，從而找到進入Web世界的鑰匙。
本書配套資源
對於執著於源代碼的讀者，我自然不敢怠慢，只要你從正版途徑購買了本書，書中所有的源代碼會隨書附贈；除此之外，為了幫助讀者理清圖書脈絡，也為了便於將本書用作培訓教學用書的老師方便講課，我抽取了全書的框架內容制作了PPT課件。以上內容作為本書的配套資源贈送給讀者，讀者可以通過封底的二維碼和下載鏈接提取使用。
感謝與交流
受我自身能力所限，書中難免會有對技術解讀的不當和偏頗之處，如果你在閱讀本書的過程中發現了類似的錯誤與不恰當的表述，誠摯地歡迎你在github上寫下你的意見和建議，我會對你表示極大的感激，並將盡最大努力將其完善。
目次
第1章 Web到底是怎麼一回事兒
1.1 Web的前世、今生和未來 1
1.2 每一次瀏覽網頁都發生了什麼 3
1.3 Web應用開發模式的演變 10
1.4 什麼是前端、後端和全棧 11
1.5 本章小結 13
第2章 開發之旅前的準備工作
2.1 代碼編輯工具 14
2.2 測試環境——Chrome瀏覽器 16
2.3 本地服務器的搭建 17
2.4 第一個Web應用——hello，world. 19
2.5 本章小結 20
第3章 構建網頁內容——HTML基礎
3.1 HTML一門關於標記的語言 21
3.2 超鏈接標記小案例：做一個個人博客主頁 23
3.3 關於路徑 26
3.4 列表標簽小案例：制作國際新聞頁面 28
3.5 表格標簽小案例：制作一張財務季度報表 30
3.6 表單小案例：制作求職申請表 32
3.7 一對好兄弟——Get請求和Post請求 34
3.8 本章小結 37
第4章 網頁一定要漂亮——CSS入門
4.1 為什麼需要CSS. 38
4.2 容器的作用 41
4.3 為什麼是層疊樣式表 45
4.4 一切都是盒子——盒子模型 48
4.5 選擇器讓樣式的應用更有目標感 54
4.6 元素的浮動 58
4.7 關於偽類 65
4.8 本章小結 67
第5章 網頁交互的核心——JavaScript入門
5.1 前端三兄弟：HTML、CSS和JavaScript 69
5.2 JavaScript工作原理大揭秘 73
5.3 像程序員一樣思考 77
5.4 JavaScript基礎 83
5.5 常用的兩個原裝物件：String和Array. 102
5.6 本章小結 104
第6章 拜訪三大物件：Window、Document和Event
6.1 三大物件概述 107
6.2 認識window 物件 109
6.3 理解document物件 117
6.4 說說Event物件 122
6.5 本章小結 127
第7章 如何讓你的頁面吸引人——更多CSS樣式
7.1 原來字體可以很高級 128
7.2 高大上的按鈕 132
7.3 彈性盒子讓布局更簡單 136
7.4 元素在頁面中的定位 143
7.5 讓元素動起來 151
7.6 讓內容自適應不同尺寸的屏幕：響應式網頁 159
7.7 本章小結 167
第8章 一個超級好用的JavaScript庫——jQuery
8.1 真正的動態交互應用 169
8.2 DOM元素的選擇 173
8.3 jQuery對頁面事件的支持 179
8.4 讓內容和樣式的修改變得簡單 188
8.5 客戶端和服務器之間傳輸數據的利器：Ajax. 196
8.6 本章小結 206
第9章 交互式網頁的應用案例
9.1 圖片輪播 207
9.2 網頁內容的動態變化 212
9.3 信息驗證大揭秘：正則表達式 218
9.4 Cookie小餅幹有大作用 223
9.5 從服務器獲取數據給前端 229
9.6 本章小結 232
第10章 終於輪到服務器端了——PHP入門
10.1 動態網頁的工作機制 234
10.2 PHP的基本用法 239
10.3 數組的用法 245
10.4 兩個超級變量——$_GET和$_POST. 247
10.5 外部文件的引入——include和require 250
10.6 PHP與JavaScript的異同 256
10.7 本章小結 257
第11章 PHP與MySQL的初次合作
11.1 關於表單數據的驗證 258
11.2 保存數據到數據庫中——MySQL. 262
11.3 PHP為前端頁面提供數據接口 271
11.4 服務器端存儲少量數據的兩種方式：cookie和session. 273
11.5 本章小結 282
第12章 MySQL數據庫的神奇之處
12.1 為什麼需要數據庫 284
12.2 SQL基礎 286
12.3 對數據表中的記錄排序 292
12.4 關鍵詞搜索 296
12.5 SQL中的統計函數 299
12.6 本章小結 304
第13章 PHP與MySQL的再度合作
13.1 用戶上傳的圖片去哪裡了 306
13.2 多條查詢結果的分頁顯示 313
13.3 PHP和MySQL 聯手打造個性化Web應用 320
13.4 多表查詢 327
13.5 本章小結 331
第14章 綜合項目實戰：小說閱讀網大挑戰
14.1 動手前，先分析 333
14.2 靜態布局 335
14.3 動態頁面 368
14.4 還可以做更多 376
14.5 本章小結 380
致謝. 382
1.1 Web的前世、今生和未來 1
1.2 每一次瀏覽網頁都發生了什麼 3
1.3 Web應用開發模式的演變 10
1.4 什麼是前端、後端和全棧 11
1.5 本章小結 13
第2章 開發之旅前的準備工作
2.1 代碼編輯工具 14
2.2 測試環境——Chrome瀏覽器 16
2.3 本地服務器的搭建 17
2.4 第一個Web應用——hello，world. 19
2.5 本章小結 20
第3章 構建網頁內容——HTML基礎
3.1 HTML一門關於標記的語言 21
3.2 超鏈接標記小案例：做一個個人博客主頁 23
3.3 關於路徑 26
3.4 列表標簽小案例：制作國際新聞頁面 28
3.5 表格標簽小案例：制作一張財務季度報表 30
3.6 表單小案例：制作求職申請表 32
3.7 一對好兄弟——Get請求和Post請求 34
3.8 本章小結 37
第4章 網頁一定要漂亮——CSS入門
4.1 為什麼需要CSS. 38
4.2 容器的作用 41
4.3 為什麼是層疊樣式表 45
4.4 一切都是盒子——盒子模型 48
4.5 選擇器讓樣式的應用更有目標感 54
4.6 元素的浮動 58
4.7 關於偽類 65
4.8 本章小結 67
第5章 網頁交互的核心——JavaScript入門
5.1 前端三兄弟：HTML、CSS和JavaScript 69
5.2 JavaScript工作原理大揭秘 73
5.3 像程序員一樣思考 77
5.4 JavaScript基礎 83
5.5 常用的兩個原裝物件：String和Array. 102
5.6 本章小結 104
第6章 拜訪三大物件：Window、Document和Event
6.1 三大物件概述 107
6.2 認識window 物件 109
6.3 理解document物件 117
6.4 說說Event物件 122
6.5 本章小結 127
第7章 如何讓你的頁面吸引人——更多CSS樣式
7.1 原來字體可以很高級 128
7.2 高大上的按鈕 132
7.3 彈性盒子讓布局更簡單 136
7.4 元素在頁面中的定位 143
7.5 讓元素動起來 151
7.6 讓內容自適應不同尺寸的屏幕：響應式網頁 159
7.7 本章小結 167
第8章 一個超級好用的JavaScript庫——jQuery
8.1 真正的動態交互應用 169
8.2 DOM元素的選擇 173
8.3 jQuery對頁面事件的支持 179
8.4 讓內容和樣式的修改變得簡單 188
8.5 客戶端和服務器之間傳輸數據的利器：Ajax. 196
8.6 本章小結 206
第9章 交互式網頁的應用案例
9.1 圖片輪播 207
9.2 網頁內容的動態變化 212
9.3 信息驗證大揭秘：正則表達式 218
9.4 Cookie小餅幹有大作用 223
9.5 從服務器獲取數據給前端 229
9.6 本章小結 232
第10章 終於輪到服務器端了——PHP入門
10.1 動態網頁的工作機制 234
10.2 PHP的基本用法 239
10.3 數組的用法 245
10.4 兩個超級變量——$_GET和$_POST. 247
10.5 外部文件的引入——include和require 250
10.6 PHP與JavaScript的異同 256
10.7 本章小結 257
第11章 PHP與MySQL的初次合作
11.1 關於表單數據的驗證 258
11.2 保存數據到數據庫中——MySQL. 262
11.3 PHP為前端頁面提供數據接口 271
11.4 服務器端存儲少量數據的兩種方式：cookie和session. 273
11.5 本章小結 282
第12章 MySQL數據庫的神奇之處
12.1 為什麼需要數據庫 284
12.2 SQL基礎 286
12.3 對數據表中的記錄排序 292
12.4 關鍵詞搜索 296
12.5 SQL中的統計函數 299
12.6 本章小結 304
第13章 PHP與MySQL的再度合作
13.1 用戶上傳的圖片去哪裡了 306
13.2 多條查詢結果的分頁顯示 313
13.3 PHP和MySQL 聯手打造個性化Web應用 320
13.4 多表查詢 327
13.5 本章小結 331
第14章 綜合項目實戰：小說閱讀網大挑戰
14.1 動手前，先分析 333
14.2 靜態布局 335
14.3 動態頁面 368
14.4 還可以做更多 376
14.5 本章小結 380
致謝. 382
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。