Course curriculum
-
1
第 1 章 關於 電子商務網站設計
-
單元 1 - 學習目標與介紹
-
單元 2 - 名詞解釋 : RWD Responsive Web Design 響應式網頁
-
單元 3 - 名詞解釋 : Ajax Asynchronous JavaScript and XML
-
單元 4 - 名詞解釋 PWA : Progressive Web Application 漸進式網絡應用程式
-
單元 5 - 名詞解釋 SAAS : Server As A Service
-
單元 6 - 新時代電商網站架構：網站＋LINE＋LIFF 將會員系統 及 call back 全給 LINE 吧!
-
-
2
第 2 章 後端之章
-
單元 1 - Node.Js 誕生
-
單元 2 - 已經淘汰的觀念：大流量網站不能用 node.js 做
-
-
3
第 3 章 npm : node package manager 基礎操作
-
單元 1 - npm 介紹
-
單元 2 - package.json
-
單元 3 - 常用 npm commands
-
-
4
第 4 章 前端之章
-
單元 1 - 前端框架的誕生歷史
-
單元 2 - react
-
單元 3 - Material UI
-
-
5
第 5 章 資料庫
-
單元 1 - 淺談資料庫
-
單元 2 - google sheets 介紹
-
單元 3 - Google Sheets 開檔
-
單元 4 - 申請 api 建立帳戶 下載金鑰
-
單元 5 - google sheets API 操作
-
-
6
第 6 章 雲端平台
-
單元 1 - 雲端平台演進史
-
單元 2 - GCP 介紹與註冊
-
-
7
第 7 章 Landing page 一頁式電商網站實作 高階 技術部份
-
單元 1 - 學習目標 ／演練成果
-
單元 2 - react & Material UI
-
單元 3 - 後端伺服器接參數等
-
單元 4 - 下載內容 打包前端網頁及上傳
-
單元 5 - 後端 Google Sheets API
-
單元 6 - 導入 GA: 建立 GA 專案
-
單元 7 - 導入 GA 置入 tracking code
-
單元 8 - 導入 structure data
-
單元 9 - 置入 fb messenger
-
單元 10 - 導入金流 以 LINE pay 為例
-
單元 11 - 網域申請 & google search console 驗證
-
單元 12 - 架構說明
-
單元 13 - 上傳 google bucket
-
單元 14 - 上傳 google cloud function
-
單元 15 - google dns 設定
-
單元 16 - ns 設定
-
-
8
第 8 章 廣告式網站實作
-
單元 1 - 學習目標
-
單元 2 - 架構說明
-
單元 3 - Appbar
-
單元 4 - drawer
-
單元 5 - 分頁說明
-
單元 6 - 分割導覽頁
-
單元 7 - 分頁架構
-
單元 8 - 分頁架構 1
-
單元 9 - 分頁架構 2
-
單元 10 - 會員系統
-
單元 11 - 發文系統
-
單元 12 - 項目列表
-
單元 13 - 項目頁
-
單元 14 - 後端架構
-
單元 15 - 後端 getlist
-
單元 16 - 發文系統
-
單元 17 - 會員系統
-
單元 18 - 上傳圖片架構說明
-
單元 19 - 上傳圖片 DOM 元件製作
-
單元 20 - imgur api 1
-
單元 21 - imgur api 2
-
單元 22 - 父元件拿子元件資料
-
單元 23 - 總結
-
-
9
第 9 章 電商網站實作
-
單元 1 - 學習目標
-
單元 2 - 架構說明
-
單元 3 - 商品上架系統 1
-
單元 4 - 商品上架系統 2
-
單元 5 - 首頁商品表列元件
-
單元 6 - 購物車頁面
-
單元 7 - MVC 架構
-
單元 8 - 後端部份
-
-
10
第 10 章 總結
-
單元 1 - 總結
-