實體課程
JavaScript F2E 課程 前端工程師實務開發班【二四晚班】
- 課程日期：2023 年 11 月 14 日 ~ 12 月 7 日
- 課程日期：11/14、11/16、11/21、11/23、11/28、11/30、12/5、12/7
- 課程時間：星期二四 / 晚上 7:00 ~ 10:00
- 授課講師：洪銘徽 老師
JavaScript 前端工程師 - 課程資訊
- 課程費用：【新生報名 9800 元】
【飛肯舊生 9400 元】
- 繳費時間：開課當天現場繳費
- 繳費方式：現金 / 刷卡 / 匯款
（現金繳費可再享 200 元折扣）
- 上課地點：飛肯教室（ Google 地圖 ）
- 免費贈送：付費上完課程後的兩年之內可以登記「免費重修」「免費補課」本課程
JavaScript 前端工程師 - 課程報名資格
- 1. 必須已經可以使用 CSS 語法撰寫網頁排版的人，課程推薦（「CSS 網頁排版切版課程」）
- 2. 完全沒有學過 JavaScript 程式的人也可以參加這個課程
JavaScript 前端工程師 - 課程適合對象
- 1. 為想成為前端工程師量身打造的 JavaScript 課程
- 2. 對於 JavaScript 前端工程師互動式動態網頁有工作需求者
- 3. 網頁設計師進修，從入門到精通，讓您的網頁設計能力大大的提昇！
JavaScript 前端工程師 - 課程介紹
飛肯講師是來自業界在職十幾年的資深前端工程師，老師上課時會帶著同學實做各種前端案例練習，課堂有很多很多的前端工程師教學範例，老師隨側指導同學，解說再練習，學習效果佳，教學口碑看得到！練熟之後就可以馬上應用在你的工作上喔！
台北 JavaScript 前端工程師課程推薦：前端工程師是目前最熱門的職業，是網頁前端與網頁後端之間重要的溝通橋樑，更是各企業中不可或缺的專業人才。本課程前端設計的前端工程師培訓教學，將帶你學習前端工程師所具備的前端開發能力，讓你從一般的網頁設計師搖身一變成為更有價值的前端工程師。課程中會以目前熱門的前端工程師技術當作練習案例，徹底了解網頁前諯開發 AJAX 與 JSON 的整合應用、開發工具除錯、API呼叫與使用、高效能程式碼撰寫、等等專業技巧。
培養您成為網頁前端的前端工程師的專修課程，讓你從一般的網頁設計師晉升為更有價值的前端工程師。不只是學會寫前端程式，更讓你學會如何找到前端開發問題的最佳解決方案。更深入的研究前端設計除錯與效能提升技巧，更快速的開發，學習前端開發如何與後端工程師協調，大幅減少專案進行的時間成本。
JavaScript 前端工程師 - 課程大綱
老師會因應軟體和職場的需求變化，對課程內容調整與修改。
主題一：JavaScript 基本觀念 DOM 的選取與事件處理
- 環境與工具介紹
- IDE、延伸模組、設定檔
- JavaScript 內部、外部的撰寫
- DOM 的各種選取方式
- 外部載入 async 與 defer 的使用
- 語法構成：運算子、分號、變數、註解、空白、區分大小寫
- console 與 alert 的輸出使用
主題：二JavaScript 事件處理
- 事件級別：DOM0、DOM2
- JS 常用事件類型
- click、mouseenter、mouseleave
- MouseEvent 物件常用的函數、屬性及事件傳遞
- 元素宣告與 this 的使用
- JS 進階事件處理
- change、keydown、keypress、keyup、input
- KeyboardEvent 物件的使用
主題三：JavaScript DOM 的操作
- 基本觀念：document、element、text、attribute
- 動態文字：innerText、textContent、innerHTML
- DOM 節點的新增、修改、刪除與複製
- dataset 定義資料屬性與存取方式
- JS 與 CSS 的控制
- style、cssText()、className、classList()
- DOM 的屬性存取與切字處理
主題四：JavaScript 基本變數
- 什麼是變數？
- 變數命名的規則：大駝峰、小駝峰、蛇型。
- 變數宣告方式與其特性：var、let、const
- 流程控制: if else 邏輯條件式
- 隨機數的區間控制
- 變數的存取方式
主題五：JavaScript 複合變數
主題六：JavaScript 函數
主題七：邏輯訓練
- 運算子
- switch 的使用
- 流程控制：條件、迴圈、例外處理
- 迴圈的使用 for、for/in、while、do/while
- break 與 continue 的差異
主題八：JavaScript 陣列與物件的組合技
- 陣列深入解說
- 陣列處理：新增、修改、刪除、篩選、排序
- 陣列方法的使用
- ES6 物件縮寫
- ES6 展開與其餘參數的使用
- ES6 解構大全
主題九：JavaScript 非同步操作
- 什麼是 Json
- Json 的處理：parse、stringify
- Ajax 基本觀念
- 非同步操作：XMLHttpRequest、fetch
- C-ORS (Cross-Origin Resource Sharing)
- HTTP 狀態碼
- async await
主題十：JavaScript BOM 瀏覽器物件模型
- 瀏覽器視窗
- 使用者的螢幕畫面資訊
- 當前網頁的網址操作
主題十一：JavaScript ESModule 模組化
主題十二：JavaScript 瀏覽器資料儲存
- Cookie、LocalStorage、SessionStorage
- LocalStorage 存取方式：getItem、setItem
