0 本書使用指南
0-1 感謝你打開這本書
0-2 本書大致可以著重在三個面向的學習重點
0-3 為什麼之前學程式會失敗
0-4 為什麼以本書學程式會成功

1 JS 程式學習篇：基本語法練習
1-1 開發環境建置
1-2 學習目標／演練成果
1-3 程式碼是什麼？
1-4 敘述句 Statement
1-5 註解
1-6關鍵字/ 保留字
1-7 變數
1-8 資料型別 Data Type
1-9 變數命名規則
1-10 陣列 Array
1-11 運算式＆運算子

2 IDE 篇
2-1 學習目標／演練成果
2-2 IDE 是什麼？
2-3 codesandbox 可以做什麼？不能做什麼？
2-4 codesandbox 設定
2-5 package.json 簡介
2-6 執行 nodemon
2-7 codesandbox 的狀況排除

3 程式學習篇：函式方法與物件
3-1 開發環境
3-2 學習目標／演練成果
3-3 函式 & 箭頭函式
3-4 變數作用範圍 / 變數作用域 scope
3-5 物件
3-6 物件與類別
3-7 全域物件
3-8 全域物件 STRING 字串
3-9 全域物件 NUMBER
3-10 常用屬性及內建函式
3-11 全域物件 MATH
3-12 常用屬性及內建函式
3-13 全域物件 DATE & TIME
3-14 陣列函式
3-15 自訂全域物件 & module

4 JS 程式學習篇：決策與迴圈
4-1 學習目標／演練成果
4-2 條件判斷式
4-3 迴圈
4-4 陣列函式的迴圈應用

5 JS 程式學習篇：非同步與 API
5-1 學習目標／演練成果
5-2 同步sync vs 非同步 async
5-3 非同步語法的實現
5-4 Promise 物件與 async & await 語法
5-5 並行運算 concurrent computing vs 平行運算 parallel computing

6 實作練習篇：實作網站版剪刀石頭布
6-1 學習目標／演練成果
6-2 使用者輸入參數
6-3 新增 GAME 物件
6-4 撰寫 GAME 物件
6-5 遊戲邏緝程式碼放在前端
6-6 使用 framework 框架 expres
附帶一提：使用 webpack 打包
說明

7 開源篇：npm & github
7-1 學習目標／演練成果
7-2 實做開源套件：天氣小幫手
7-3 改寫成可以發佈的形式
7-4 GitHub 發佈
7-5 加一個 nodeman 避免 codesandbox 錯認為 前端開發環境
7-6 Link Sandbox
7-7 加上github repository 跟 npm 上的 package 的關聯性
7-8 協作開發
7-9 Open Source 開源生態圈

8 LINE Bot 篇：LINE Message API
8-1 前言
8-2 學習目標／演練成果
8-3 實做 天氣小幫手 LINE bot 版
8-4 小結
8-5 常用功能解釋
8-6 附帶一提：程式工程師開發新內容的起手式

9 機器學習篇：Dialogflow
9-1 前言
9-2 學習目標／演練成果
9-3 dialogflow 基本介面操作
9-4 Intents 意圖
9-5 Entities
9-6 call dialogflow API
9-7 dialogflow 練習一
9-8 dialogflow 練習二
9-9 dialogflow 練習三

10 上雲篇：GCP
10-1 前言
10-2 學習目標／演練成果
10-3 部屬到 Google Cloud Function
10-4 附帶一提：後端解決方案歷史
10-5 練習

11 總結篇：JS 的無限可能
11-1 後端解決方案
11-2 前端網頁
11-3 區塊鏈
11-4 人工智慧
11-5 IOT
11-6 APP 行動應用程式
11-7 桌面應用軟體
11-8 自動化測試及爬蟲
11-9 其他11-10 以 JS 為基礎發展的語法等

序

　　感謝你打開這本書，我不知道你的動機為何？

　　我猜想，可能你的身分或是你的工作，迫使你必需學習一些，又或是很多程式上的技巧，來滿足你的專業或是學業上的需求，所以你打開了這本書。

