113/06/24(一)

 

 

開發環境與網頁概述 1.設定開發環境 2.網頁的主要技術 3.文字格式與圖像之呈現 4.網頁之輸入型態元素 5. HTML繪圖、多媒體與APIs 6.響應式網頁與CSS3 7.JavaScript 的基本語法 8.JavaScript 資料型別與宣告

 

 

 113/06/26(三)

 

 

JavaScript 流程控制與函數1.程式流程控制 2.函數與事件 3.JS、CSS與HTML整合應用4.JavaScript 箭頭函數

 

 

 113/07/01(一)

 

 

JavaScript 與框架概說 1.框架的發展與目前有那些框架 2.為什麼要有框架 3.框架內有什麼東西 4.如何找到適合您的框架

 

 

 113/07/03(三)

 

 

認識TypeScript 1.關於TypeScript 2.TypeScript的安裝方式 3.程式編譯與執行 4.基本語法 5.定義函數6.建立類別 7.屬性與方法

 

 

 113/07/08(一)

 

 

前端框架Part I Vue.js 1.前端框架的發展歷程 2.什麼是MVC 框架 3.Vue.js的發展與基礎 4.Vue.js 與其他框架比較 5.Vue.js 的相容性 6.Vue.js 的專案結構7. 安裝Vue套件8.Vue 生命週期

 

 

 113/07/10(三)

 

 

Vue.js 的使用方式與語法 1.資料綁定 2.事件綁定與監聽 3.JS運算式的使用 4.Data 屬性 5. methods屬性

 

 

 113/07/15(一)

 

 

Vue.js的功能 1.Computed 屬性 2.GET 與SET 3.樣式Class的綁定 4.樣式的變更 5.條件控制流程 6.重覆控制流程

 

 

 113/07/17(三)

 

 

Vue.js功能的應用1.清單的動態顯示 2.元件的定義與使用 3.使用props 傳遞資料值4.Vue的狀態管理 5.Vue Router 頁面路由

 

 

 113/07/22(一)

 

 

Vue.js 與Firebase 資料庫的應用 1.Firebase 帳戶申請 2.Firebse 建立專案 3.Firebase 資料庫的建立 4.Vue 連結雲端資料庫 5.Vue 打包專案

 

 

 113/07/24(三)

 

 

前端框架Part II React 1.React 的概述 2.React如何使用JS 3.什麼是JSX? 4.在 JSX中嵌入運算式 5.JSX 中的屬性與物件

 

 

 113/07/29(一)

 

 

React 基本應用、State 與生命週期 1.元素的呈現 2.Function Component 3.Class Component 4.Component 的呈現、組合與抽離 5.透過 Prop 傳遞資料 6.state與props的差異 7.setState的作用與錯誤值 8.State的更新 9.setState傳送物件與函數 10.React的生命週期

 

 

 113/07/31(三)

 

 

React處理事件與條件Render 1.HTML與React事件語法差異 2.建立按鈕進行監聽 3.將參數傳給 Event Handler 4.Inline 三元運算子

 

 

 113/08/05(一)

 

 

Lists and Keys 1.map() 函數 2.多重Component的呈現 3.基本list Component 4.Key 的使用 5.透過Key抽離Component 6.在 JSX 中嵌入 map()

 

 

 113/08/07(三)

 

 

表單控制、State的提升與嚴格模式 1.Controlled Component 2.Input、Select與Textarea 3.多個Input 的處理4. 子元件事件的應用5. useEffect 6. useParams 7. useNavigate 8.錯誤頁面處理

 

 

 113/08/11(一)

 

 

React Router、伺服器與整合應用 1.React的路由配置管理 2.BrowserRouter的匯入與使用3.Link與NavLink 3.React 打包專案4.透過NodeJS 建立 Server 5.專案託管與部署Server 6.實務應用：線上產品管理與訂購系統