進修課程
Advancde Studies
Web前端框架實戰班
課程總時數
45
課程費用
1700
上課時間
週一,週三 / 晚上
開課日期
2024-06-24
Intro
學習成效:進行前端網頁的規劃與設計.提升網站開發的擴展性及維護性, 優化UI/UX使用者介面並連結雲端資料庫且完成專案打包與部署。
訓練性質
3年7萬
訓練人數
16 人
上課地點
高雄市三民區中山一路318號
Caption
課程時間:113/06/24-113/08/12
課程時數:45小時
報名方法:即日起備妥身分證及存摺至本單位報名,亦可經由台灣就業通 https://ojt.wda.gov.tw/ClassSearch/Detail?PlanType=1&OCID=155703 網站線上報名,獲通知後備妥相關資料至本單位審核
全額補助對象:中高齡者、身心障礙者、原住民、低收入戶或中低收入戶中有工作能力者、家庭暴力被害人、更生後保護人等(請備妥相關證明文件)
 
上課日期 授課時間 課程內容
 
 113/06/24(一)
 
 18:30~21:30 
 
開發環境與網頁概述 1.設定開發環境 2.網頁的主要技術 3.文字格式與圖像之呈現 4.網頁之輸入型態元素 5. HTML繪圖、多媒體與APIs 6.響應式網頁與CSS3 7.JavaScript 的基本語法 8.JavaScript 資料型別與宣告
 
 
 113/06/26(三)
 
 18:30~21:30 
 
JavaScript 流程控制與函數1.程式流程控制 2.函數與事件 3.JS、CSS與HTML整合應用4.JavaScript 箭頭函數
 
 
 113/07/01(一)
 
 18:30~21:30 
 
JavaScript 與框架概說 1.框架的發展與目前有那些框架 2.為什麼要有框架 3.框架內有什麼東西 4.如何找到適合您的框架
 
 
 113/07/03(三)
 
 18:30~21:30 
 
認識TypeScript 1.關於TypeScript 2.TypeScript的安裝方式 3.程式編譯與執行 4.基本語法 5.定義函數6.建立類別 7.屬性與方法
 
 
 113/07/08(一)
 
 18:30~21:30 
 
前端框架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(三)
 
 18:30~21:30 
 
Vue.js 的使用方式與語法 1.資料綁定 2.事件綁定與監聽 3.JS運算式的使用 4.Data 屬性 5. methods屬性
 
 
 113/07/15(一)
 
 18:30~21:30 
 
Vue.js的功能 1.Computed 屬性 2.GET 與SET 3.樣式Class的綁定 4.樣式的變更 5.條件控制流程 6.重覆控制流程
 
 
 113/07/17(三)
 
 18:30~21:30 
 
Vue.js功能的應用1.清單的動態顯示 2.元件的定義與使用 3.使用props 傳遞資料值4.Vue的狀態管理 5.Vue Router 頁面路由
 
 
 113/07/22(一)
 
 18:30~21:30 
 
Vue.js 與Firebase 資料庫的應用 1.Firebase 帳戶申請 2.Firebse 建立專案 3.Firebase 資料庫的建立 4.Vue 連結雲端資料庫 5.Vue 打包專案
 
 
 113/07/24(三)
 
 18:30~21:30 
 
前端框架Part II React 1.React 的概述 2.React如何使用JS 3.什麼是JSX? 4.在 JSX中嵌入運算式 5.JSX 中的屬性與物件
 
 
 113/07/29(一)
 
 18:30~21:30 
 
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(三)
 
 18:30~21:30 
 
React處理事件與條件Render 1.HTML與React事件語法差異 2.建立按鈕進行監聽 3.將參數傳給 Event Handler 4.Inline 三元運算子
 
 
 113/08/05(一)
 
 18:30~21:30 
 
Lists and Keys 1.map() 函數 2.多重Component的呈現 3.基本list Component 4.Key 的使用 5.透過Key抽離Component 6.在 JSX 中嵌入 map()
 
 
 113/08/07(三)
 
 18:30~21:30 
 
表單控制、State的提升與嚴格模式 1.Controlled Component 2.Input、Select與Textarea 3.多個Input 的處理4. 子元件事件的應用5. useEffect 6. useParams 7. useNavigate 8.錯誤頁面處理
 
 
 113/08/11(一)
 
 18:30~21:30 
 
React Router、伺服器與整合應用 1.React的路由配置管理 2.BrowserRouter的匯入與使用3.Link與NavLink 3.React 打包專案4.透過NodeJS 建立 Server 5.專案託管與部署Server 6.實務應用:線上產品管理與訂購系統
 

 
 
 
Teacher
講師:許季秦
學歷:國立中正大學 資管系碩士
專長:
1.電腦資訊應用類、Office文書處理
2.程式開發設計師、AI物聯網、雲端科技網路技術與網頁設計網路行銷、
程式設計與系統開發、電子商務與網路行銷
3.2D,3D動晝設計與製作、影音美工多媒體設計、數位影音剪輯、響應式網頁、動態伺服器網頁設計、多媒體影像處理
Memo
報名時須先繳納全額訓練費用。
更多相關課程推薦
好康活動_跳跳50
TOP

哈囉~

×
你報名的我是課程名稱
線上互動課正在進行中,是否立即前往上課?