五倍紅寶石 ・專業程式教育機構

JavaScript (簡稱 JS) 是一個簡單、以物件為基礎的敘述語言。

在製作網頁過程中一定聽過 JavaScript，主要運行於瀏覽器中的動態腳本語言。 我們可以透過 JavaScript 做到像是：數據驗證處理、頁面動態效果、資料串接、表單驗證等等與瀏覽器互動的事情，讓現在網站能被賦予更多、強大的功能；知名的前端框架 React.js / Vue.js 也都是基於 JavaScript 而生、加速了網站開發的效率，而這也是 JavaScript 蟬聯最熱門的程式語言榜首多年的原因(The 2020 State of the Octoverse | GitHub)。

👩‍💻 🧑‍💻 如今你想成為一位前端工程師 ， JavaScript 基礎已經是一個必要的技能了！

但 JavaScript 卻也是工程師公認最容易誤解的程式語言！？

💪 別擔心！這門課將由 Kuro 老師將從基礎的 JavaScript 入門帶到 jQuery 函式庫，讓你從基礎觀念開始到實際應用都能掌握。

jQuery 是一個以 JavaScript 來編寫的函式庫(工具庫)，j 代表 JavaScript，query 是 『查詢』的意思，它簡化了JavaScript 的方法，讓開發者能快速的在 HTML 文件裡面尋找 DOM 物件、事件處理。

jQuery 的特色包含：

• 輕量 JavaScript 框架

• 跨瀏覽器，支援度高

• 簡化 JavaScript 方法，容易使用

• 豐富的 DOM 選擇器

如果你是網頁設計師、第一次接觸 JavaScript 的新手，使用 jQuery 的方法就能快速、簡單的實現 JavaScript 複雜的操作，這對於 JavaScript 新手來說，是一個相當友善的函式庫。

📔 JavaScript 基礎知識

• JavaScript 基礎知識

  • JavaScipt 是什麼？

  • JavaScript 與 HTML / CSS 的關係？

• JavaScript 與 HTML

  • 文件物件模型(DOM)

  • NodeList

📔 JavaScript 基礎語法

• 敘述句與運算式

• 變數

• 陣列

• 函式與物件

• 變數資料型別

• 字串與數字

• 布林值

📔 JavaScript 進階語法

• 流程邏輯判斷與迴圈

• 深入函式與 this

• 變數作用域與變數提升

• callback function

• 閉包

• call(), bind(), apply()

• ES6 重要功能

  • let 與 const

  • 箭頭函式

📔 jQuery 實戰 - 基礎

• JavaScript 與 jQuery 的關係

• jQuery 概念與基礎語法

• jQuery 選取器與物件

• jQuery 與 DOM 節點方法

📔 jQuery 實戰 - 進階

• jQuery 事件處理

• jQuery 與動畫

• jQuery 與 Ajax

• jQuery 與 Plugins