113/04/29(一)

 

 

網頁基礎架構與風格設計 1. HTML 語法概說2. HTML5 介紹 3.HTML5 的語法 4. CSS語法概說 5. CSS 各類選擇器6.實例應用：為訂單管理系統進行前期佈局，完成表單頁面設計，以利後續資料庫查詢新增、編輯、刪除記錄之用

 

 

 113/05/06(一)

 

 

CSS的應用與進程設計1.容器與盒子模式 2.設定導覽吧與下拉式選單 3.項目符號與自動計數 4.媒體查詢與網格配置5.實例應用：設定訂單管理系統的UI與UX設計，友善前述表單頁面設計

 

 

 113/05/08(三)

 

 

JS導論 1.基礎知識與變數 2.數值、日期與字串 3.運算式與運算子 4. JS 與 HTML 55. JS 與 CSS 3 6.實例應用：完成訂單管理系統之互動式網頁設計

 

 

 113/05/13(一)

 

 

流程控制與例外處理1.循環和迭代 2.使用陣列 3.正規表示法 4.鍵值集合 5.錯誤訊息6.錯誤處理 7.錯在那裡? 8.實例應用：強化訂單管理系統處理程序，以提升資料庫資料操作之效能

 

 

 113/05/15(三)

 

 

函數與事件 1.函數的結構 2.匿名函數 3.預設參數 4.其餘參數 5.參數物件 6.箭頭函數7.常見的事件 8.監聽事件9.實例應用：設計傳送亂數並搭配元件事件觸發，以解決不同參數所應對的問題

 

 

 113/05/20(一)

 

 

物件導向的應用 1.類別概說 2.建構子的定義 3.物件方法 4.繼承概說 5.靜態方法 6.建立物件7.實例應用：為訂單管理系統頁面表單元素設計類別，以利後續範例之用

 

 

 113/05/22(三)

 

 

Client 端Web APIs 1.Web APIs概說 2. JS文件模型物件 3.擷取Server端資料 4.網頁繪圖 5.第三方APIs 6.影片與聲音APIs 7.Client 資料儲存 8.JS encoding anddecoding 9.實例應用：設計訂單管理系統登入驗證頁面

 

 

 113/05/27(一)

 

 

JS JSON 1. JSON 概說2. JSON 與JavaScript之差異 3. JSON 的方法 4.陣列作為 JSON5.實例應用：以零售訂單為例，完成經由JS存取JSON之檔案

 

 113/05/29(三)

 

 

雲端資料庫概觀 1.Google 雲端資料庫申請 2. Firebase DB 介紹 3. NoSQL 與JSON4. Cloud Firestore概說 5. RealtimeDatabase概說 6.專案與應用程式的建立7.實例應用：以訂單訂購為例，建立Firebase DB之資料庫與新增資料

 

 

 113/06/03(一)

 

 

Cloud Firestore規劃與實作 1.建CloudFirestore資料庫 2.啟動Cloud Firestore安全規則模式 3.設置開發環境 4.初始化CloudFirestore 5.新增與管理資料

 

 

 113/06/05(三)

 

 

Cloud Firestore CRUD操作1.讀取資料庫記錄2.即時監聽並讀取資料庫記3.新增資料庫記錄4.更改資料庫記錄5.刪除資料庫記錄 6. 實例應用：以訂單之訂購為例，完成訂單處理系統實務應用

 

 

 113/06/12(三)

 

 

Firebase Storage 1.儲存檔案 2.上傳照片3.連結照片 4.實例應用：以訂單管理為例，完成產品照片處理上傳

 

 

 113/06/17(一)

 

 

Firebase 驗證 1.Firebase身份驗證概說2.使用FirebaseUI登錄Web應用程序 3.網站上的Firebase認證入門4.在Firebase中管理用戶 5.使用密碼的帳戶與Firebase進行身份驗證 6.電子郵件鏈結認證 7.Google登錄進行身份驗證 8.匿名通過Firebase進行身份驗證9.實例應用：以訂單管理系統為例，完成會員登錄驗證

 

 

 113/06/19(三)

 

 

Firebase託管與發表1.什麼是Firebase託管2.安裝Firebase CLI3.初始化網站 4.選擇網站根目錄 5.網站部署實務 6.實例應用：完成訂單管理系統之部署