JavaScript / jQuery 前端開發入門實戰
想學習前端框架,你的 JavaScript 基礎夠扎實嗎?
團隊正在使用 Vue / React / Angular 這些前端框架,自己卻連 JavaScript 都還看不懂嗎?或許你該好好進修 JavaScript 基礎喔! 想接觸前端框架前,你的 JavaScript 基礎夠嗎?沒有 JavaScript 基礎就碰前端框架,小心越改越大洞喔! 自學 JavaScript 一段時間、網路上的文件,還是有看沒有懂嗎? 能力卻只卡在切版,想精進 jQuery 、JavaScript 和前/後端工程師合作更順利。 常使用 Bootstrap 切版,許多動畫效果想要客製化或微調卻不知如何下手? 或是想讓你的網站加入動畫效果?除了 CSS ,jQuery / JavaScript 都可以讓你做得到喔!
你將學到什麼


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 的基本語言邏輯概念,搭配 jQuery 函式庫的應用。
✨ JavaScript 攻略,避免常見錯誤。
✨ 寫出優良穩定 JavaScript / jQuery 程式碼。
✨ 徹底地增進 JavaScript / jQuery 的除錯能力。
✨ 掌握如何在網頁上寫出互動效果。
課程大綱
- JavaScipt 是什麼?
- JavaScript 與 HTML / CSS 的關係?
- JavaScript 與 HTML
- NodeList
- 敘述句與運算式
- 變數
- 陣列
- 函式與物件
- 變數資料型別
- 字串與數字
- 布林值
- 流程邏輯判斷與迴圈
- 深入函式與 this
- 變數作用域與變數提升
- callback function
- 閉包
- call(), bind(), apply()
- ES6 簡介
- let 與 const
- 箭頭函式
- JavaScript 與 jQuery 的關係
- jQuery 概念與基礎語法
- jQuery 選取器與物件
- jQuery 與 DOM 節點方法
- jQuery 事件處理
- jQuery 與動畫
- jQuery 與 Ajax
- jQuery 與 Plugins
學員怎麼說
推薦 Kuro 老師的「JavaScript & jQuery 開發實戰入門實戰」, 觀念、邏輯講解得非常詳細,容易踩雷搞混的部分會放慢速度教學,很值得上的一門課!!超適合前端新手或是設計師轉前端的同學!
Tonia Lin
這裡環境讓人感到舒服之外,就連老師的專業度也是一等一的。Kuro 老師的 JavaScript 課程,一開始會用大量範例說明搭上實作練習,輕鬆就能理解程式碼背後的原理,這對一直以來都是自我進修的我提供了很大的幫助。
Keddie
有充足的作業跟練習,老師很細心地批改作業並依照學生進度調整上課內容。業界經驗問到飽,我覺得很不錯。由於是五堂全天課,我覺得需要學生的耐力還有自己努力做練習,達到的效果會最好。
楊佳安
推薦課程
你可能也會喜歡的學習內容
線上課程
GIT103
高見龍 Eddie
Git 小教室
線上課程
GIT001
高見龍 Eddie
坐上 Git 時光機 - 版本控制(直播)
線上課程
FE301
廖珀均 奶綠茶