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

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

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

課程大綱

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

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 免費開發工具。

近期班次

  • 第376期 招生中

    課程類別:寒假密集班下午

    開課日期:2023.01.04 ~ 2023.01.17

    上課時間:

    週 (一)(二)(三)(四)(五) 2:00 PM ~ 5:00 PM

    學費:新生新台幣6500元整

    寒假密集班優惠方案:

    即日起至12/10前繳費,可享1000元的學費優惠折抵,12/11至12/25繳費,可享500元的學費優惠折抵。(原訓練班優惠資格可以一起使用)

    繳費優惠期限至:12/25 23:59 截止 12/26恢復原價計算。

    *使用方式: 1.若有優惠資格請先選擇好 2.轉帳時請依照轉帳期限的優惠折扣自行扣除該金額,再進行轉帳即可。

    注意事項:

    1.限定「轉帳」方式繳費以判定繳費日期!敬請留意!

    2.若「轉帳」超過優惠期限,會請學員補繳差額。

    3.繳費完,務必回傳繳費證明至官網信箱 才是完成報名。

    注意事項:

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

    本班會視疫情滾動式調整為同步遠距教學。(會再另外EMAIL通知學員)

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

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

  • 講師介紹

    (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年至本班教學,累計授課時數至2022年6月8日為3410小時。

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