　　又或者，你只是因為單純的：「興趣」，又剛好有時間，在這個閒暇的午後裡，書架上，發現我這一本有趣的書。

　　簡簡單單就能學會這所有的程式技能？

　　這有可能嗎？

　　畢竟在那之前，你也曾是花過時間，費過苦功，練習過一翻，但很明顯，成效不彰，所以你現在翻起了這本書。

　　而我對打開這本書的你，頗為好奇，如果你願意的話，可以讓我邀請你到我的 medium 上留言，我想知道確切的原因，使你找到本書之後，打開了本書。

　　wolkesau.medium.com/

　　忘了自我介紹一番。

　　我是一位程式設計師 , programer , coder , 又或者，我更希望介紹自已為一位 developer 開發者，因為我們程式圈裡的總喜歡這麼稱呼。

　　你除了可以在我的 medium 上，發現我的文章之外，也會發現我活躍在程式社群，又或是開源專案，因為喜歡分享，所以我在2018 年成為了 LAE ，2019 年成為了 GDE。

　　＊ LAE: LINE Message API Expert
　　＊ GDE: Google Developer Expert

　　這是全球程式圈 hero program ，能成為 LAE 及 GDE 是得經過重重關卡的，人數也是少之又少，而我有幸成為台灣代表之一。

　　也因為這個緣故，我在 2019 年時，在全台辦了 30 場的程式工作坊，走訪了許多地方，例如六都的都會區，或者是較為二線的區域，諸如：新營，花蓮，屏東等等；到過這些地方，和許多同好牽起了緣份。

　　舉辦的程式工作坊以入門為主，除了我意料之中的大學生、社會人士之外，我意料之外、意想不到的參與者也會出現，例如剛忙完農事的農婦，國小4年級的同學，耄耋之年的退休長者等。

　　和上千開發者，實體面對面的交流，使我收益良多，也更理解學習程式專業上，會有那些問題與盲點，當年便在心中醞釀著本書的誕生。

　　原本 2020 年還要繼續這個路線辦理，目標是是一百場的工作坊，可惜因疫情來攪局的關係，只能轉為線上；但線上的活動，就是少了⋯「溫度」，沒了「溫度」 ，也就少了「動力」。

　　終於，在深智出版社的邀請之下，重新燃起「動力」，撰寫本書。

　　本書是總結筆者觀察到很多人在學習程式上的問題，所寫出來的一本書，本書的目地是，盡量的讓初學者在專業能力不足的情況，能夠依照著本書的教學，一窺程式業界的面目。

　　本書大致可以著重在三個面向的學習重點

　　1. 程式語法的學習
　　2. 程式應用的開發
　　3. 程式系統的維運

　　程式語法的學習

　　基礎的程式語法是很重要的，本書前面篇幅偏重在語法的學習與練習。

　　例如：JS 程式學習篇：基本語法練習、JS 程式學習篇：函式方法與物件、JS 程式學習篇：決策與迴圈、JS 程式學習篇：非同步與API

　　程式應用的開發

　　懂了程式語法之後，就要有辦法使用程式語法以及使用幫助開發的工具，建構出符合需求的應用程式。

　　本書在：IDE 篇、實作練習篇：實作網站版剪刀石頭布、開源篇：npm &github、LINE Bot 篇：LINE Message API，都有實作及探討。

　　程式系統的維運

　　程式要如何上線，上線之後如何持續維護，在：開源篇：npm & github、上雲篇：GCP，有實作及探討。

　　為什麼之前學程式會失敗

　　本書會這樣規畫，也是來自於北中南的教學經驗中，我所看到初學者問題，總括有三：

　　1. 身為初學者，一開始選擇了太難的程式語言
　　2. 不好的程式學習體驗
　　3. 時間

　　身為初學者，一開始選擇了太難的程式語言

　　在辦工作坊時，最常聽到的就是 JS 真的比他們以前在大學裡學的語言，好學許多。

　　讓我想起筆者以前學程式時，因為沒有太多程式語言可以選，懂得程式語言的老師也不多，而他們熟悉的語言，也就那幾種。

　　筆者非本科系出身，出社會之後，因為總覺得這不是自已喜歡的工作，故本著對程式的興趣，毅然而然的離職進修去了。

