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

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

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

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

這有可能嗎？

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

而我對打開這本書的你，頗為好奇，如果你願意的話，可以讓我邀請你到我的 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

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

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

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

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

這有可能嗎？

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

而我對打開這本書的你，頗為好奇，如果你願意的話，可以讓我邀請你到我的 mediu...

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

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 p...