JavaScript / jQuery 前端開發入門實戰

JavaScript / jQuery 前端開發入門實戰

想學習前端框架,你的 JavaScript 基礎夠扎實嗎?

  • 團隊正在使用 Vue / React / Angular 這些前端框架,自己卻連 JavaScript 都還看不懂嗎?或許你該好好進修 JavaScript 基礎喔!

  • 想接觸前端框架前,你的 JavaScript 基礎夠嗎?沒有 JavaScript 基礎就碰前端框架,小心越改越大洞喔!

  • 自學 JavaScript 一段時間、網路上的文件,還是有看沒有懂嗎?

  • 能力卻只卡在切版,想精進 jQuery 、JavaScript 和前/後端工程師合作更順利。

  • 常使用 Bootstrap 切版,許多動畫效果想要客製化或微調卻不知如何下手?

  • 或是想讓你的網站加入動畫效果?除了 CSS ,jQuery / JavaScript 都可以讓你做得到喔!

課程特色

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是什麼?
jQuery 特色

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

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

  • 跨瀏覽器,支援度高

  • 簡化 JavaScript 方法,容易使用

  • 豐富的 DOM 選擇器

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

許國政

許國政

Kuro Hsu

講師簡介

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

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

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

適合對象

JS 適合對象

上過課的同學怎麼說︖

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

Tonia Lin

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

Keddie

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

楊佳安

課程大綱

  • 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

扎實課程搶先看

🚀 完成這門課你將學會:

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

JavaScript 攻略,避免常見錯誤。

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

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

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

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

五倍紅寶石專業程式教育機構因應疫情發展,

🚨 實體教學課程落實社交距離注意事項:

  1. 每天都會要求學員量體溫、使用酒精消毒雙手
  2. 進入教室,建議配戴口罩;就算在用餐時,也請同學盡量不要邊吃邊聊天
  3. 學員下課後,會進行空間的次氯酸空氣消毒
  4. 每週都會安排漂白水、紫外線殺菌燈消毒
  5. 若有呼吸道疾病,或被政府匡列的接觸者,禁止進入教室
  6. 除上述之外,我們也全力配合政府防疫規定,讓每位學員都能在安心的環境學習

立即報名

JavaScript / jQuery 前端開發入門實戰課程 - 假日班

課程類別與程度

前端課程初階課程

近期開課時間

2023 / 5 月班

課程進行中

5/6 (六)、 5/13 (六)、 5/20 (六)、 6/3 (六)、 6/10 (六)

10:00 ~ 17:00

限時優惠價

NT$ 16,500

目前課程已滿班或結束,如對課程有興趣,
歡迎追蹤五倍粉絲專頁來信洽詢,獲得最新的開課消息。

組團報名享折扣

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

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

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

五倍紅寶⽯課程提供

結業證書

結業證書 | 五倍紅寶⽯課程提供

課程結業證書證明

課程討論群組

課程討論群組 | 五倍紅寶⽯課程提供

共同討論課程群組,

老師同學即時交流

wifi

wifi | 五倍紅寶⽯課程提供

備有插座及快速穩定

免費 wifi 連線操作

線上補課

線上補課 | 五倍紅寶⽯課程提供

線上補課,

不怕跟不上進度!

默默會

默默會 | 五倍紅寶⽯課程提供

每週二獨家默默會

讓你問題問到飽

業界高手一同交流

吉祥物貓貓

吉祥物貓貓 | 五倍紅寶⽯課程提供

吉祥物貓貓加持