　　尤記得筆者當年報名的是某知名機構，在只有半年的程式專班，該程式班教授的程式語言是 C++ ，在毫無基礎的情況之下學習 C++ ，那真的是相當的辛苦與痛苦，在熬過了那半年，到後來重新進入職場，開始撰寫程式後，學習了 VB, JAVA , JavaScript ，理解到了 C 系列語言，真的是比較難。

　　不好的程式學習體驗

　　除此之外，該程式專班，在只有半年裡，還塞入了的大學四年的程式專業課程，尤記得當時，我們的課程是以一周六天，早中晚一直上，完全沒有任何的緩衝時間，現在回頭來看，這真的是太惡搞了。

　　你可以想見，當時的筆者，每天的學習就是活在挫折痛苦之中，尤其是一想到繳了快 20 萬的學費，那可是我當時快半年的薪水，我是帶著破斧沈舟的心情，辭掉工作去報名的，在那樣的情況之下，也只能硬著頭皮學下去。

　　因為這樣的課程安排，所以陣亡率非常之高，同期進來者，待到最後連我剩 3 個，而另外 2 個待過業界寫過程式，是回來的進修的，所以那其實是算是進修班，可能是因為湊不滿學生，就這麼惡搞加了一些基礎課程就來招初學者了。

　　筆者不是相關科系畢業，當年的大學也沒有像現在這麼重視 IT 相關的知識，身為一個入門者，在當下真的看不出來，在只有半年時間可以學習的情況下，這樣的課程安排是有問題的，就這樣一知半解的把頭給洗下去了，真是非常的憨膽。

　　我還記得那時同班還有位業界企畫 ，因為不爽程式工程師常把他的企畫打槍，所以申請了在職進修進來學，然後兩週後，他就決定老老實實的回去做他的企畫了。

　　現在回過來頭來看，其實不是程式語言太難學，而是整個學習規畫有問題。

　　時間

　　程式工程師在撰寫程式時，是處於相當專心的狀態，也會很享受這樣的狀態之下，且工作效率也非常高，一寫 8 個小時，也不是問題，而現在有個專有名語詞，叫做心流狀態 flow 。

　　任何的活動，不管是運動學習，都可以有心流狀態；而在心流狀態之下，最害怕就是打擾，進而打斷。

　　而寫程式要進入心流狀態，比其他的活動困難許多；例如，畫畫，只需要拿到畫筆就能再次進入心流狀態；但是寫程式的前置作業太多，例如，開機，設定好開發環境，讀一下之前的工作紀錄，為了接下來的開發，要讀一下SDK，再來看一看之前寫的 code 等等，所以寫程式進入心流狀態是一件較為麻煩的事。

　　那寫程式進入心流狀態已經這麼麻煩了，程式的學習當然更是，如果你參加了坊間的補習班，但因為時間的關係，有一堂沒一堂的參與，能夠吸收多少，我是抱持著懷疑的態度。

　　為什麼以本書學程式會成功

　　綜合上述三個原因，在本書呈現的因應對策為：

　　1. 較友善的程式語言
　　2. 較好的學習體驗
　　3. 不需要擔心時間

　　較友善的程式語言

　　JS 本身在當年就是因為美術設計師有開發網頁的需求，由程式人員設計給美術人員學習使用的，所以 JS 比較好學是無庸置疑的。

　　較好的學習體驗

　　小朋友學東西，都是邊做邊玩邊學的，做好之後，就分享給爸媽來籍此獲得成就感。

　　故筆者參考這份教養上所獲得的經驗，本書有相當多的實作，可以讓讀者寫出來之後，分享給朋友，達到邊做邊玩邊學邊分享並獲得成就感的愉悅學習體驗。

　　不需要擔心時間

　　因為是一本書，所以你不需要擔心時間上無法配合。

　　想學的時候，打開；累了，就闔上，休息。

　　如果還是不夠的話，提示一下，筆者另有和知名線上教育平台有合作錄製線上課程，歡迎參考。

　　hiskio.com/courses/343/about
　　hiskio.com/courses/345/about