成為前端工程師｜jQuery 入門密技，愉快打造互動式網頁不求人

在熟悉了 HTML、CSS 之後，覺得自己與自己的作品網站：

1. 不知道還可以對網頁做什麼優化？
2. 只會以靜態死版的方式呈現！總想增加一些動態互動效果？
3. 動態效果一旦跨瀏覽器就容易出錯！
4. 不知道可以學習什麼技術來增進網頁開發的能力？

想要成為前端工程師
光學會 HTML、CSS 是不夠的，除了 Javascript 之外，想要快速增加網頁的互動性，jQuery 可以簡單的讓你的網頁「活」起來！ 

jQuery
是一個快速、簡易、具瀏覽器兼容性的「Javascript 語法函式庫」。在函式庫中，囊括了許多 Javascript 的函數功能，可以讓你的程式碼寫起來更漂亮簡潔，還能以更便捷的方式執行動畫效果，並且不用擔心瀏覽器相容性的問題，是一個可以讓開發者可以更輕鬆的上手製作網站功能的工具。

雖然 jQuery 能夠簡單地透過官方文件就能夠學習，但在這門線上課程中，我們將會延續更多 HTML、CSS 的知識，交付給你更多進階技巧，加上大量的實作案例，靠著每一行每一個步驟完整的概念解說，就是要讓大家能夠在學完這門課程後能輕鬆地駕馭 jQuery。



✓ 用更精簡的程式碼達成效果：Javascript 需要使用三行程式碼，jQuey 只要一行程式碼。

＃就算不懂 JavaScript 也能夠簡單入門

＃延續 HTML、CSS  概念知識並學會進階技巧

＃用更少的程式碼完成互動式網頁

＃不再為不同瀏覽器的相容性煩惱！

從基本的滑動、淡入淡出效果開始，到進階的 CSS + jQuery 語法搭配，帶著你更好的掌握並應用各類語法，在動畫操作上也會讓你的網頁動態更精緻、多元。這門課將會把所有 jQuery 必備技巧都教給你，課程中也會一步步帶著你看到語法的撰寫架構，只要跟著影片中的教學步驟，一定可以做出屬於自己的網頁功能與效果唷！

✦ 核心一、掌握基礎語法與學習資源

✓ 取得內容與屬性、更新屬性、取代內容、移除元素、新增元素

✓ 查找 jQuery 辭典資源，輕鬆查詢不同功能說明與範例。

✓ 認識 name、id、class、屬性與符號、:first-child、:last-child



▲ 不只釣魚（實作教學）給你吃，還要教會你怎麼釣魚（自學能力）。

✦ 核心二、操控網頁元素

✓ 更改 DOM 中元件的內容和外觀。例如選擇任一元件修改其 CSS 樣式、定位、內容文本、圖像等。

✓ 創建一個快速反饋表單。例如在提交表單之前通知使用者輸入格式不正確，在將資料發送到伺服器之前，使用 jQuery 執行驗證檢查。

✦ 核心三、事件處理

｜學會監聽與操作 HTML 元素的各種事件

✓ 處理用戶輸入事件，包括鼠標點擊和鍵盤輸入。例如使用鍵盤輸入創建一個使用箭頭鍵移動的簡單小遊戲。

✦ 核心四、製作效果/動畫

｜學會使用 jQuery 來製作動畫的效果

✓ 使用 jQuery 的動畫工具使你的網站變得生動，並強化你的設計元素，對使用者的行為與輸入有響應的能力。例如將元件加入淡入淡出效果，或是針對子選單中的所選元件產生出滑動與突顯的效果。

✦ 核心五、更多技巧

｜學會自製與使用第三方 plugin

✓ 認識基本套件寫法並使用 jQuery 製作套件與熟悉套用別人寫好的套件。例如使用別人寫好的套件將輸入完成的文字進行反轉顯示。

｜實作「待辦事項」功能

   

▲ 基本介面 ⤑ 新增待辦 ⤑ 新增移除 ⤑ 加入更新 ⤑ 拖曳排序 ⤑ 加入星號

---

