Course curriculum

  • 1

    第 1 章 前導之章

    • 單元 1 - 電子商務與網站

    • 單元 2 - 網站開發的前世今生:LAMP => 全端 js 開發

    • 單元 3 - JS的發展:應用: 前端 effect => ajax => RWD , 後端: node.js 語法: es5...

  • 2

    第 2 章 序章:一頁式網站運行 及 練習環境codesandbox介紹設定

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

    • 單元 2 - landing page 一頁式網站 架構介紹

    • 單元 3 - 後端練習環境 codesandbox 介紹

    • 單元 4 - 基本網站架構介紹:前端,後端

    • 單元 5 - 前端 debug 工具 chrome console 介紹

    • 單元 6 - 作業/練習:Create new sample

  • 3

    第 3 章 鬥士之章:Javascript 基本語法練習與 node.js 操作

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

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

    • 單元 3 - 註解

    • 單元 4 - 註解練習

    • 單元 5 - 敘述句

    • 單元 6 - 變數 1

    • 單元 7 - 變數 2

    • 單元 8 - 變數宣告練習

    • 單元 9 - 資料型別

    • 單元 10 - 資料形別練習

    • 單元 11 - 變數命名規則

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

    • 單元 13 - 陣列

    • 單元 14 - 陣列練習

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

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

  • 4

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

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

    • 單元 2 - 函式 與 回傳值

    • 單元 3 - 函式練習

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

    • 單元 5 - 物件

    • 單元 6 - 物件 與 類別

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

    • 單元 8 - 物件練習

    • 單元 9 - 資料形別 2

    • 單元 10 - 全域物件 String

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

    • 單元 12 - 全域物件 Number

    • 單元 13 - 全域物件 Math

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

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

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

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

    • 單元 18 - 自訂全域物件

    • 單元 19 - 自訂全域物件練習

  • 5

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

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

    • 單元 2 - if 條件判斷式

    • 單元 3 - switch 條件判斷式

    • 單元 4 - 猜拳練習

    • 單元 5 - 迴圈

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

    • 單元 7 - 排序

    • 單元 8 - 迴圈練習

    • 單元 9 - 完成猜拳遊戲

  • 6

    第 6 章 前端之章:基本 Html 語法 DOM 操作 介紹

    • 單元 1 - 學習目標

    • 單元 2 - HTML / XML 基礎知識

    • 單元 3 - CSS 的基礎知識

    • 單元 4 - DOM 的基礎知識

    • 單元 5 - 前端事件 event 操作

  • 7

    第 7 章 後端之章:基本 node.js 及 後端解決方案演練

    • 單元 1 - 後端解決方案演進及簡介:vm, k8s, serverless function

    • 單元 2 - npm 基本指令

    • 單元 3 - GCP 介紹與註冊

    • 單元 4 - 使用 GCP 服務上架

  • 8

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

    • 單元 1 - 學習目標

    • 單元 2 - API 介紹

    • 單元 3 - Google Sheets 開檔

    • 單元 4 - 申請 api 建立帳戶 下載金鑰

    • 單元 5 - API 呼叫

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

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

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

    • 單元 9 - 堆疊追蹤

    • 單元 10 - 錯誤處理

    • 單元 10 - 錯誤處理

  • 9

    第 9 章 Landing page 一頁式電商網站實作 初階

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

    • 單元 2 - 建立 index.html ...

    • 單元 3 - 置入 google form

    • 單元 4 - 網域申請 & google search console 驗證

    • 單元 5 - 上傳 google bucket & dns 設定 & 上線

  • 10

    第 10 章 Landing page 一頁式電商網站實作 進階

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

    • 單元 2 - 前端開發基礎練習 react & material ui

    • 單元 3 - 後端伺服器接參數等

    • 單元 4 - 下載內容 打包前端網頁及上傳

    • 單元 5 - 後端 Google Sheets API 存名單

    • 單元 6 - 上架 google app engine

    • 單元 7 - google app engine 網域設定

    • 單元 8 - 總結

  • 11

    第 11 章 總結

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

    • 單元 2 - 前端歷史發展至 angular react vue

    • 單元 3 - 後端 node.js

    • 單元 4 - JS的未來展望

    • 單元 5 - IT必備職能