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