• 課程時長

    6 小時 59 分

  • 課程級別

    初級

  • 授課語言

    中文

這堂課你將會學到

  • 了解為什麼要使用 JavaScript 開發 LINE BOT
  • JavaScript 基礎語法,例如:函式、決策、迴圈、陣列等
  • 基本 API 串接實作,如:Dialogflow API 、LINE Message API
  • 學會實作出 3 大互動型 LINE BOT-猜拳、猜數字、天氣預報

章節目錄

  • 1

    第 1 章 前導之章

    • 單元 1 - 序

    • 單元 2 - 教學模式

    • 單元 3 - 為什麼學 JavaScript + Node.js + LINE Bot 開發

  • 2

    第 2 章 序章:LINE 聊天機器人 Hello world 練習環境codesandbox介紹設定

    • 單元 1 - 學習目標/演練成果:LINE 聊天機器人 架構介紹

    • 單元 2 - 練習環境codesandbox介紹

    • 單元 3 - Import Github & Run "Hello World" code & 完成

    • 單元 4 - LINE console 設定 及 新增 LINE channel 1

    • 單元 5 - LINE console 設定 及 新增 LINE channel 2

    • 單元 6 - 補充 codesandbox add serect keys

    • 單元 7 - 補充 程式開發慣例

    • 單元 8 - 作業/練習:Create new LINE bot

  • 3

    第 3 章 鬥士之章:Javascript 基本語法練習與實作 LINE 聊天機器人

    • 單元 1 - 分割module,做一個邏緝區

    • 單元 2 - 程式碼是什麼?

    • 單元 3 - 註解

    • 單元 4 - 註解練習

    • 單元 5 - 敘述句

    • 單元 6 - 變數

    • 單元 7 - 變數宣告練習

    • 單元 8 - 資料型別

    • 單元 9 - 資料形別練習

    • 單元 10 - 變數命名規則

    • 單元 11 - 變數命名規則練習

    • 單元 12 - 陣列

    • 單元 13 - 陣列練習

    • 單元 14 - 運算式&運算子

    • 單元 15 - 運算式&運算子練習

  • 4

    第 4 章 奮起之章:Javascript 函式方法與物件

    • 單元 1 - codesandbox提示

    • 單元 2 - 函式 & 箭頭函式

    • 單元 3 - 函式 與 回傳值

    • 單元 4 - 函式練習

    • 單元 5 - 函式 與 變數作用範圍

    • 單元 6 - 變數作用範圍練習

    • 單元 7 - 物件

    • 單元 8 - 物件 與 類別

    • 單元 9 - 物件 使用 class 宣告

    • 單元 10 - 物件練習

    • 單元 11 - 資料形別 2

    • 單元 12 - 全域物件 String

    • 單元 13 - 全域物件 String 練習

    • 單元 14 - 全域物件 Number

    • 單元 15 - 全域物件 Math

    • 單元 16 - 全域物件 Math 練習

    • 單元 17 - 全域物件 DATE 日期的部份

    • 單元 18 - 全域物件 DATE 時間的部份

    • 單元 19 - 全域物件 DATE 練習

    • 單元 20 - 陣列物件的函式應用

    • 單元 21 - 自訂全域物件

    • 單元 22 - 作業/練習:

  • 5

    第 5 章 策士之章:決策與迴圈

    • 單元 1 - 學習目標及簡介

    • 單元 2 - if 條件判斷式

    • 單元 3 - switch 猜拳練習 1

    • 單元 4 - switch 猜拳練習 2

    • 單元 5 - 猜拳練習

    • 單元 6 - 迴圈

    • 單元 7 - 陣列函式的迴圈應用

    • 單元 8 - 排序

    • 單元 9 - 作業/練習:

  • 6

    第 6 章 誕生之章:LINE Message API 基本操作

    • 單元 1 - LINE Message API 介紹

    • 單元 2 - JSON 格式及操作

    • 單元 3 - LINE Event

    • 單元 4 - LINE message 官方工具介紹

    • 單元 5 - actions

    • 單元 6 - 作業/練習:

  • 7

    第 7 章 後端之章:基本後端解決方案演練

    • 單元 1 - 學習目標/演練成果

    • 單元 2 - npm package.json 介紹.

    • 單元 3 - GCP 介紹與註冊

    • 單元 4 - 使用 GCP function 上架

    • 單元 5 - 作業/練習:Create new LINE bot use new cloud function

  • 8

    第 8 章 開放之章:不用重新發明輪子,基礎 Api 串接實作 , 非同步設計 , 錯誤處理

    • 單元 1 - 學習目標 /演練成果

    • 單元 2 - API 介紹

    • 單元 3 - 開 dialoglfow 專案及故障排除

    • 單元 4 - dialogflow簡單操作

    • 單元 5 - 申請 dialogflow API

    • 單元 6 - 大腦串接 語意分析引擎 Dialogflow API 串接

    • 單元 7 - Google Sheets 開檔

    • 單元 8 - 申請 Google Sheets API 建立帳戶 下載金鑰

    • 單元 9 - Google Sheets API 呼叫

    • 單元 10 - 異步程式設計的歷史發展

    • 單元 11 - 異步程式設計 前端

    • 單元 12 - 異步程式設計 後端 nods.js

    • 單元 13 - 堆疊追蹤

    • 單元 14 - throw & try-catch 錯誤處理

    • 單元 15 - 猜數字

    • 單元 16 - 試製作終極密碼遊戲

  • 9

    第 9 章 專案開發之章:天氣預報查詢 LINE BOT手把手

    • 單元 1 - 學習目標 /演練成果

    • 單元 2 - call weather API

    • 單元 3 - node-fetch

    • 單元 4 - 置入 city 參數

    • 單元 5 - 拉 dialogflow API

    • 單元 6 - 完善天氣 LINEBot

  • 10

    第 10 章 物件導向之章

    • 單元 1 - 學習目標 /演練成果

    • 單元 2 - 目標說明

    • 單元 3 - mobile講解

    • 單元 4 - 腳本架構

    • 單元 5 - JSON樣式

    • 單元 6 - 物件化

    • 單元 7 - 變成 store list

    • 單元 8 - 用 google sheets 當資料庫

    • 單元 9 - 繼承

    • 單元 10 - 完善小鎮 LINEBot

  • 11

    第 11 章 總結

    • 單元 1 - Javascript 還能做什麼?

    • 單元 2 - 前端 angular react vue

    • 單元 3 - 後端 node.js

    • 單元 4 - JS的未來展望

    • 單元 5 - IT必備職能