JavaScript (ES6) 網頁前端工程入門

JavaScript (ES6) 網頁前端工程入門

JavaScript 程式是開發動態網頁應用最關鍵的核心技術,也是學習 HTML5 的重要基礎。藉由 JavaScript 可以設計出高互動性且獨樹一格的網頁。本課程將從基礎的 HTML、CSS 語法教起,學習靜態 RWD 網頁排版技巧,最終使用 JavaScript 開發能和使用者互動的網頁介面。

本課程搭配 WeHelp 線上程式解題系統,協助大家自主練習解題。

課程大綱

不同於線上課程,此實體課程強調現場的練習指引,當場解決問題。除了知識傳授之外,幫助你熟悉程式語法、掌握運用程式解決問題的能力。課堂上,我們會花將近一半的時間,安排將近 20 個精心設計的小型作業,並搭配 WeHelp 線上程式解題系統,協助大家自主練習解題,進而真正學會寫程式這件事情。

JavaScript (ES6) 網頁前端工程入門課程主題:

1. 課程簡介

2. HTML、CSS 靜態網頁基礎
2-1. HTML 基礎
2-2. CSS 基礎
2-3. CSS 區塊模型、選擇器
2-4. Flexbox 網頁切版
2-5. 網頁排版現場演練

3. JavaScript 前端程式,語言入門
3-1. JavaScript 簡介
3-2. 資料、資料型態
3-3. 變數、運算符號
3-4. 入門技巧題目現場演練

4. JavaScript 前端程式,語言核心
4-1. 流程控制:判斷式
4-2. 流程控制:迴圈
4-3. 函式基礎
4-4. 物件基礎
4-5. 核心技巧題目現場演練

5. JavaScript 網頁動態效果
5-1. HTML DOM
5-2. 事件處理
5-3. HTTP 通訊協定
5-4. AJAX/XHR 前後端互動
5-5. 動態網頁效果題目現場演練

適合對象

想要從頭學習網頁前端開發的初學者。
想要學習 JavaScript / AJAX 動態技術的網頁設計師。
想要透過現場實作練習,磨練實際程式撰寫能力的學習者。

開發環境

課程採用 Visual Studio Code 免費開發工具。

實體課程注意事項

本班為實體課程,常見QA詳情連結

校園防疫措施詳情連結

公務員全程參與課程學習後可於課程結束後申請登錄公務人員學習時數

課程影片觀看期限至課程結束後一週關閉

(一)退費期限:開課日後⅓時數內,詳情連結

(二)查詢結業狀況:結業名單連結

近期班次

  • 第434期 招生中

    課程類別:2025寒密下午班

    開課日期:2025.01.13 ~ 2025.01.23

    上課時間:

    週 (一)(二)(三)(四) 1:45 PM ~ 5:30 PM

    學費:新生新台幣6500元整

    注意事項:
    1. 每週星期一至星期四:13:45 ~ 17:30 (3.75 H) ;週五不上課
    2. 共八堂課

  • 講師介紹

    (1) 國立臺灣大學心理學學士學位、國立臺灣大學資訊工程學碩士學位,具備跨領域專案開發經驗。
    (2) 於 2003 年,獲得美商昇陽電腦 Sun Certificated Java Programmer(SCJP) 認證。
    (3) 於 2008 年,參與美商昇陽電腦校園大使計畫。
    (4) 曾任資策會軟體工程師。
    (5) COSCUP 2010 開源人年會講者,講題:Implementation of websocket protocol。
    (6) 網頁多人線上遊戲開發。
    (7) Piconion 影像處理軟體主要開發者。
    (8) iThome Modern Web 2016 講者,講題:Web 終將統治世界,用 JS 打造專業影像處理軟體。
    (9) iThome Modern Web 2017 講者,講題:開發複雜網頁應用的黃金法則。
    (10) 2008年至本班教學,累計授課時數至2024年3月1日為4,020小時,為資深講師。

    *老師個人課程網站:https://training.pada-x.com/