JavaScript 與 React 網頁前端工程，實務課程主題
1. 快速複習 HTML / CSS / JavaScript 技術
2. 使用 React + Next.js 開發單頁式網站應用 ( SPA )
2.1 React 組件基礎
2.2 React 組件狀態、屬性
2.3 React 組件生命週期
2.4 React 重要的 Hooks
2.5 Import/Export 模組系統
2.6 建立 React + Next.js 開發環境
2.7 專案資料夾結構說明
2.8 路由處理和網頁佈局
2.9 網頁樣式處理
2.10 串接後端 API，整合基礎技巧，完成網站應用
3. 網頁遊戲實作入門
3.1 多媒體資料預先載入
3.2 音效播放控制
3.3 影像特效設計
3.4 即時互動的程式設計
3.5 完成一個簡單的遊戲專案
課程資訊：瀏覽課程的詳細資訊
JavaScript 與 React 網頁前端工程實務
網頁技術快速的演進，使用 React 搭配 Next.js 全端框架，成為網頁前端工程師的標準技術，而即時遊戲互動的開發技巧在特殊的場域仍佔有一席之地。
為了讓學員們能夠成為獨當一面的前端工程師，本課程將實際帶領大家開發數個具體而微的小型專案，包括以 React + Next.js 全端框架開發的單頁式網站應用 ( Single Page Application )、以及採用最新網頁技術開發的即時互動小遊戲。
為了讓學員們能夠成為獨當一面的前端工程師，本課程將實際帶領大家開發數個具體而微的小型專案，包括以 React + Next.js 全端框架開發的單頁式網站應用 ( Single Page Application )、以及採用最新網頁技術開發的即時互動小遊戲。
課程大綱
適合對象
具備 HTML / CSS / JavaScript 的基礎能力，或上過 JavaScript 網頁前端工程入門班課程。
開發環境
課程採用 Visual Studio Code 免費開發工具。
實體課程注意事項
●本班為實體課程，常見QA詳情連結
●校園防疫措施詳情連結
●公務員全程參與課程學習後可於課程結束後申請登錄公務人員學習時數
●課程影片觀看期限至課程結束後一週關閉
(一)退費期限：開課日後⅓時數內，詳情連結
(二)查詢結業狀況：結業名單連結
●經濟部30人以下中小企業數位轉型補助
有與經濟部30人以下中小企業數位轉型補助配合的課程，學員申請補助時請務必主動告知承辦單位所需資料。
(一)收據須載明課程名稱、上課人數及課程單價。
(二)需開立抬頭統編抬
(三)注意事項：未通過課程者，恕無法申請本計畫補助。
近期班次
講師介紹
彭兆蔚(彭彭)
(1) 國立臺灣大學心理學學士、國立臺灣大學資訊工程學碩士，跨領域專案開發經驗。
(2) 於 2003 年，獲得美商昇陽電腦 Sun Certificated Java Programmer(SCJP) 認證。
(3) 於 2008 年，參與美商昇陽電腦校園大使計畫。
(4) 資策會軟體工程師、Tomofun 網站工程師。
(5) WeHelp 深度學習、網站開發職業訓練導師與創辦人。
(6) COSCUP 2010 開源人年會講者，講題：Implementation of Websocket Protocol。
(7) Piconion 影像處理軟體主要開發者。
(8) iThome Modern Web 2016 講者，講題：Web 終將統治世界，用 JS 打造專業影像處理軟體。
(9) iThome Modern Web 2017 講者，講題：開發複雜網頁應用的黃金法則。
(10) iThome Modern Web 2018 講者，講題：網頁前端在人工智慧的應用。
(11) 2008 年至本班教學，累計授課時數至 2025 年 4 月 16 日為 4,550 小時，為資深講師。
老師的個人課程網站：https://training.pada-x.com/