JavaScript 網頁前端程式課程
JavaScript ES6 邁向前端工程師之路
想從「網頁設計師」轉職成為更有價值的「前端工程師」嗎？推薦您這個前端工程師教學課程，將帶你進入前端工程師世界的那一扇門！
老師用業界前端工程師工作標準來教學，鍛練你前端工程師必備的程式能力，成為網頁前端工程師，達到業界前端工程師用人的標準！
JavaScript ES6 前端課程：邁向前端工程師之路 【週六班】【邱一晉老師】
- 課程教學日期：2021 年 6 月 19 日 ~ 7 月 10 日
- 課程教學日期：6/19、6/26、7/3、7/10
- 課程教學時間：星期六 / 早上 10:00 ~ 1:00 、 下午 2:00 ~ 5:00
JavaScript ES6 前端教學課程 - 課程資訊
- 【 新生報名特價 7800 / 舊生會員特價 7200 】限時特價：付現金再折 200 元
- 付款方式：開課當天現場繳費【 現金 / 刷卡 / 匯款 / 支票 】
- 教學時數：每堂課 3 小時 / 共 8 堂課 / 共 4 週
- 教學教材：前端程式教學講義 / 前端程式範例原始檔
- 上課地點：飛肯台北教室 【教室照片】【Google地圖】
- 聯絡電話：(02) 2370-1122
JavaScript ES6 前端教學課程 - 課程適合對象
- 1. 想轉職成為前端工程師的網頁設計師
- 2. 對於網頁前端工程師技術有工作上的需求者
- 3. 網頁設計師提升程式專業技能
JavaScript ES6 前端教學課程 - 課程報名資格
- 1. 本課程是我們 JavaScript 的中階課程不適合完全沒有接觸過 JavaScript 前端程式的人
- 2. 必須先俱備最基本的程式觀念和入門的 JavaScript 程式能力（課程推薦「JavaScript 前端程式設計入門班」）
JavaScript ES6 前端教學課程 - 課程介紹
台北 JavaScript 網頁設計前端工程師教學課程推薦：前端工程師是近年來熱門的新興職業，是網頁設計師與後端程式工程師之間重要的溝通橋樑，更是中大型企業中不可或缺的專業人才。本課程前端設計的前端工程師培訓教學，將帶你學習前端工程師所具備的前端設計條件，讓你從一般的網頁設計師，搖身一變成為更有價值的前端工程師的教學。課程中會以目前熱門的前端設計技術當作練習案例，徹底了解網頁前諯設計 AJAX 與 JSON 的整合應用、開發工具除錯、API呼叫與使用、高效能程式碼撰寫、等等專業技巧。
培養成為前端設計的前端工程師的專修課程，讓你從一般的網頁設計師晉升為更有價值的前端工程師。不只是學會寫前端設計程式，更讓你學會如何找到前端設計問題的最佳解決方案。更深入的研究前端設計除錯與效能提升技巧，更快速的開發，學習前端設計如何與後端工程師協調，大幅減少專案進行的時間成本。
JavaScript ES6 前端教學課程 - 課程大綱
老師會因應職場的需求變化，做課程內容和範例的即時調整與修改，確保本課程的實用性和即時性。
【教學主題一】前端工程師 Front-End Engineer ( F2E )
- 網頁工程的演化
- 什麼是「前端」
- 前端工程師的價值與高發展性
- 前端工程師的職場日常
- 前端工程師的學習地圖
- javascript 橫跨網頁、手機、桌面程式
- 火力展示 - javascript 可以很有趣
- 新一代 JavaScript 語法
【教學主題二】JavaScript ES6
- const / let 宣告變數的新方法
- 箭頭函式 (arrow function)
- 函式的預設參數 (default parameter)
- 函式的其餘參數 (rest parameter)
- 其餘運算子 (rest operator)
- 展開運算子 (spread operator)
- 字串模板 (string template)
- 解構賦值 (destructuring assignment)
- 類別 (class)
- ES 2016、ES 2017、ES 2018...
【教學主題三】Javascript 資料型態與運算子
- 基本型別 - number、boolean、string、null、undefined
- 物件型別 - Object、Array、Function
- 「傳值」與「傳址」
- 弱型別與強型別語言
- 判斷變數的資料型別
- 資料比較與資料轉型規則
- null、undefined、NaN 的差別
- 運算子超載 (overloading)
【教學主題四】開發人員工具
- 什麼是開發人員工具
- Elements HTML與CSS元素編輯
- Network 網路狀態監控
- Console 主控台操作技巧
- Sources 程式碼偵錯
- Application 應用程式資料儲存資訊
- 用滑鼠查看畫面上元素
- 模擬手機、平板、RWD 效果
【教學主題五】 BOM DOM 事件處理與 Function
- 什麼是 Function
- Function 初始化的方式
- Function 的優缺點
- 回呼函式 (Callback Function) 的作用
- DOM 事件傳遞機制
- DOM 事件的生命週期
- DOM 事件的「捕獲」與「冒泡」
- 什麼是 BOM 什麼是 DOM
- DOM 事件傳遞機制
- DOM 事件的生命週期
- DOM 事件的「捕獲」與「冒泡」
- 了解作用域 (Scope)
- 使用 IIFE 切割作用域
【教學主題六】 Array 陣列的操作與應用
- 宣告 Array 陣列
- Array 陣列基礎組成結構
- Array 陣列索引數介紹
- Array 陣列資料存取方式
- Array 陣列索引數外存取
- Array 陣列篩選操作應用
- Array 陣列排序操作應用
- Array 陣列分頁操作應用
【教學主題七】AJAX 動態載入 API 與 JSON 資料結構
- 什麼是 AJAX
- AJAX 與現代網頁 SPA (Single Page Application)
- 同步與非同步的差異
- AJAX 的優缺點
- 什麼是 API
- 如何存取與使用 API
- JSON 資料結構
- 使用 Fetch 實作 AJAX
【教學主題八】 前端周邊工具
- Node.js 開發環境介紹
- NPM 套件管理工具
- 什麼是 GIT
- 設定 GIT 專案
- Init - 設定 GIT 專案
- Commit - 提交程式碼
- Remote - 遠端操作
- Branch - 使用分支
【教學主題九】前端下一步
- 我會 jQuery 夠了嗎?
- 前端框架淺談
- 使用前端框架的原因
- 各種前端框架淺談
- 如何準備前端工程師作品集
- 前端工程師面試重點
- 用工程師的角度與面試官應對進退
- javascript 面試題方向與範例
