課程資訊
適用對象
新尖兵計畫的補助對象是年滿15歲至29歲,且具備失業或待業身分的本國籍青年,並以訓練課程開訓日為基準日。 參加本計畫的青年,在訓練期間不得為在職勞工、自營作業者、公司或行(商)號負責人。
訓練目標
透過漸進式的基礎訓練與核心觀念培養,本課程專為零經驗學員或設計相關科系學生量身打造。由業界講師帶領,從基本工具操作開始,逐步引導進入網站設計與前端開發領域,並透過反覆實作與專案累積,強化設計思維與開發實力。
課程融合AI 輔助設計工具(如 Figma AI)、前端主流框架 React.js + Next.js,以及 後端整合技術(Node.js + Express + MySQL),全面提升學員在現代網站開發中的實戰力與職場競爭力。
? 課程三大特色:
✅ 前後端整合 × AI 設計 × 主流框架實戰
從 UI/UX 規劃到前端開發,結合 AI 設計工具(Figma AI)與 Git 版本控制流程。
前端採用 React + Next.js 框架開發,學習元件化設計、伺服器渲染(SSR)、動態路由與資料串接等核心技術。
後端以 Node.js 打造 RESTful API,搭配 MySQL 管理資料,完整實現前後端整合開發。
✅ 專案導向學習,獨立與團隊實作並重
從零開始設計並獨立開發個人網站作品。
團隊合作開發電商平台專案,實戰應用 React + Next.js 建構前端,Node.js 建構後端,培養完整開發與協作流程。
✅ 對接職場需求,打造可上線的實戰作品
模擬業界開發流程,從企劃、切版、開發、測試到部署。
完成具備行動裝置響應式介面、後台管理功能、資料串流與即時互動的全端應用作品。
為履歷加分,提升就業即戰力。
詳細內容
UI/UX 設計工具實戰
學習熱門設計工具,建立專業介面設計能力:
-
• Photoshop:
影像修圖、尺寸裁切、視覺調整
-
• Figma(AI 輔助):
前端基礎核心知識
-
• HTML5:
理解語意標籤、網頁結構規劃、基礎 SEO 實踐
-
• CSS3:
-
1. 掌握 Flexbox、Grid 網格系統
-
2. 動畫、偽類、CSS 變數與響應式設計技術
-
• JavaScript(ES6):
核心前端開發技能
-
• 版本控制:
使用 Git / GitHub 進行版本管理與協作開發
-
• CSS 框架:
學習 Bootstrap,加快前端切版與 UI 設計速度
-
• React.js:
業界主流框架,熟悉元件化開發、路由與生命週期
-
• Next.js:
RSC 伺服器元件、ai 開發工具整合,提升效能與 cwv
-
• 狀態管理:
掌握 React Context API,建立清晰資料流邏輯
備註
※學員自費10000元在符合規定取得證書,並於計畫規定時間內就業即可申請取回
⏳ 政府補助每期名額有限,欲瞭解詳細課程內容與計畫補助規定,可參加免費線上說明會
報名網址:https://www.ispan.com.tw/longterm/JPMFEET/JPMFEET2505/
洽詢專線: 03-4533013*6522 林小姐