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

?