![](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcGdJIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9bd832be9c7c100b3c42bda92ec76bc2d548c9f9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJQUJXa0NBQVE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--361adeb7fa181768537d730e9301312e3cb6aedf/image.png)
![](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcG9JIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ca0f16f45667253536864a782ef805eda4f4f97e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJQUJXa0NBQVE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--361adeb7fa181768537d730e9301312e3cb6aedf/image.png)
JavaScript (簡稱 JS) 是一個簡單、以物件為基礎的敘述語言。
在製作網頁過程中一定聽過 JavaScript,主要運行於瀏覽器中的動態腳本語言。
我們可以透過 JavaScript 做到像是:數據驗證處理、頁面動態效果、資料串接、表單驗證等等與瀏覽器互動的事情,讓現在網站能被賦予更多、強大的功能;知名的前端框架 React.js / Vue.js 也都是基於 JavaScript 而生、加速了網站開發的效率,而這也是 JavaScript 蟬聯最熱門的程式語言榜首多年的原因(The 2020 State of the Octoverse | GitHub)。
👩💻 🧑💻 如今你想成為一位前端工程師 , JavaScript 基礎已經是一個必要的技能了!
但 JavaScript 卻也是工程師公認最容易誤解的程式語言!?
💪 別擔心!這門課將由 Kuro 老師將從基礎的 JavaScript 入門帶到 jQuery 函式庫,讓你從基礎觀念開始到實際應用都能掌握。
![](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcHNJIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--176b08462ce1b2864263cda551efdc326bbf166b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJQUJXa0NBQVE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--361adeb7fa181768537d730e9301312e3cb6aedf/image.png)
![](https://dmh6legpso131.cloudfront.net/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcDBJIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--4a84be113646476e398ce5fe8fdcb2717b1062e9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJQUJXa0NBQVE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--361adeb7fa181768537d730e9301312e3cb6aedf/image.png)
jQuery 是一個以 JavaScript 來編寫的函式庫(工具庫),j 代表 JavaScript,query 是 『查詢』的意思,它簡化了JavaScript 的方法,讓開發者能快速的在 HTML 文件裡面尋找 DOM 物件、事件處理。
jQuery 的特色包含:
- 輕量 JavaScript 框架
- 跨瀏覽器,支援度高
- 簡化 JavaScript 方法,容易使用
- 豐富的 DOM 選擇器
如果你是網頁設計師、第一次接觸 JavaScript 的新手,使用 jQuery 的方法就能快速、簡單的實現 JavaScript 複雜的操作,這對於 JavaScript 新手來說,是一個相當友善的函式庫。
🚀 完成這門課你將學會:
✨ 理解 JavaScript 的基本語言邏輯概念,搭配 jQuery 函式庫的應用。
✨ JavaScript 攻略,避免常見錯誤。
✨ 寫出優良穩定 JavaScript / jQuery 程式碼。
✨ 徹底地增進 JavaScript / jQuery 的除錯能力。
✨ 掌握如何在網頁上寫出互動效果。