成為前端工程師|JavaScript 入門:帶你逐步培養網頁開發技能

課程資訊 課程大綱 開課單位 常見問答
Loading...
線上課程

成為前端工程師|JavaScript 入門:帶你逐步培養網頁開發技能

18483次瀏覽
NT$6,650
優惠現領
折 100 元
【獨家】滿千折百_到6/9
緯育TibaMe 課程滿 1000 元
折 500 元
【獨家】三千折500_到6/9
緯育TibaMe 課程滿 3000 元
折 250 元
【獨家】兩千折250_到6/9
緯育TibaMe 課程滿 2000 元
課程資訊
本頁面課程內容及活動資訊概由廠商提供,部分內容非屬104服務範疇,會員應遵守之規範悉依 104課程中心會員規約 所載。
上課時間 無限期觀看課程查看更多
上課方式 於開課單位網站兌換後觀看課程
課程內容
課程大綱
展開全部
1 網頁開發基礎知識
01
課程前言
02
認識用戶端網頁開發技術 __ part1
03
認識用戶端網頁開發技術 __ part2
04
認識用戶端網頁開發技術 __ part3
05
認識伺服器端網頁開發技術
06
網頁開發技術的優缺點
07
QUIZ:Module1
2 認識網頁編輯工具
01
認識 Visual Studio Code
02
安裝 Snippet Pack 與 Extension __ part1
03
安裝 Snippet Pack 與 Extension __ part2
04
JavaScript 程式開發體驗 __ part1
05
JavaScript 程式開發體驗 __ part2
06
JavaScript 程式開發體驗 __ part3
07
JavaScript 程式開發體驗 __ part4
08
QUIZ:Module2
3 認識 JavaScript
01
ECMAScript 語言規格版本 __ part1
02
ECMAScript 語言規格版本 __ part2
03
JavaScript 程式碼的基本寫法 __ part1
04
JavaScript 程式碼的基本寫法 __ part2
05
偵錯網頁的錯誤 __ part1
06
偵錯網頁的錯誤 __ part2
07
QUIZ:Module3
4 JavaScript 基本語法
01
撰寫 JavaScript
02
資料型態與變數 __ part1
03
資料型態與變數 __ part2
04
資料型態與變數 __ part3
05
資料型態與變數 __ part4
06
變數型態與轉型 __ part1
07
變數型態與轉型 __ part2
08
變數型態與轉型 __ part3
09
變數型態與轉型 __ part4
10
QUIZ:Module4
5 運算子與敘述
01
認識運算子與運算元
02
實作算術運算 __ part1
03
實作算術運算 __ part2
04
實作比較運算
05
實作邏輯運算
06
實作字串運算
07
實作三元運算
08
QUIZ:Module5
6 流程控制
01
流程控制種類 __ part1
02
流程控制種類 __ part2
03
實作判斷控制 __ part1
04
實作判斷控制 __ part2
05
實作迴圈控制
06
break 與 continue
07
QUIZ:Module6
7 常用的 JavaScript 物件
01
JavaScript 物件種類
02
認識全域的屬性和函式
03
使用全域的屬性和函式
04
QUIZ:Module7
8 認識 String 物件
01
String 物件常用的功能
02
判斷字串的內容
03
解析字串的內容
04
QUIZ:Module8
9 認識 Date 物件
01
Date 物件常用的功能
02
使用 Date 物件
03
取得目前的日期時間
04
QUIZ:Module9
10 認識 Array 物件
01
Array 物件常用的功能
02
建立與使用陣列
03
排序與列舉陣列元素 __ part1
04
排序與列舉陣列元素 __ part2
05
排序與列舉陣列元素 __ part3
06
QUIZ:Module10
11 認識 Math 物件與 RegExp 物件
01
認識與使用 Math 物件 __ part1
02
認識與使用 Math 物件 __ part2
03
認識與使用 RegExp 物件
04
使用 RegExp 判斷使用者輸入的資料格式
05
QUIZ:Module11
12 認識函式
01
函式的用途 __ part1
02
函式的用途 __ part2
03
建立與使用函式__ part1
04
建立與使用函式__ part2
05
定義處理事件的函式
06
QUIZ:Module12
13 函式進階
01
定義事件函式的三種方式
02
傳遞參數給函式
03
定義立即執行的函式
04
認識與使用 Callback 函式
05
QUIZ:Module13
14 認識 this 物件與 event 物件
01
認識 this 物件
02
改變 this 物件繫結對象 __ part1
03
改變 this 物件繫結對象 __ part2
04
認識與使用 event 物件
05
QUIZ:Module14
15 事件處理
01
處理事件的選擇
02
常用的事件 __ part1
03
常用的事件 __ part2
04
實作事件處理
05
認識 Event Bubbling / Event Capturing 現象 __ part1
06
認識 Event Bubbling / Event Capturing 現象 __ part2
07
QUIZ:Module15
16 認識與使用 Browser Object Model -- 查詢使用者的喜好語言設定
01
認識 Browser Object Model
02
認識與使用 screen 物件
03
認識與使用 navigator 物件
04
認識與使用 location 物件
05
認識與使用 history 物件
06
QUIZ:Module16
17 認識與使用 Browser Object Model -- 和使用者對話
01
認識 window 物件
02
使用 window 物件內建的對話方塊__ part1
03
使用 window 物件內建的對話方塊__ part2
04
開啟新的瀏覽器視窗
05
QUIZ:Module17
18 認識與使用 Browser Object Model -- 計時器實作
01
認識 window 物件
02
window 物件與計時器
03
實作網頁時鐘
04
QUIZ:Module18
19 認識與使用 Document Object Model -- 取用 HTML 文件的內容
01
認識 Document Object Model
02
認識與使用選擇器 __ part1
03
認識與使用選擇器 __ part2
04
認識與使用選擇器 __ part3
05
認識與使用選擇器 __ part4
06
取用 HTML 文件的內容 __ part1
07
取用 HTML 文件的內容 __ part2
08
取用 HTML 文件的內容 __ part3
09
QUIZ:Module19
20 認識與使用 Document Object Model -- 變更網頁內容與樣式
01
取得與變更網頁內容與樣式
02
使用 document 的 images 集合
03
保存使用者於表單輸入的資料 __ part1
04
保存使用者於表單輸入的資料 __ part2
05
QUIZ:Module20
21 表單實作
01
認識表單實作要點 __ part1
02
認識表單實作要點 __ part2
03
常用的表單元素
04
表單與防偽標籤
05
QUIZ:Module21
22 表單資料驗證
01
驗証使用者輸入的資料
02
認識 Captcha 驗証
03
使用 Captcha 驗証強化提交表單的安全性
04
QUIZ:Module22
23 認識 ES6
01
認識 ECMAScript 新功能
02
實作 try / catch 例外處理
03
JSON 支援
04
QUIZ:Module23
24 ES6 與非同步支援
01
async function __ part1
02
async function __ part2
03
Array 反覆函式 __ part1
04
Array 反覆函式 __ part2
05
export 敘述 __ part1
06
export 敘述 __ part2
07
QUIZ:Module24
25 學習成果實作 - 查詢氣象預報資訊
01
查詢氣象預報資訊_part1
02
查詢氣象預報資訊_part2
03
查詢氣象預報資訊_part3
04
查詢氣象預報資訊_part4
你可以學到



