LINE聊天機器人+AI+雲端+開源+程式：輕鬆入門到完整學習

時至今日，程式開發已經不再是程式工程師的專利！
108年學年度，教育部已將程式開發列為12年國教的課鋼之一。
要不要學已經不再是爭執的重點，而是：一，怎麼學，二，在那裡用，才是我們該專注的目標。

一，怎麼學?
程式是電腦的語言，和我們人類講的語言當然一定有代溝；而剛學程式，最早獲得就是挫折感，然後，就沒有然後了。
這應該是很多人第一次學習程式的感想吧?
為了增加成就感，減少挫折感，筆者特地選用，號稱地表最簡單的程式語言 JavaScript 並先剪去往常講 JS 學習的書籍都會帶的 HTML 等前端語法。
從後端開始，就可以建置應用，讓各位讀書可以輕鬆分享開發成果給好友，增進各位的成就感，進而有繼續學習下去的勇氣。
有了學習的勇氣後，再一步一步的將目前程式開發大略會碰到的知識一步步代入，使各位成長。

二，在那裡用?
JavaScript 是一套很值得投資時間學習的語言，軟體開發界有一句名言「Anything that can be Written in JavaScript, will Eventually be Written in JavaScript」，意思是說：任何可以以 JavaScript 實現的應用，最終都會以 JavaScript 實現 。
放在今時今日來看，javascript 除了在網頁前端上的發光發熱之外，在其他的領域都有相對應的套件，例如：後端有 node.js ，IOT 物聯裝置有 Node-Red …
除此之外，在G的領域，Google App Script 也是以 javascript 做為基礎所以研發的語言。
在非技術工作上，培養邏輯思維；快速反應市場變化，降低對技術人員的倚賴；驗證商業構想，優化營運流程；以及規劃大型專案時，將商業需求轉譯為技術問題的能力，對於每一個人而言，應該都是數位時代職場競爭力的重要元素，也是掌握基本程式能力後，可望達成的目標。

本書看點

★三個面向的學習重點☆

✪程式語法的學習
基礎的程式語法是很重要的，本書前面篇幅偏重在語法的學習與練習。
例如：JS程式學習篇：基本語法練習、JS程式學習篇：函式方法與物件、JS程式學習篇：決策與迴圈、JS程式學習篇：非同步與API

✪程式應用的開發
懂了程式語法之後，就要有辦法使用程式語法以及使用幫助開發工具，建構出符合需求的應用程式。
本書在：IDE篇、實作練習篇：實作網站版剪刀石頭布、開源篇：npm & github、LINE Bot 篇：LINE Message API，都有實作及探討

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

Wolke Lin 林建宏

Badget 勳章:
LINE Api Expert
Google Developer Expert

milestone 里程碑 :
2019年 執行全台 30 場實體工作坊 上千開發者參與
2020年 因 covid-19 改做線上課程 上百好評熱賣中
2021年 意外受傷，躺了半年，歸零學習。明白一切皆因緣俱合罷了；現安住「覺察」與你我修行人間道中。

感謝你打開這本書，我不知道你的動機為何？
我猜想，可能你的身分或是你的工作，迫使你必需學習一些，又或是很多
程式上的技巧，來滿足你的專業或是學業上的需求，所以你打開了這本書。
又或者，你只是因為單純的：「興趣」，又剛好有時間，在這個閒暇的午
後裡，書架上，發現我這一本有趣的書。
簡簡單單就能學會這所有的程式技能？
這有可能嗎？
畢竟在那之前，你也曾是花過時間，費過苦功，練習過一翻，但很明顯，
成效不彰，所以你現在翻起了這本書。
而我對打開這本書的你，頗為好奇，如果你願意的話，可以讓我邀請你到
我的 medium 上留言，我想知道確切的原因，使你找到本書之後，打開了本
書。
https://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 比較好學是無庸置疑的。

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

不需要擔心時間
因為是一本書，所以你不需要擔心時間上無法配合。
想學的時候，打開；累了，就闔上，休息。
如果還是不夠的話，提示一下，筆者另有和知名線上教育平台有合作錄製
線上課程，歡迎參考。
https://hiskio.com/courses/343/about
https://hiskio.com/courses/345/about

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 為基礎發展的語法等