前端新手開發攻略｜6 小時無痛入門 jQuery

讓網頁更生動，提高介面互動性、提升用戶黏著度

專為零 jQuery 基礎學習者設計的課程 

無痛入門：
首先從最基本的文件導入、選擇器說明開始，零基礎也能快速入門 jQuery。

基礎實作：
開始學習基礎語法與應用，包含：顯示／隱藏區塊、圖片淡入淡出、滑動視窗等。接著搞懂  jQuery 與 HTML、CSS 的關係，包含：取得跟修改網頁內容、取得跟修改屬性值等。

實戰應用：
熟悉這些語法後，老師將手把手帶你作出有趣且常見的網頁應用，例如：動態頁籤切換、隱藏選單、更換頁面背景顏色、頁面滑到指定位置等，讓你做中學，學中做！

jQuery 是什麼？原來它能用更少的程式碼完成更多功能！

jQuery 是一個以 Javascript 來編寫的函式庫，簡單來說就是先幫你實作了很多 Javascript 的函數功能，它可以幫你把一長串程式碼打包起來，例如：假設原程式碼的的冗長與複雜，這時候就可以透過jQuery的簡化與直覺式的撰寫，讓寫程式輕鬆了起來。

原程式碼
document.querySelector('.calculator__input').addEventListener('click', inputClick);

使用 jQeury後
$('.calculator__input').click();

由此可知，網頁開發者 jQuery 來製作網站，可以讓程式碼更輕巧，也省下不少撰寫程式碼的時間。除了能夠讓程式碼包裝的更漂亮之外，也能夠以更便利、簡單的方式創造出網頁的動畫效果！

6 大優點告訴你 jQuery 哪裡好？

1.  簡化程式碼：如同前面所敘述，它可以打包許多程式碼，使網頁架構輕巧，開發速度提升。

2. 選擇器支援度高：有強大的選擇器，支援幾乎所有的 CSS 的選擇器，且還可以加入外掛，使其支援 XPath 選擇器，甚至能支援開發者自己編寫的選擇器。

3. 瀏覽器相容性高：相容很多種類的瀏覽器，JQuery 也同時修復了一些瀏覽器之間的的差異，使開發者在開發專案不用再建立瀏覽器相容庫。

4. 快速搭起與後端工程師溝通的橋樑：jQuery 也提供了方便的 Ajax 方法，來串接後端工程師所給的資料（API），來呈現大量資料的網頁內容，如購物商城、表單資料等。

這樣的你必上這堂課！

1.  前端工程師：不想再讓網頁太死板、無趣，想要加入一些豐富的動畫或特效，提升網頁的互動性。

2.  網頁設計師：顯轉職前端工程師，或是跨足前端領域，為工作加分者。

上過課程的同學都給予滿滿 5 星好評！

⭐️林Ｘ芮：老師講解的很詳細，淺顯易懂。學習過程中很順利且實用

⭐️郭Ｘ婷：用最容易理解的方式講解，很適合初學

⭐️賴Ｘ燁：講解得非常詳細~淺顯易懂希望趕快有有更新的內容

課前你可能會有這些疑問

Q：沒有任何 HTML、CSS、JavaScript 的基礎，適合上這堂課程嗎？

A：建議要有 HTML、CSS 基礎的人再加入課程會比較好喔！