編程可以很簡(jiǎn)單

第 1 部分 開(kāi)啟編程之旅 1
第　1 章 什么是編程　3
1．1　給編程下個(gè)定義　4
1．1．1　按照指令動(dòng)作　4
1．1．2　跟著“憤怒的小鳥(niǎo)”學(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　開(kāi)發(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　展開(kāi)設(shè)計(jì)　31
3．1．3　開(kāi)始編碼　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 章 開(kāi)發(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)用開(kāi)發(fā)流程　159
10．3　為第 一款程序做計(jì)劃　161
10．4　探索完整的開(kāi)發(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　為開(kāi)始進(jìn)行編碼工作做好準(zhǔn)備　187
12．2　為第 一個(gè) Web 應(yīng)用編寫代碼　189
12．2．1　開(kāi)發(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 開(kāi)發(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 開(kāi)發(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 開(kāi)發(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　魚(yú)與熊掌：資源與時(shí)間的權(quán)衡　243
16．5　開(kāi)發(fā)者之友：搜索引擎　243
16．6　解決 bug　244
16．7　將自己的作品發(fā)布出去　245
16．8　收集反饋　246
16．9　為自己的代碼做迭代　247
16．10　分享成功與失敗　247