字級:
小字級
中字級
大字級

前端應用開發工程師實戰養成班(第1梯次)<產業新尖兵計畫>

報名資訊

前端應用開發工程師實戰養成班(第 1 梯次)

(產業新尖兵計畫)

  • 訓練費用:10萬元(【產業新尖兵計畫】核定者,自付額 1 萬元,勞動部補助 9 萬元 +每月8,000元學習奬勵金
  • 報名期間:即日起~113年 月 5 日止
  • 課程日期:113/9/9~114/1/10
  • 課程時數:510 小時
  • 招生名額: 40 人
  • 上課時間:周一~五(依實際狀況可能調整至假日)
  • 上課時段:9:30-12:30、13:30-16:30
  • 訓練地點:臺北市館前路2號館前商業大樓5樓(近台北車站)

**欲報名本梯次新尖兵學員者,需於 113/9/5 以前至台灣就業通的產業新尖兵課程完成報名,方具參訓或候補資格。**

歡迎參加 7/31(三) 14:00~16:00 課程說明會

課程簡介

隨著互聯網的普及和行動裝置的蓬勃發展,使用者與企業對於有良好用戶體驗和快速反應的網頁和應用的要求都不斷地增加。網頁的設計與部署必需考量來自桌機 、平板、手機等所有裝置的使用者,於是以用戶為中心的UI/UX介面設計、互動程式、前端開發人才需求提升,前端開發結合設計與技術,是充滿創造力和設計感的領域,再者,前端技術領域不斷發展演進,新的框架、工具和技術不斷推出,透過學習前端技術,可以獲得多方面的技能,提升綜合能力。但也因為涉及多個領域,因此,商研院開辦【前端應用開發工程師實戰養成班】,課程專注培訓網頁前端開發技術之技能,幫助學員上手設計、UI/UX與程試設計等跨學科領域的前端知識與技能

課程目標

幫助零基礎的學員培養網頁設計與開發的能力,除了技術面 HTMLCSS JavaScript 的基本概念,搭配常見的前端開發工具、前端框架Git版本控制工具等,還有UI/UX設計的概念構築,結合實戰練習與專題製作幫助學員堅實的前端設計與開發基礎,培訓市場上最需要的就業即戰力。

課程大綱

學術科

課程單元

課程單元說明

時數

講師

其他

開訓典禮

開訓典禮、導師班務管理、規則說明、學員自我介紹

3

江欣諭

專業學科

網路概論

網路運作原理,包括網站如何架設、網址如何解析

18

高見龍

專業學科

HTML/CSS
網頁設計入門

HTML/CSS網頁設計入門課程是專為零基礎、想要入門網頁設計領域的學習者設計的。從最基礎的 HTML CSS 語法入手,由淺入深逐步探討如何建立美觀,且具有互動性的網頁。課程內容包括 HTML CSS 的最新特性,以及語意化標籤,提升網頁的可訪問性。通過實際實作項目,例如個人網站或部落格,學員將學會設計和開發屬於自己的網頁,並根據實際的實作經驗,累積自身作品集,提升就業競爭力。

66

林姿萱

專業學科

JavaScript 前端開發

JavaScript 技術簡介、變數宣告和使用、運算符號和表達式、作用域、條件語句(if-elseswitch)、迴圈控制 (forwhile)、函數和箭頭函數、DOM簡介和基本結構、選擇DOM元素、操作DOM元素、監聽事件、async/await 語法、使用Fetch API處理數據、RESTful API概念和使用

60

高見龍

專業學科

RWD 響應式網頁設計

教授學習者如何設計適應不同裝置和螢幕大小的網頁。在現今,我們不僅僅使用桌面電腦來瀏覽網頁,平板和手機等移動裝置也變得越來越普及。因此,設計的網頁需要能夠在各種裝置上提供最佳的顯示效果。從基礎的HTMLCSS開始,課程將引導學員進入響應式設計的世界,例如: Flexbox Grid 佈局,以實現網頁在桌面電腦、平板電腦和手機等不同裝置上的最佳顯示效果。通過實際項目練習,如建立多裝置兼容的網頁或應用程式,學員將掌握設計和開發響應式網頁所需的技能。

21

林姿萱

專業學科

Vue.js 前端框架

探討 Vue.js 的核心概念及其應用,包括 Vue 的基本原理、組件化開發、Vue Router Pinia 狀態管理等內容。將通過實作項目學習如何建立互動式的 Web 應用,從而掌握開發現代 Web 應用的必要技能。

36

朱章祺

專業學科

Node.js 基礎與應用

本課程專注於 Node.js 的基礎知識和實際應用,建立基於 Node.js Web 伺服器。透過實作練習,學習如何使用 Node.js 開發高效能的伺服器端應用程式。

21

朱章祺

專業學科

Express 框架與實作

介紹如何使用 Express 框架來開發 Node.js Web 應用程式。課程內容包括 Express 的基礎知識、路由、MiddlewareTemplate 和錯誤處理等。學習如何利用 Express 快速建立 RESTful API Web 應用程式,並通過實作項目來強化學到的知識。

21

朱章祺

專業學科

TDD 測試

透過簡單易懂的案例和實際演練,掌握如何以測試為導向的方式構建代碼。
提升開發技能,寫出更可維護的程式碼。從零開始,輕鬆入門 TDD

21

張珈寧

專業學科

產品開發

快速入門產品開發設計思考、同理心與顧客使用地圖,打造最貼近使用者的產品。

6

孫于婷

專業學科

API 串接

網路資料取得與解析

15

高見龍

專業學科

Git 版本控制

Git 的基本概念入手,學習者將逐步深入了解 Git 的操作和流程。課程內容包括 Git 的基本命令、分支管理、合併操作、衝突解決等核心技術,並介紹 Git 工作流程和最佳實踐。通過實際的項目練習,如建立個人項目或團隊項目的版本控制,學員將獲得豐富的實踐經驗,提升版本控制的技能,並為日後的開發工作打下堅實的基礎。

15

高見龍

術科

專題製作

老師帶領學員結合訓期學到的前後端以及雲端技術一步步完成專題,從一個系統的基本架構、題目選擇、專案流程、規畫與設計、開發、測試、版本控管…最後完成專題簡報。

33

詹濟安

30

張珈寧

術科

專題指導

隨各科老師上課的進度提供技術的延伸與補充,也包含問題解答以及帶領學員完成作業,熟練開發技巧。

42

詹濟安

39

張珈寧

術科

LAB

輔導學員自行製作專題、寫作業、複習課堂所學

30

江欣諭

一般學科

職涯講座

提供未來就業方向引導,以及成為工程師必備的心態和必須的資源

3

黃孟婷

一般學科

履歷講座

履歷撰寫技巧、面試技巧、面試地雷與注意事項

3

黃孟婷

一般學科

履歷健檢

講師一對一進行檢視學員履歷並給予修改建議,若時間足夠並包含模擬面試

6

黃孟婷

一般學科

簡報技巧

學習兼顧簡報的溝通力、視覺力與專業感,透過排版、圖解、表格、圖片等技巧,打造賞心悅目及有說服力的簡報。

3

黃孟婷

一般學科

模擬面試

透過一對一方式模擬面試演練,建立臨場感,讓面試可以無往不利。

6

黃孟婷

其他

專題預演

帶領學員排練專題發表的流程,並協助優化簡報內容以及上台口條技巧。

6

江欣諭

其他

專題發表

邀請企業至實體或線上聆聽學員所製作之專題成果

3

江欣諭

其他

就業媒合

安排企業現場或線上徵才,提供學員面試的機會

3

江欣諭

總計

 

 

510

 

主辦單位保留變更課程表的權利,請以活動當天課表為準,課程變更恕不另行通知。

就業方向

網頁設計師、網頁開發工程師、前端網頁程式設計師、Web網站程式設計師、前端工程師、PHP程式設計師、UI/UX Designer...等。

適合對象

  • 學歷:⾼中/職(含)以上
  • 有志進入網頁設計與前端程式開發相關領域工作者。
  • 年滿30 歲的青年歡迎自費參訓。
  • 產業新尖兵計畫:補助對象為年滿十五歲至二十九歲之本國籍失業或待業青年。
    • 參加本計畫之青年於訓練期間不得為在職勞工、自營作業者、公司或行(商)號負責人。
    • 青年參加本署、分署及各直轄市、縣(市)政府依失業者職業訓練實施基準辦理之職前訓練(以下簡稱職前訓練)者,於結訓後一百八十日內,不得參加本計畫。
    • 青年年齡及補助資格以訓練課程開訓日為基準日。
    • 青年參加本署其他職業訓練期間,不得參加本計畫。
    • 青年參加本計畫以一次為限,曾中途離訓、退訓或曾參加產業新尖兵試辦計畫者,不得再參加本計畫。

講師簡歷

姓名

高見龍

專長

  • IDE:VS Code、SourceTree
  • 協作:GitLab、GitHub
  • Web-Designer:Thymeleaf、JSON、Bootstrap、jQuery、AJAX、JavaScript、Html & CSS
  • DB:MSSQL、Oracle、MySQL、Derby、H1、 MongoDB

經歷

 

iThome 鐵人賽獲獎

 

出版著作

 

企業欽點內訓講師

  • KPMG 安侯建業聯合會計師事務所
  • 友達光電

姓名

朱章祺

專長

  • Front-End:JavaScript、TypeScript、React、NextJS、Vue、HTML、CSS、TailwindCSS、Bootstrap
  • Back-End:Node.js、Express、Rust、Actix-Web
  • 協作:Git、GitHub、GitLab

經歷

專案經歷

  • STUDIO DOE 官網
  • Paka iOS App
  • 店匯電商平台
  • iForming IoT 平台

 

其他經歷

姓名

林姿萱

專長

  • IDE: Visual Studio Code
  • Collaboration:Git、GitHub
  • Fronted-End: JavaScript、HTML、CSS、TailwindCSS、React
  • DevOps : AWS、Docker
  • DB:PostgreSQL

經歷

  • 產業新尖兵計畫職訓課程講師
  • 五倍學院官網 - 全端工程師
  • PAKA 打卡系統 - 後端工程師、Docker . AWS 部署
  • 店匯電商網站 - 前端工程師
  • 網頁工程師
  • ASTRO Camp - 課程講師
  • 2023 WebConf - 志工
  • 宜蘭大學資訊素養通識課程 - 講師
  • 緯豆股份有限公司 - 教育訓練專員

 

iThome 鐵人賽

姓名

孫于婷

專長

  • 工作技能:使用者介面設計模組化網站設計網頁互動設計網頁 SEO 設計響應式網頁設計網頁動態特效設計
  • 程式工具:CSS、SCSS、JavaScript、HTML
  • 設計工具:Figma、Sketch、Illustrator、Photoshop、Premiere、Lightroom

經歷

講師經驗                        

  • 產業新尖兵計畫職訓課程講師
  • Hahow 線上課程:用程式構築的繪畫世界 - CSS 繪圖
  • ASTRO Camp:產品開發前的 5 件事
  • 五倍學院:新手也能輕鬆掌握 HTML 和 CSS
  • JSDC 前端小聚:CSS 不是你想像的這麼簡單
  • Ladies that UX Taipei:用程式構築的繪畫世界
  • 銘傳大學數媒系演講:從設計轉職前端的歷程分享

專案經驗

  • Morrison Express 後台管理系統:UI / UX 設計師、BA
  • 品迷網官網:UI / UX 設計師、前端工程師、PM
  • 伊格租屋形象網站 / 後台管理系統:UI / UX 設計師
  • Juksy 官網:前端工程師
  • La Roche-Posay 活動頁面:前端工程師
  • Space next door 官網:UI / UX 設計師、前端工程師
  • Amaze 租衣網:前端工程師
  • 新加坡 Shopmatic go:App UX 設計師
  • 香港 Spottly 官網:前端工程師
  • Cagnut 官網:UI / UX / CIS 設計師、前端工程師
  • Renesas SSP User Manual Generator:UI / UX 設計師、前端工程師
  • 遠傳升級4G易付加碼方案活動網頁:前端工程師
  • Life n soul 美國官網:前端工程師

姓名

張珈寧

專長

  • IDE:VS Code
  • 協作:Git、GitHub
  • Back-End:Ruby、Ruby On Rails、Rust
  • Fronted-End: JavaScript、HTML、CSS、TailwindCSS
  • DevOps : AWS、Docker、DigitalOcean、Heroku、Fly.io
  • DB:Postgresql

專案

經歷

經歷

  • 產業新尖兵計畫職訓課程講師
  • 網頁工程師
  • ASTROCamp - 課程助教
  • 宜蘭大學資訊素養通識課程 - 講師
  • COSCUP 2023 年會講者 - 實作自架 Private Docker Registry
  • COSCUP 2023 年會志工
  • 2023 WebConf - 志工

 

姓名

黃孟婷

專長

  • 專案管理
  • 幫助個人探索其職業生涯的方向和目標
  • 行銷策略和執行
  • 教育管理和計劃執行

經歷

  • 產業新尖兵計畫職訓課程講師
  • 五倍學院 行銷總監
  • 財團法人博幼基金會 教學組專員

 

iThome 鐵人賽

姓名

詹濟安

專長

  • IDE:VS Code、Vim
  • 協作:GitHub、GitLab
  • Fronted-End:HTML、CSS、JavaScript、TailwindCSS、Bootstrap、React、Next.js、Astro、Stimulusjs
  • Back-End:Ruby、Ruby on Rails
  • DB:PostgreSQL、MySQL、SQLite
  • DevOps:Docker、AWS(S3, EC2, ECR, RDS)

經歷

  • 產業新尖兵計畫職訓課程講師
  • 網頁工程師
  • ASTRO Camp - 課程助教

 

iThome 鐵人賽

姓名

江欣諭

經歷

  • 產業新尖兵計畫職訓課程講師
  • 財團法人商業發展研究院 佐理研究員

專長

行銷管理、數據分析

結訓證書

  1. 出席時數達課程總時數2/3以上。
  2. 每⾨課程結束後須完成課後評量,評量成績不得低於60分。
  3. 每位學員皆必須完成個⼈或團體專案。
  4. 學員必須完成專題發表。(訓期最後兩⽇)

完成以上項目,由商研院數位創新學院核發結訓證書。

產業新尖兵計畫說明

參訓身份

『產業新尖兵計畫』參訓者(計畫網站: https://elite.taiwanjobs.gov.tw/),請至計畫網站報名,符合訓練單位錄訓資格後,補助每一參訓青年自付額及訓練單位所代墊之訓練費用合計最高 10 萬元 。

學習獎勵

依據失業青年職前訓練要點,培訓期間發給學習獎勵金(勞動力發展署發給每月最高 8,000 元) 培訓期間享勞保(訓)。

招生名額 40 名。
報名方式
  • 申請參加產業新尖兵計畫前,應登錄為「台灣就業通」會員(電子郵件將作為後續訊息發布通知重要管道,請務必確實填寫),並完成「我喜歡做的事」職涯興 趣探索測驗(https://exam1.taiwanjobs.gov.tw/Interest/Index)。
  • 確認資格:於產業新尖兵計畫專區(https://elite.taiwanjobs.gov.tw/)下載 或列印「報名及參訓資格切結書」,閱覽切結書及相關須知,後加以簽名或蓋章。
  • 依訓練單位規定參加甄試。錄取者繳交身分證與畢業證書影本...等應備資料。
  • 繳交自行負擔之新臺幣(以下同)一萬元訓練費用(以下簡稱自付額)予訓練單位,並與訓練單位簽訂訓練契約。
  • 青年參加本計畫課程,由勞動部勞動力發展署分署依訓練單位辦理訓練收費標準,補助每一參訓青年自付額及訓練單位所代墊之訓練費用合計最高十萬元,培訓期間享勞保(訓)。
  • 取得課程訓練單位錄訓資格後,可享本課程全額免費參訓,培訓期間依據失業青年職前訓練要點發給學習獎勵金(勞動力發展署發給每月最高 8,000 元),培訓期間享勞保(訓)。(亦須符合本計畫規定)
  • 訓練單位聯絡資訊 商業發展研究院  陳小姐 電話:(02)7707-4972  e-mail: anniechen@cdri.org.tw
  • 課程洽詢: (02)7707-4976  李小姐 

新尖兵學員甄選方式

  • 甄試日期:113年9月6日 10:00(若遇報名額滿,將提早啟動甄試)
  • 甄試地點:線上甄試
  • 甄試題目:參訓意願問答
  • 錄取結果:113年9月6日 17:00以電郵聯繫通知(若甄試提前完成,將提早通知)
甄試流程
  1. 參加說明會
    本課程將於課前舉辦課程說明會,說明課程舉辦的目標、方式與就業發展,讓想參訓的學員了解。
  2. 線上甄試(若遇報名額滿,將提早啟動甄試)
    以線上方式進行線上表單回填,瞭解學員背景資料、學習意願、就業傾向及參訓前的基本程度。若有任何需要確認的細節資訊,班導師將致電聯絡,並依照甄試成績優先錄取(若有成績同分者,再依照報名順序)。
  3. 確認錄取名單
    待確認所有報名者的學習意向後,於開訓前以mail通知錄取與備取名單。
  4. 資料繳交與繳費
    確認錄取名單後,以mail通知應繳交資料與自付額1萬元。

報名方式

A. 需申請政府計畫補助者

一、 申請參加產業新尖兵計畫前,應登錄為「台灣就業通」會員(電子郵件將作為後續訊息發布通知重要管道,請務必確實填寫),並完成「我喜歡做的事」職涯興 趣探索測驗(https://exam1.taiwanjobs.gov.tw/Interest/Index)。
二、 確認資格:於產業新尖兵計畫專區(https://elite.taiwanjobs.gov.tw/)下載 或列印「報名及參訓資格切結書」,閱覽切結書及相關須知,後加以簽名或蓋章,並交予訓練單位。

三、 點選[申請參加計畫]報名本課程,並於本計畫專區[線上簽名]及[上傳存摺專戶]。
四、 依訓練單位規定參加甄試。
五、 錄取者繳交身分證與畢業證書影本。
六、 繳交自行負擔之新臺幣(以下同)一萬元訓練費用(以下簡稱自付額)予訓練單位,並與訓練單位簽訂訓練契約。
七、 青年參加本計畫課程,由勞動部勞動力發展署分署依訓練單位辦理訓練收費標準,補助每一參訓青年自付額及訓練單位所代墊之訓練費用合計最高十萬元,培訓期間享勞保(訓)。

八、  課程網址: https://edu.cdri.org.tw/xccourseapply/cont?xsmsid=0L115765309252011195&sid=0N185374641785517620

(報名請至『產業新尖兵計畫』(計畫網站:   https://elite.taiwanjobs.gov.tw/ )完成報名並資料繳交,始完成報名)

B. 自費生

一、 請於本課程報名網頁完成報名
二、 每人費用 100,000 元

勞動部產業新尖兵補助費用

  1. 青年參加指定訓練課程,由勞動部勞動力發展署所屬分署依訓練單位辦理訓練收費標準,補助每一參訓青年自付額及訓練單位所代墊之訓練費用合計最高十萬元。(勞動力發展署發給學習獎勵金每月最高 8,000 元)。(須符合本計畫規定)
  2. 青年報名本計畫課程,應先行繳交新臺幣1萬元訓練費用予訓練單位,如後續經審核資格不符,應自行負擔全部訓練費用。
  3. 青年應與訓練單位簽訂訓練契約。

新尖兵學員:自付額申請補助辦法

青年出席時數符合第九點規定及取得結訓證書,且符合下列情形之一,應至台灣就業通本計畫專區申請自付額之補助,並經分署審查通過者,由分署直接將自付額補助撥入青年個人金融帳戶:
(一)結訓日次日起九十日內,已依法參加就業保險,且於結訓日次日起一百二十日內,上傳國內金融機構存摺封面影本等文件至台灣就業通本計畫專區。
(二)因服兵役致未能參加就業保險,應於結訓日次日起一百二十日內,上傳兵役徵集通知等證明文件,申請自退役日次日起計算依法參加就業保險之期日,且於退役日次日起一百二十日內,上傳國內金融機構存摺封面影本等文件至台灣就業通本計畫專區。


青年有下列情形之一者,不予補助自付額:
(一)未依上述所定之期限提出申請。
(二)應檢附之文件不全,經分署通知限期補正,屆期未補正。

簽到/簽退與請假規定

簽到簽退:早上、下午皆需簽到+簽退

•    上課時段:周一至周五(依實際狀況可能調整至假日)

•    晚到或早退需請假。

請假規則:上課請事先請假,請假包含事假、病假。

於訓練期間,學員若發生以下狀況辦訓單位得為退訓之處理,學員不得異議,亦不得請求任何費用。:
  • 未到課時數超過課程總時數 1/3

  • 嚴重干擾或影響老師上課,或者有行為不檢情節重大或違法行為

  • 如辦理離/退訓作業,須用電子郵件告知訓練單位與北分署之承辦人,且簽到表及請假卡須補齊簽名。

課程評量方式

每門課程會請講師針對課程內容出 10 題單選題,於每門課程結束後,皆會實施課後評量

以瞭解學員學習成效,成績以 60 分為通過。每次評量結果會提供給講師參考,若有學員 錯誤較多的地方,將請講師安排時間補充教學,加強學員較弱的部分。

注意事項

  1. 本課程須參加說明會,方得報名。(來不及參加說明會的朋友歡迎來電 (02)7707-4976、(02)7707-4972)
  2. 因應疫情反覆,老師會戴口罩授課,無法接受者請謹慎評估。
  3. 已完成報名與繳費之學員,課程主辦單位將於開課前以 E-mail 方式寄發報到信。
  4.  為尊重講師之智慧財產權益,恕無法提供課程講義電子檔。
  5. 為配合講師時間或臨時突發事件,主辦單位有調整日期或更換講師之權利。
  6. 如遇不可抗拒之因素,課程主辦單位保留修訂課程日期及取消課程之權利。
  7. 為確保受訓品質,課程主辦單位保留微幅調整課程內容之權利。
  8. 新尖兵參訓以一班次為限,且實際參訓時數應達總課程時數三分之二以上。
  9. 青年參加本署與所屬各分署及各直轄市、縣(市)政府依失業者職業訓練實施基準辦理之職前訓練,於結訓後 180 日內者,不得參加本計畫。
  10. 「產業新尖兵計畫」參考資訊 官方網站: https://elite.taiwanjobs.gov.tw/
  11. 青年報名本計畫課程,應先行繳交新臺幣1萬元訓練費用(以下簡稱自付額)予訓練單位,如後續經審核資格不符,應自行負擔全部訓練費用。
  12. 如青年繳交勞動部產業新尖兵計畫自付額之後,於開訓前因故決定取消報到,辧訓單位將扣除行政費用後退還費用 90%。開訓後因故離/退訓,所繳之自付額不予退還。
  13. 自費參訓者,取消報到或中途退訓之退費原則:
    1. 如需取消報名,請於開課前 7 日以 E-mail 通知主辦單位聯絡人並電話認。
    2. 開訓前學員取消報到者,應退還所繳費用 90%。
    3. 已開訓未逾訓練總時數 1/3 而退訓者,退還所繳費用 50%。
    4. 已開訓逾訓練總時數 1/3 而退訓者,所繳費用不予退還。
  14. 承租場地空間的有限,教室無法容納輪椅。
【台北】前端應用開發工程師實戰養成班(第1梯次)
  • 課程日期
    113年9月9日~114年1月10日
  • 課程時段
    周一~周五白天
  • 活動地點

    臺北市館前路2號館前商業大樓5樓(近台北車站)

    **********自費生報名專用**********

TOP