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

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

JavaScript / jQuery 前端開發入門實戰

開課時間

6/26 (六)、7/3 (六)、7/10 (六)、7/17 (六)、7/24 (六)

10:00 ~ 17:00

這堂課適合

其它相關課程

你將會學到

  • 理解 JavaScript 的基本語言邏輯概念,搭配 jQuery 函式庫的應用。

  • JavaScript 攻略,避免常見錯誤。

  • 寫出優良穩定 JavaScript / jQuery 程式碼。

  • 徹底地增進 JavaScript / jQuery 的除錯能力。

  • 掌握如何在網頁上寫出互動效果。

  • 提供作業練習,帶您實戰把觀念融會貫通。

課前準備

  • 需自備電腦, Mac / Windows 皆可。

  • 課程將會使用 Sublime Text 3 / VS Code 編輯器,建議同學可以先行安裝。

課程大綱

  • 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

課程內容

JS 課程內頁 - 標題圖 - 一起來認識 JavaScript !
JS 課程內頁 - JavaScript 可以做到...

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

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

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

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

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

JS 課程內頁 - 標題圖 - jQuery是什麼?
JS 課程內頁 - jQuery 的特色

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

jQuery 的特色包含:
  • 輕量 JavaScript 框架

  • 跨瀏覽器,支援度高

  • 簡化 JavaScript 方法,容易使用

  • 豐富的 DOM 選擇器

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


JS 課程內頁 - 標題圖 - JavaScript & jQuery 課程內容

📔 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

關於講師

許國政

Vue / JavaScript 講師

許國政 (Kuro Hsu)

業界資深前端開發者,為臺灣各大型技術研討會 JSDC、WebConf、MOPCON、COSCUP 的知名講者。

於 2019 年出版「0 陷阱!0 誤解!8 天重新認識 JavaScript!」,攻佔各大技術書籍排行榜。

同時身兼 Vue.js Taiwan 社群主辦人,主辦的活動場場秒殺一票難求,衍伸開發的週邊商品精緻實用,譽為被程式耽誤的週邊商品業者。

講師其他課程


他們都在五倍學習程式

推薦 Kuro 老師的「JavaScript & jQuery 開發實戰入門實戰」, 觀念、邏輯講解得非常詳細,容易踩雷搞混的部分會放慢速度教學,很值得上的一門課!!超適合前端新手或是設計師轉前端的同學!

Tonia Lin

這裡環境讓人感到舒服之外,就連老師的專業度也是一等一的。Kruo 老師的 JavaScript 課程,一開始會用大量範例說明搭上實作練習,輕鬆就能理解程式碼背後的原理,這對一直以來都是自我進修的我提供了很大的幫助。

Keddie

有充足的作業跟練習,老師很細心地批改作業並依造學生進度調整上課內容。業界經驗問到飽,我覺得很不錯。由於是五堂全天課,我覺得需要學生的耐力還有自己努力做練習,達到的效果會最好。

楊佳安

立即報名

JavaScript / jQuery 前端開發入門實戰

立即報名

點擊後選擇課程時間及付款方式。

組團報名享折扣

兩人同行 或 一次購買 2 堂課,享 9 折優惠

三人同行 或 一次購買 3 堂課,享 85 折優惠

更多團報或課程諮詢請洽 02-2331-5247

相關課程

立即報名