JavaScript 入門前端工程師課程推薦
JavaScript & jQuery 程式設計入門課程

【教學主題一：JavaScript 入門】

• 建立 function 函式
• var 宣告變數
• Number 變數、String 變數
• window 物件 - 彈出式視窗
• 動態控制 CSS 屬性
• this 應用

• 內建對話方塊 alert()
• if else 邏輯條件式
• document 物件
• 互動顯示隱藏網頁區塊
• 動態控制 CSS 排版
• substr() 應用 

【教學主題二：基本資料類型 & 複雜資料類型】

• 數字類型 Number
• for 迴圈的應用
• 輪播式動態廣告BANNER設計

• 文字類型 String
• 影像類別 Image
• 互動式網頁相片

【教學主題三：JavaScript 與 DOM】

• DOM 是什麼？
• 透過 id 來取得 HTML 元素
• TAB 頁籤選單
• 存取/修改元素的 CSS 樣式
• JavaScript innerHTML() 應用

• DOM Tree
• 存取/修改 HTML 元素的屬性
• 元素的顯示/隱藏
• 下拉選單的設計
• 如何優化 JavaScript 程式

【教學主題四：事件處理】

• 內聯方式 & 外聯方式
• 滑鼠事件與 function
• onmouseover, onmouseout, onmousemove

• 點擊事件 onclick
• 圖片置換功能
• 互動式電子相簿

【教學主題五：迴圈 & 計時器】

• for 迴圈入門技巧
• for 迴圈多物件控制
• for 迴圈程式優化

• 計時器 setTimeout(), setInterval()
• 廣告、照片自動輪播
• 無間斷圖片自動輪播

【教學主題六：jQuery 函式庫】

• 如何下載最新版 jQuery
• Google jQuery CDN
• jQuery slide 動畫
• 表格動態變色效果
• position() 座標動畫應用

• jQuery 與 JavaScript 整合
• jQuery 選取器
• jQuery fadeIn fadeOut 動畫
• jQuery scrollTop 視差滾動效果
• jQuery easeIn easeOut 效果

【教學主題七：jQuery DOM】

• jQuery DOM traversal
• siblings() 兄弟物件
• filter() 篩選物件
• stop(true,true) 應用
• callBack 兩段式動畫

• eq() 指定物件
• parent() children() 父子物件
• animate() 進階動畫
• $(this).index() 兄弟序列
• 多物件動畫效果

【教學主題八：jQuery 應用】

• 頁籤切換式內容區塊
• 淡入淡出式BANNER輪播特效
• 翻選式選單
• 橫向 Accordion 式選單

• 動畫式下拉選單特效
• 滑入及滑出選單特效
• 動畫式彈跳選單
• 動態翻轉廣告