JavaScript 可說是前端領域的關鍵熱門技術,只要在 104 人力銀行簡單搜索,你也會發現 JavaScript 對於許多產業而言是必備技能。

|你是否在學習 JavaScript 的路上遇到許多困難?

這門課獻給已具備基礎程式設計概念,且擁有以下想法的你:




可是目前坊間也有產出許多 JavaScript 課程爭奇鬥豔阿,究竟該如何選擇?
雖說師父引進門,修行在個人,但好的老師能夠帶你上天堂,走上學習 JavaScript 的捷徑!

緯育 TibaMe 為你強力推薦擁有深厚教學經驗與前端技術專長的王寧疆老師,帶你逐步入門 JavaScript,並培養網頁開發技能!

|為什麼緯育 TibaMe 推薦這位老師?

  • 擁有深厚的教學經驗與前端技術專長
  • 鉅細靡遺式的教學,帶你建立扎實基本功,絕不馬虎!


|除了專業的師資,這門課程還有以下亮點:

  • 講師教學鉅細靡遺
  • 可建立 5 大學習目標、2 個實作小練習
  • 完成 1 項學習成果
  • 提供完整的學習資源
    適合對象
    這門課獻給已具備基礎程式設計概念,且擁有以下想法的你:
    • 想要入門或更加精進 JavaScript
    • 想了解更多網頁開發的語法與技術
    • 不知道該如何設計用戶與網頁之間的操作互動
    • 想往網頁開發或前端工程師領域發展
    課程講師
    王寧疆
    王寧疆老師學歷|淡江大學資訊工程碩士經歷|▹ 資策會台北教育訓練中心資深講師▹ 微軟 TechEd 講師▹ MSDN 研討會講師▹ 微軟資訊安全日講師專業領域|▹ Visual Studio與.NET平台相關應用程式設計▹ 網頁開發、網頁設計技術▹ 跨平台手機App程式設計▹ Microsoft Azure雲端相關技術▹ Python程式設計▹ 其他:Azure DevOps專案管理、GitHub / GitLab版本管理相關認證資格|▹ MCP、MCSD、MCT、MVP
    展開全部
    開課單位
    緯育TibaMe
    緯育TibaMe由全球最大資通訊集團之一的緯創資通集團於2015年正式成立,我們專注於人才培訓與平台服務,發展多元的授課模式,並結合緯育開發的雲端智能化學習系統,有效培育新世代數位化人才。在行動與雲端時代,用科技加值人才培育,持續發展創新與有效的數位教育學習服務。
    最新動態 看所有動態

    Power Automate、Zapier、Make、n8n、tldraw​ 怎麼挑選適合你的自動化工具

    想提升工作效率,你該考慮導入 #自動化工具! 🚀 但何謂自動化工具? 可以在工作中協助到哪些面向? 我們又該如何挑選適合自己的工具?🤔 📖 文章重點摘要 📍 自動化工具就是把重複性工作流程,交給機器執行 📍 不需要程式背景,也不一定要工程師才能使用 📍 自動化能有效: ➊ 提升效率:減少重複性工作,讓人力專注在高價值任務,提升整體工作成效 ➋ 降低錯誤:避免人為疏失,提高數據與操作準確性 ➌ 加速應用:AI + RPA 工具逐年普及,低程式碼(Low-Code)、無程式碼(No-Code)工具降低門檻,企業導入更快速 ➍ 應對挑戰:面對人力短缺與數位轉型壓力,懂得運用自動化工具的工作者將更具職場競爭力 完整 5 大自動化工具介紹與比較 & 針對不同工作/職務挑選建議 現在就前往閱讀完整文章 👉 https://bit.ly/4364RGw #powerautomate #n8n #zapier #tldraw

    從想轉職到成功轉職-學長姊現身說最真實

    🎤 學長姊分享 想跨域轉職一路上的 ✅ 心態調適 ✅ 準備過程 ✅ 成功經驗 ✅ 職場真實樣貌 聽我們說不如聽過來人──轉職成功的學長姊現身說最真實~ 這裡報名線上與學長聊聊>> https://bit.ly/4cGHC9f ▍誰適合參加 🔹即將從就業培訓班結訓的你 🔹剛結訓想繼續物色優質職缺的你 🔹想跨域域轉職猶豫中的你 ▍從財金系畢業轉職為後端工程師的學長要跟你分享 🔥 如何結合非本科系的背景創造自己的優勢 🔥 專題作品準備心法 🔥 履歷撰寫技巧與面試準備方向 🔥 進入職場的實際狀況與持續進修該學什麼 🔥 後端工程師未來職涯發展的可能性 ▍直播資訊 時間:4/23 (三) 晚上 8 點至 9 點 型式:線上直播 (直播連結將於報名後2~3個工作天email提供) 報名連結: https://bit.ly/4cGHC9f
    常見問答
    如何購買課程並開始上課
    於欲購買 1. 線上課程之頁面,點擊「立即購買」,成功使用信用卡完成付款並確立訂單成立後,本平台將透過購買填寫之信箱,以郵件方式通知「訂單成立」,後續兌換學習有兩種形式:(A) 若購買學習廠商提供課程,購買後「提供課程兌換序號、兌換連結、兌換碼使用說明」,引導您至購買課程之出版廠商兌換並上課、(B)若購買是104學習系統,購買完可以從郵件、訂單明細、課程詳細頁直接進到站內線上學習。 2. 實體課程之頁面,點擊「立即購買」,成功完成付款並確立訂單成立後,本平台將透過購買填寫之信箱,以郵件方式通知「訂單成立」即可完成報名,後續開課單位會有專員與您聯繫後續事宜。
    購買與報名課程付款方式?
    僅提供信用卡付款。
    有支援信用卡分期嗎?
    平台有提供分期服務:結帳金額滿$4,000可享三期零利率,滿$12,000可享六期零利率;分期服務支援銀行公司為:中國信託、台新銀行、玉山銀行,實際分期金額依各發卡行規定
    已完成付款,但用錯折扣碼怎麼辦?
    請申請退款並重新下單,已使用之折扣碼,本平台將不進行退回,敬請見諒。
    線上刷卡後訂單狀態顯示「待付款」
    代表您的結帳流程尚未完成,請儘速完成結帳程序,以免課程相關優惠權益失效。
    刷卡失敗的原因
    可能為以下原因: 1.授權失敗(例:信用卡發卡銀行系統忙碌、網路塞車、刷卡等待時間過久造成系統確認失敗等問題),建議稍待一段時間再重新刷卡。 2.輸入信用卡卡號等相關資料不正確(例:輸入資料不正確、卡號過期、尚未開卡等問題),建議重新確認輸入資訊。
    如何選擇紙本發票
    為響應政府政策,不主動提供紙本發票,委由金財通系統寄發電子發票開立通知信至學員購買課程時填寫之Email,發票自動存入會員載具,若未收到請告知。
    企業請款之憑證,如何申請
    若需要進行企業請款,請於購買時輸入統一編號、發票抬頭,本平台將以郵件寄送電子發票方式,至您填寫之信箱。
    多久會收到發票
    發票將於付款成功,3個工作天內開立,敬請稍候。
    如何退款
    請參考下方退款須知與流程 1.若您於本平台成功完成付款購買課程,有退款需求,於外部學習廠商兌換之線上課程自購買日起7天內,且未進行課程兌換,可申請全額退費;於104課程中心站內學習課程若購買日起7天內後「未進到學習頁」,可申請全額退費;實體課程須於開課日前 1 日之非假日上班時段前與104學習精靈提出申請,始得要求全額退費。 2.若需申請退款,請使用信件主旨:「課程中心退款申請」,並於信件內容寫明購買人姓名、訂單編號、欲退款之課程名稱,郵件至nabiservice@104.com.tw,本平台將於5個工作天內盡快為您處理。 3.確認提出退款申請時間為課程購買日起7天內,且未進行課程兌換,本平台將與欲申請退款課程之出版廠商,提出會員資料與學習紀錄查詢,確認您課程的觀看紀錄,並同步確認出版廠商訂定之退款事項,是否全數符合。申請退款的同時,即代表您同意本平台與退款課程之出版廠商,提出查詢會員資料與學習紀錄。 4.若您單一訂單中購買兩堂(含)以上課程,不需要整張訂單退款(只退其中幾堂課),退款金額為欲退款課程售價加總後,扣除此張訂單所使用之折扣碼(若折扣碼為整張訂單之折數折扣,則退款金額為欲退款課程售價加總後乘以折數折扣),若計算後退款金額低於(含)0元,本平台將不執行退款。5.上述退款方式僅限於本平台成功完成付款購買之課程,若付款與訂單成立之任一程序不在本平台完成,退款方式需依照課程出版之廠商所訂定之規則提出申請,並由課程出版廠商協助處理,本平台不介入。 6.若您的發票沒有填寫統一編號,並需要辦理退款時,由本平台代為處理發票相關作業 (如作廢電子發票或開立電子發票折讓單),以加速退款作業時程。 7.若您原訂單信用卡分期,其申請退費時,須整筆訂單全額退費,無法部分或擇一課程退費。
    款項何時退回
    課程退費採原信用卡退刷方式,退費所需之工作天依各金融機構實際作業時間為準。