第 1 部分 開啟編程之旅 1 第　1 章 什么是編程　3 1.1　給編程下個(gè)定義　4 1.1.1　按照指令動(dòng)作　4 1.1.2　跟著“憤怒的小鳥”學(xué)編程　5 1.2　理解程序能做什么　6 1.2.1　軟件正在席卷全世界　6 1.2.2　工作中的編程　8 1.2.3　直擊痛點(diǎn)（不要急功近利）　9 1.3　編程語(yǔ)言種類之初探　9 1.3.1　低級(jí)編程語(yǔ)言和高級(jí)編程語(yǔ)言　11 1.3.2　解釋型語(yǔ)言和編譯型語(yǔ)言　11 1.3.3　Web 編程　12 1.4　用代碼構(gòu)建一個(gè) Web 應(yīng)用　12 1.4.1　定義應(yīng)用的功能目標(biāo)和功能范圍　12 1.4.2　站在巨人的肩膀上　13 第　2 章 編寫 Web 應(yīng)用程序　14 2.1　在桌面計(jì)算機(jī)和智能手機(jī)上顯示 Web 頁(yè)面　14 2.1.1　“破解”你最喜歡的網(wǎng)站　15 2.1.2　理解 www 網(wǎng)站是如何工作的　17 2.1.3　前臺(tái)與后臺(tái)　19 2.1.4　定義 Web 和移動(dòng)應(yīng)用　20 2.2　編寫 Web 應(yīng)用　21 2.2.1　從 HTML、CSS 和 JavaScript 入手　21 2.2.2　使用 Ruby、Python 和 PHP 編寫網(wǎng)站邏輯　22 2.3　編寫移動(dòng)應(yīng)用　23 2.3.1　開發(fā)移動(dòng) Web 應(yīng)用　24 2.3.2　構(gòu)建本地移動(dòng)應(yīng)用　25 第　3 章 成為一個(gè)程序員　28 3.1　“沒(méi)有規(guī)矩不成方圓”，學(xué)會(huì)按照流程工作　28 3.1.1　理清需求　30 3.1.2　展開設(shè)計(jì)　31 3.1.3　開始編碼　32 3.1.4　調(diào)試程序　33 3.2　為工作選擇合適的工具　34 3.2.1　離線工作　34 3.2.2　使用 Codecademy 在線工作　35 第　2 部分 創(chuàng)建一個(gè)規(guī)范的、交互式的網(wǎng)頁(yè)　37 第　4 章 HTML 之初體驗(yàn)　39 4.1　HTML 語(yǔ)言的作用　39 4.2　理解 HTML 程序結(jié)構(gòu)　40 4.2.1　識(shí)別頁(yè)面上的元素　41 4.2.2　使用“屬性”調(diào)整標(biāo)簽的顯示風(fēng)格　43 4.2.3　head、title 和 body 標(biāo)簽要位于 HTML 文件的頂部　44 4.3　熟練掌握 HTML 任務(wù)和標(biāo)簽　45 4.3.1　編寫標(biāo)題　47 4.3.2　組織段落中的文字　48 4.3.3　鏈接到你的內(nèi)容　49 4.3.4　顯示圖片　50 4.4　“調(diào)”出一張漂亮的面孔　51 4.4.1　使用粗體、斜體、下劃線、刪除線來(lái)“強(qiáng)調(diào)”一段文字　51 4.4.2　將文字顯示為上標(biāo)、下標(biāo)　52 4.5　使用 HTML 語(yǔ)言完成第 一個(gè) Web 頁(yè)面　53 第　5 章 深度玩轉(zhuǎn) HTML　56 5.1　組織頁(yè)面上的內(nèi)容　56 5.2　使用列表　58 5.2.1　創(chuàng)建一個(gè)排序、亂序列表　59 5.2.2　使用嵌套列表　60 5.3　在表格中組織數(shù)據(jù)　61 5.3.1　基本表格結(jié)構(gòu)　62 5.3.2　拉伸表格的行和列　63 5.3.3　列表與單元格對(duì)齊　64 5.4　靈活使用表單　67 5.4.1　理解表單的工作原理　67 5.4.2　創(chuàng)建基本表單　68 5.5　使用 HTML 做進(jìn)一步的練習(xí)　70 第　6 章 使用 CSS 調(diào)整 HTML 風(fēng)格　72 6.1　CSS 的作用　73 6.2　CSS 的程序結(jié)構(gòu)　74 6.2.1　選擇一個(gè)頁(yè)面元素來(lái)調(diào)整風(fēng)格　74 6.2.2　為屬性賦值　76 6.2.3　“破解”喜愛(ài)網(wǎng)站的 CSS 代碼　77 6.3　CSS 的功能分工與選擇器　78 6.3.1　“翩翩起舞”的文字：調(diào)整字體、顏色、風(fēng)格、大小及裝飾效果　79 6.3.2　定制超鏈接　83 6.3.3　添加背景圖片和調(diào)整前景圖片的風(fēng)格　85 6.4　調(diào)出漂亮的外觀　89 6.4.1　在 HTML 程序中添加 CSS　89 6.4.2　編寫第 一個(gè) Web 頁(yè)面　92 第　7 章 更進(jìn)一步地活用 CSS　93 7.1　進(jìn)一步調(diào)整 HTML 元素的風(fēng)格　94 7.1.1　調(diào)整列表的風(fēng)格　94 7.1.2　重新設(shè)計(jì)表格　97 7.2　選擇 HTML 對(duì)象以調(diào)整風(fēng)格　99 7.2.1　調(diào)整特定元素的風(fēng)格　99 7.2.2　為 HTML 元素命名　103 7.3　調(diào)整 HTML 元素的對(duì)齊方式和布局方式　105 7.3.1　組織頁(yè)面上的內(nèi)容　105 7.3.2　調(diào)整 div 標(biāo)簽外觀　107 7.3.3　深入理解盒模型　109 7.3.4　為每一個(gè)元素的盒模型設(shè)定位置　110 7.4　使用高級(jí)的 CSS 編程技巧　113 第　8 章 靈活使用編程利器——Bootstrap　115 8.1　Bootstrap 的作用　116 8.2　安裝 Bootstrap　117 8.3　掌握 Bootstrap 的頁(yè)面布局選項(xiàng)　118 8.3.1　網(wǎng)格系統(tǒng)原理　119 8.3.2　“傻瓜式”拖曳法創(chuàng)建頁(yè)面布局　121 8.3.3　使用預(yù)先定義好的模板　122 8.3.4　為移動(dòng)設(shè)備、平板電腦和臺(tái)式機(jī)適配頁(yè)面布局　123 8.4　編寫基本的頁(yè)面元素　125 8.4.1　按鈕的華麗轉(zhuǎn)身　125 8.4.2　使用工具條導(dǎo)航　127 8.4.3　添加圖標(biāo)　128 8.5　構(gòu)建 Airbnb 網(wǎng)站首頁(yè)　129 第　9 章 在頁(yè)面上添加 JavaScript 程序　131 9.1　JavaScript 的作用　132 9.2　理解 JavaScript 的程序結(jié)構(gòu)　133 9.3　使用分號(hào)、引號(hào)、小括號(hào)和大括號(hào)　134 9.4　使用 JavaScript 完成一些基本任務(wù)　135 9.4.1　使用變量保存數(shù)據(jù)　135 9.4.2　使用 if-else 語(yǔ)句進(jìn)行條件判斷　136 9.4.3　靈活使用字符串和數(shù)字方法　140 9.4.4　警告窗口和提示輸入窗口　142 9.4.5　使用函數(shù)來(lái)為代碼塊命名　143 9.4.6　向 Web 頁(yè)面中添加 JavaScript 代碼　144 9.5　編寫第 一個(gè) JavaScript 程序　146 9.6　靈活使用 API　146 9.6.1　API 究竟是做什么的　147 9.6.2　無(wú)米之炊：沒(méi)有 API 的情況下“爬取”數(shù)據(jù)　149 9.6.3　尋找和選擇一個(gè)合適的 API　151 9.7　靈活使用 JavaScript 庫(kù)　152 9.7.1　jQuery　152 9.7.2　D3.js　153 9.8　使用 YouTube API 搜索視頻　153 第　3 部分 構(gòu)建一個(gè)完整的 Web 應(yīng)用　155 第　10 章 開發(fā)我們自己的應(yīng)用　157 10.1　構(gòu)建一個(gè)能自動(dòng)獲得地理位置的 Web 應(yīng)用　158 10.1.1　理解需求　158 10.1.2　為下一步的工作做打算　159 10.2　遵循一個(gè)標(biāo)準(zhǔn)的應(yīng)用開發(fā)流程　159 10.3　為第 一款程序做計(jì)劃　161 10.4　探索完整的開發(fā)流程　162 10.5　與各方專業(yè)人士為伍打造自己的 Web 應(yīng)用　163 10.5.1　與設(shè)計(jì)師一起完成產(chǎn)品的界面設(shè)計(jì)　164 10.5.2　與前端和后端工程師一起編程　166 10.5.3　與產(chǎn)品經(jīng)理一起管理項(xiàng)目　167 10.5.4　與測(cè)試人員一起保證項(xiàng)目質(zhì)量　168 第　11 章 “明明白白”做應(yīng)用　169 11.1　將一個(gè) App 劃分成不同的步驟　170 11.1.1　理解需求　170 11.1.2　理解需求：從寫在紙上到刻入腦�！�171 11.1.3　為 App 設(shè)計(jì)外觀　173 11.1.4　為 App 設(shè)計(jì)外觀：唐老鴨餐廳 App 的外觀設(shè)計(jì)　177 11.2　尋找可復(fù)用的資源　179 11.3　為 App 的每一個(gè)步驟尋找解決方案　181 11.4　為每一個(gè)步驟找到一個(gè)解決方案　184 第　12 章 編寫和調(diào)試我們的第 一個(gè) Web 應(yīng)用　187 12.1　為開始進(jìn)行編碼工作做好準(zhǔn)備　187 12.2　為第 一個(gè) Web 應(yīng)用編寫代碼　189 12.2.1　開發(fā)環(huán)境　189 12.2.2　我為唐老鴨餐廳 App 編寫的代碼模板　189 12.2.3　編碼過(guò)程中需要遵循的幾個(gè)步驟　193 12.3　調(diào)試 App　196 第　4 部分 進(jìn)一步提高編程技術(shù)　199 第　13 章 初識(shí) Ruby 語(yǔ)言　201 13.1　Ruby 的作用　201 13.2　定義 Ruby 程序的結(jié)構(gòu)　203 13.2.1　理解 Ruby 的編程原則　203 13.2.2　程序風(fēng)格及縮進(jìn)　204 13.3　使用 Ruby 實(shí)現(xiàn)簡(jiǎn)單的任務(wù)　205 13.3.1　定義數(shù)據(jù)類型和變量　206 13.3.2　使用 Ruby 執(zhí)行基本和高級(jí)的數(shù)學(xué)計(jì)算　207 13.3.3　使用字符串及一些特殊字符　207 13.3.4　使用 if、elsif、else 進(jìn)行條件判斷　208 13.3.5　輸入和輸出　210 13.4　字符串整形　211 13.4.1　字符串方法：upcase、downcase 和 strip　212 13.4.2　在字符串中插入一個(gè)變量　212 13.5　使用 Ruby 開發(fā)一個(gè)簡(jiǎn)單的字符串格式化工具　213 第　14 章 大話 Python 編程　215 14.1　Python 的作用　215 14.2　定義 Python 語(yǔ)言的程序結(jié)構(gòu)　217 14.2.1　理解 Python 的程序設(shè)計(jì)原則　217 14.2.2　程序風(fēng)格及縮進(jìn)　218 14.3　使用 Python 實(shí)現(xiàn)簡(jiǎn)單的任務(wù)　220 14.3.1　定義數(shù)據(jù)類型和變量　220 14.3.2　使用 Python 執(zhí)行基本和高級(jí)的數(shù)學(xué)計(jì)算　221 14.3.3　使用字符串及一些特殊字符　222 14.3.4　使用 if、elif、else 進(jìn)行條件判斷　223 14.3.5　輸入和輸出　225 14.4　字符串整形　226 14.4.1　使用點(diǎn)操作符調(diào)用 upper()、lower()、capitalize() 和strip()　226 14.4.2　使用 % 格式化字符串　227 14.5　使用 Python 開發(fā)一個(gè)簡(jiǎn)單的便貼統(tǒng)計(jì)工具　227 第　5 部分 玩轉(zhuǎn) Web 之“十大絕技”　229 第　15 章 程序員之友：10 個(gè)編程常用的免費(fèi)資源　231 15.1　用來(lái)學(xué)習(xí)編程的網(wǎng)站　231 15.1.1　Codecademy 網(wǎng)站　232 15.1.2　Coursera 和 Udacity 網(wǎng)站　232 15.1.3　Hack Design 網(wǎng)站　233 15.1.4　CODE 網(wǎng)站　234 15.2　編程參考類網(wǎng)站　234 15.2.1　W3Schools 網(wǎng)站　235 15.2.2　Mozilla 開發(fā)者網(wǎng)站　236 15.2.3　Stack Overfl ow 網(wǎng)站　236 15.3　行業(yè)新聞與在線社區(qū)　236 15.3.1　TechCrunch 網(wǎng)站　237 15.3.2　Hacker News 網(wǎng)站　237 15.3.3　Meetup 網(wǎng)站　238 第　16 章 對(duì)初學(xué)者的 10 個(gè)忠告　240 16.1　選擇任意一門編程語(yǔ)言　240 16.2　設(shè)定一個(gè)目標(biāo)　241 16.3　分解目標(biāo)　242 16.4　魚與熊掌：資源與時(shí)間的權(quán)衡　243 16.5　開發(fā)者之友：搜索引擎　243 16.6　解決 bug　244 16.7　將自己的作品發(fā)布出去　245 16.8　收集反饋　246 16.9　為自己的代碼做迭代　247 16.10　分享成功與失敗　247