從「不會動態網頁設計」到「懂得製作互動式網頁」再到「掌握效果和動畫的呈現」是我們教學不變的核心！

---

✎ 互動式網頁課程人氣講師

此次我們特地邀請到「制服地圖」的創辦人 紅色死神 / 江舜智老師，專案經歷豐富且獲獎無數的江舜智老師，同時也是 TibaMe 養成就業班學員一致認同，屢屢獲高評點、高滿意度的人氣老師，老師這次將會運用執行各式專案的豐富實例，融合至這次的線上課程中，對動態網頁有興趣的你不要再錯過啦！

最完整的知識體系

這門課程仰賴 TibaMe 多年廣受好評且開班不斷的就業養成班體系「Web/APP 前端設計工程師養成班」所產出的以就業為出發點且在完訓後能為業界公司所用的最完整的知識內容，在課程製作前便已先行依照多位業界專家與授課講師（專業面）協同資深的教學設計師（教學面）一同規劃的「課程地圖」進行教學課綱的擬定與討論，在課程教材與影片上也已經過層層審核，不會出現像坊間線上課程沒有完整的知識架構，著重面不夠全面或是單元間的銜接度不足的尷尬狀況。

最豐富的培訓經驗

TibaMe 有著傳承中壢資策會多年的培訓基因，加上 TibaMe 雲端科技培訓團隊近 5 年的雲端科技導入。並且有著多年來累積的堅強教學師資，在知識與科技上的跟進從來不會一成不變，我們相信一門專業領域知識很難在一、兩堂線上課程完整呈現與詮釋，但只要透過有步驟、有技巧的學習方式就能有效確保學員只要有心想學就可以有所收穫！

最有效的學習成果

• 學習目標｜完成這門課程，讓你學會課程實作的知識及技能，每支課程影片都會有明確的學習目標，讓學員能完全掌握每支課程影片的教學目的與內容，可讓你將課程中的知識及技能實際應用在你的工作或專案上。
• 學習計劃｜我們設計的學習計畫，可以結合 Google 日曆，學員可以依照系統建議設定的學習週期與時數，也可以依照個人學習步調安排學習的時間，以逐步完成這門課的學習，系統會主動提醒學習時段。
• 碎片學習｜我們將課程教學影片每個知識點設計在 10 分鐘以內，利於學習者運用零碎時間學習，也方便使用電腦、平版或手機等跨裝置的學習。
• 學習檢核｜每個單元章節都會有形成性評量測驗，透過 QUIZ 練習讓你清楚知道自己的學習狀況，知道哪些內容學的好，那些內容需要加強。
• 學習履歷｜學員能夠透過學習履歷了解自我學習的歷程、足跡與習慣，進而掌握自己的能力的圖。此外，我們還會提供完課學員「學習證明」讓學員的努力更可以被看見並增加履歷的豐富度。
• 複習便利｜因有著每支課程影片（知識點）的學習目標與精簡的教學影片，在用作複習時也更容易進行快速搜索，找出想要重複觀看的教學內容，不會有在查找一支影片時需花費大量時間觀看且不易找出所需教學內容的問題。
• 職涯增能｜課程規劃以職場實際需求的知識和技能為目標，針對業界各職位所需的技能設計一步步引導的教學方式，讓你容易學會課程內容，也同時學會在職場上應用的知識及技能。

這門課程作為整個「成為前端工程師系列」的其中一門課，除了提供程式碼讓學員便於練習，還會在課堂中提供網頁互動效果與動畫製作的實作技巧，以現有常用實際的功能案例進行演示，並且每個章節都有測驗練習。全部內容包含了「 18 個章節、 55 支共 3.1 小時教學影片、54 個測驗評量與 1 份「 jQuery 入門密技」學習講義。結合其他系列課程的基礎，讓你一步一步成為前端工程師，準備好了嗎？我們將一同陪你紮好馬步讓你一步一步成為前端工程師。

⚑ 18 章節
⚑ 55 教學影片
⚑ 3.1 小時教學時數
⚑ 54 評量
⚑ 1 份「 jQuery 入門密技」學習講義