編程可以很簡單

第 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　編程語言種類之初探　9
1．3．1　低級編程語言和高級編程語言　11
1．3．2　解釋型語言和編譯型語言　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 頁面　14
2．1．1　“破解”你最喜歡的網(wǎng)站　15
2．1．2　理解 www 網(wǎng)站是如何工作的　17
2．1．3　前臺與后臺　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　“沒有規(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)頁　37
第　4 章 HTML 之初體驗(yàn)　39
4．1　HTML 語言的作用　39
4．2　理解 HTML 程序結(jié)構(gòu)　40
4．2．1　識別頁面上的元素　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　使用粗體、斜體、下劃線、刪除線來“強(qiáng)調(diào)”一段文字　51
4．4．2　將文字顯示為上標(biāo)、下標(biāo)　52
4．5　使用 HTML 語言完成第 一個(gè) Web 頁面　53
第　5 章 深度玩轉(zhuǎn) HTML　56
5．1　組織頁面上的內(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　列表與單元格對齊　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è)頁面元素來調(diào)整風(fēng)格　74
6．2．2　為屬性賦值　76
6．2．3　“破解”喜愛網(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 頁面　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 對象以調(diào)整風(fēng)格　99
7．2．1　調(diào)整特定元素的風(fēng)格　99
7．2．2　為 HTML 元素命名　103
7．3　調(diào)整 HTML 元素的對齊方式和布局方式　105
7．3．1　組織頁面上的內(nèi)容　105
7．3．2　調(diào)整 div 標(biāo)簽外觀　107
7．3．3　深入理解盒模型　109
7．3．4　為每一個(gè)元素的盒模型設(shè)定位置　110
7．4　使用高級的 CSS 編程技巧　113
第　8 章 靈活使用編程利器——Bootstrap　115
8．1　Bootstrap 的作用　116
8．2　安裝 Bootstrap　117
8．3　掌握 Bootstrap 的頁面布局選項(xiàng)　118
8．3．1　網(wǎng)格系統(tǒng)原理　119
8．3．2　“傻瓜式”拖曳法創(chuàng)建頁面布局　121
8．3．3　使用預(yù)先定義好的模板　122
8．3．4　為移動(dòng)設(shè)備、平板電腦和臺式機(jī)適配頁面布局　123
8．4　編寫基本的頁面元素　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)站首頁　129
第　9 章 在頁面上添加 JavaScript 程序　131
9．1　JavaScript 的作用　132
9．2　理解 JavaScript 的程序結(jié)構(gòu)　133
9．3　使用分號、引號、小括號和大括號　134
9．4　使用 JavaScript 完成一些基本任務(wù)　135
9．4．1　使用變量保存數(shù)據(jù)　135
9．4．2　使用 if-else 語句進(jìn)行條件判斷　136
9．4．3　靈活使用字符串和數(shù)字方法　140
9．4．4　警告窗口和提示輸入窗口　142
9．4．5　使用函數(shù)來為代碼塊命名　143
9．4．6　向 Web 頁面中添加 JavaScript 代碼　144
9．5　編寫第 一個(gè) JavaScript 程序　146
9．6　靈活使用 API　146
9．6．1　API 究竟是做什么的　147
9．6．2　無米之炊：沒有 API 的情況下“爬取”數(shù)據(jù)　149
9．6．3　尋找和選擇一個(gè)合適的 API　151
9．7　靈活使用 JavaScript 庫　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　與測試人員一起保證項(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　編碼過程中需要遵循的幾個(gè)步驟　193
12．3　調(diào)試 App　196
第　4 部分 進(jìn)一步提高編程技術(shù)　199
第　13 章 初識 Ruby 語言　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)簡單的任務(wù)　205
13．3．1　定義數(shù)據(jù)類型和變量　206
13．3．2　使用 Ruby 執(zhí)行基本和高級的數(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è)簡單的字符串格式化工具　213
第　14 章 大話 Python 編程　215
14．1　Python 的作用　215
14．2　定義 Python 語言的程序結(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)簡單的任務(wù)　220
14．3．1　定義數(shù)據(jù)類型和變量　220
14．3．2　使用 Python 執(zhí)行基本和高級的數(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è)簡單的便貼統(tǒng)計(jì)工具　227
第　5 部分 玩轉(zhuǎn) Web 之“十大絕技”　229
第　15 章 程序員之友：10 個(gè)編程常用的免費(fèi)資源　231
15．1　用來學(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 章 對初學(xué)者的 10 個(gè)忠告　240
16．1　選擇任意一門編程語言　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