鄭翔駿 Key Cheng

前端工程師

  新北市 

 因工作接觸軟體工程師客戶,初步認識了程式語言,嘗試過後產生興趣與成就感,進而自發性尋找更多學習資源並投入程式設計的領域。 

作品皆為自行發想獨立開發完成,模擬後端 API 進行串接,從中獲得廣泛的知識和經驗。 

具備自學能力並隨時關注新技術與趨勢,重視使用者體驗(可讀性/細節),多年跨部門溝通及團隊合作經驗,擅於觀察、邏輯分析與解決問題。 

期望工作地點:台北、新北

  電子信箱:[email protected]

電話:0963-620-329

GitHub    

語言 - TOEIC 825 分

專案作品集 

- 作品皆自行發想,使用 JSON Server 模擬後端 API 串接,獨立開發完成





Vue 3 - Join Sport 運動揪團平台

馬上找到一起運動的夥伴

Demo  |  GitHub

網站功能

  • 會員登入註冊:權限驗證、表單驗證
  • 瀏覽揪團:關鍵字、標籤搜尋、分類篩選、地圖定位
  • 參加揪團:留言板、會員頁面管理、月曆觀看、收藏
  • 開啟揪團:多步驟引導開團、開團編輯管理

開發工具

  • Vue 3 Option API + Vite 建置環境
  • Vue-Router 建構路由
  • Pinia 狀態管理
  • Tailwind CSS 製作 RWD 版型
  • JSON Server Auth 模擬 API 與實現 JWT 會員驗證
  • 串接 RESTful API
  • 使用 PrimeVue UI 框架
  • Leaflet + OSM 串接地圖、Google Geocoding API
  • Vuelidate 表單驗證、Vue-i18n
  • FullCalendar 月曆
  • ESLint Airbnb、Prettier 程式碼風格與排版管理
  • 使用 Render 部屬模擬資料庫

Vanilla JS - HIGHROCK 攀岩場館官網

最極致的攀岩體驗

Demo  |  GitHub

前台功能

  • 首頁:GSAP 動畫效果、輪播
  • 場館資訊:GSAP、最新消息列表
  • 課程介紹:報名課程
  • 團體課程:手刻月曆 + 預約功能
  • 會員資料:會員登入註冊、個人資料修改、課程管理

後台功能

  • 活動課程管理:查看課程及報名學生、關鍵字搜尋
  • 團體課程管理:開設新課程、新增上課日 
  • 最新消息列表:CRUD 

開發工具

  • Vanilla JavaScript
  • BootStrap 5、SCSS 製作 RWD 版型
  • 第三方套件:Swiper、Axios、GSAP、tilt.js、validate.js、CKEditor5
  • 建立 db.json 資料串接 JSON Server 模擬 RESTful API
  • JSON Server Auth 控制使用者權限
  • Render 部署模擬資料庫



切版專案 - Gym Plate 運動場地分享平台

分享美好場地、專業教練推薦、找回健康生活

Demo  |  GitHub

網站功能 - 此專案為純切版專案

  • 參考澳洲網站 centr 製作首頁版型
  • 參考 Dcard 製作論壇與發表文章、留言版型

開發工具

  • 使用 BootStrap 5、SCSS 製作 RWD 版型
  • 搭配使用第三方套件如 Swiper 實現輪播、Masonry 製作瀑布流、AOS 視差滾動

技能



  JavaScript


  • 熟悉 JavaScript 基本語法
  • 瞭解 ES6 語言特性及實作
  • 使用 AJAX / JSON 串接 RESTful API

  Vue 3


  • Vite 環境建置
  • Vue - Router 路由建構
  • Pinia 狀態管理
  • SPA 單頁網站製作
  • Vue - i18n 多語言網站套件

  Web Layout


  • Tailwind CSS 3.0
  • Bootstrap 5
  • Sass / SCSS
  • 手刻 RWD 響應式網頁

  Tools / Development


  • Git + GitHub 版本控制
  • JSON Server Auth 模擬 API 串接與會員
  • JWT 實作會員驗證功能
  • VercelRender 部屬經驗
  • Figma 熟悉軟體基本操作、繪製基本 Wireframe

技術文章


工作經歷



自由教練  •  自營

2021/7 - 在職

  • 課程規劃 | 清楚溝通瞭解客戶需求,設計客製課程並持續溝通調整 
  • 時間管理 | 個人接案時間彈性,落實自我規畫管理,工作之餘持續進修程式語言、英文 

共同創辦人  •  均均衡 舒肥健康便當

2020/11 - 2021/7

  • 客戶需求|注重客戶需求,進行市場調查,傾聽顧客聲音以顧客需求為導向研發與改良產品。 
  • 成本控管|控管成本,管銷與淨利計算。  
  • 流程優化|觀察每日工作流程,思考優化方式並執行,減少 20% loading。  
  • 企業合作|與公司企業協商合作,提供每週固定午膳,增加 10% 月營收。 

個人教練  •  專屬健議有限公司

2018/8 - 2021/2

  • 精進專業|考取 NSCA-CPT 美國肌力與體能協會註冊私人教練,為國際四大證照之一
  • 客戶需求|聆聽客戶需求,為其規畫專屬運動計畫,持續觀察與溝通調整,服務 80 位以上客戶達成個人健身計畫 
  • 公司成長|協助公司擴建成長,參與整體決策,兩年來館人數成長 200% 

櫃台主管  •  信星旅館股份有限公司

2018/8 - 2021/2

  • 旅客服務|服務多國旅客,提供台灣住宿體驗,培養良好的客訴及危機處理,全館 200 張床位經常性客滿,Booking.com 評分為當時青年旅館台北地區第一名  
  • 流程優化|主導櫃台訂房帳務相關流程,協助訓練 5 位以上新人,行政作業流程建置及優化  
  • 規劃執行|領導工務團隊協助規畫執行緊急修繕與日常維護  
  • 團隊合作|多部門溝通橋梁,整合團隊達成溝通順暢  

學歷


國立台北大學

休閒運動與管理學系

2007 - 2011

語言


  • 英文 - TOEIC 825 分

【自我介紹】

 您好,我是鄭翔駿,我喜愛運動,平時興趣是攀岩、看運動比賽、影集跟打電動。現職為接案的自由教練,準備成為前端工程師!


【團隊合作與整合溝通:櫃台主管/工務主任】

  我的溝通風格是先綜觀全局,逐步分析找出問題核心後便可高效率解決雙邊或多邊溝通的痛點。

  在青旅工作期間,退房後到入住前是最忙碌的時段,各部門都想盡快完成自己的工作,在沒有管理的情況下容易發生衝突。第一步我會先向各部門瞭解狀況,瞭解每日每週入住情形與確認各部門人力後,依照輕重緩急預先排定打掃流程,建置且確保高效完善的作業流程。也因為長期且有效的溝通模式累積了良好的合作信譽,曾連續三年在公司年終內部投票中獲得第 1 名。


【變化與挑戰:個人教練/均均衡創辦人】

 在穩定的當下,我也時常保持思考自己的職涯與成長。旅館工作期間接觸到了新的機會,考量到自己在原職位的成長有限,審慎評估後決定離開待了4 年半的工作進入專屬健議有限公司擔任個人教練。

 健身教練須為每個不同的顧客著想規劃,憑藉著累積多年的溝通與客戶服務的能力,我能夠在有限時間內快速了解需求,溝通顧客期望達成的目標,而這些經驗也讓我在製作網頁上隨時以使用者的需求作為出發點思考如何創造更好的使用者體驗。

 然而在一次車禍過後,因為腳受傷在床上躺了四個月,休養期間無法工作的失落感讓我體認到相關限制,開始思考不同發展的可能性。鑑於當時健身市場的成長與需求顯著,加上自身過去的教練經驗與知識,配合友人餐飲經驗,於是在評估過後決定與友人共同加入「均均衡」,開啟健康便當事業。

 便當事業為我帶來許多充實有趣的挑戰,從市場分析、擺攤地點的選擇與協調、與客戶及供應商的關係管理、自我管理等等。經過努力,我們也終於有穩定的供應來源及穩定的回頭客甚至是合作企業。可惜在正式營運約四個月後碰上疫情爆發,曾嘗試轉型,但在評估損益與自身條件後決定結束營業,及時止損。在創業的這段時間裡,在條件不斷變動的情況下隨時因應調整計畫,讓我學習時刻自我反省,接納壓力並調適情緒,提升面對挫折的抗壓性及彈性應變的能力。


【轉變的契機:成為前端工程師】

 回歸教練一職後,在工作上時常會接觸到不同產業的客戶,因此讓我有機會認識到程式語言,在跟工程師友人諮詢過後決定嘗試,實際接觸程式後便愛上開發,相當享受挑戰邏輯思考的過程,於是開始在工作之餘投入大量的時間學習。

 在決定學習資源時因經濟需求須維持工作,全心投入實體班是不太實際的選擇,考量過後決定以線上課程為主,搭配大量的書籍與影音資源來學習。學習過程中了解到前端領域的深度,考量自身條件,我知道我必須要有足夠的產出才有機會讓人看到,我也希望持續探索自己對於這行業的熱愛程度與能力,便給自己設下需要有足夠程度的作品集才能開始找前端工作,不急於一時。

 為了完善技能,設定各階段目標逐步磨練,要完成切版、原生 JS、JS 框架各一個作品,並且不依賴於線上課程的作業。發想時學習使用 Whimsical 規劃 SiteMap,使用 Figma 繪製 Wireframe,製作時使用 JS 與 Vue 終於靠自己打造出多個不同階段的專屬作品。三個作品從發想開始到程式皆為獨立開發完成,並使用 JSON Server 模擬後端 API 進行串接。透過輸出,看到成品的喜悅也讓我更堅定要往前端工程師這個目標前進。

 自學期間,常常遇到錯誤訊息的挫折及時間壓力,也曾因為光是要 debug 就花上許多時間。但過程中的樂趣,切出想要的畫面的成就感、逐步理解邏輯並解決問題的暢快都讓我覺得開發是件有趣的事。我也逐漸培養出面對問題、上網搜尋官方文件、Stack Overflow、ChatGPT 等,解決問題的能力,也因此從中獲得廣泛的知識和經驗。


【讓過去成為助力】

 過往的經歷帶給我許多養分,讓我更專注在提升自己、與人溝通以及提升使用者體驗,期望我用我的能力做出使用者體驗良好的作品。工作之餘,我也將運動融合生活,保持體力與身心健康,讓熱愛學習新事物的我也能適應快速變化的前端趨勢,隨時學習新技術。


◆ 良好的溝通能力幫助我未來在工作上與同事、主管甚至是客戶都能有保持順暢的溝通。

◆ 擅長分析、拆解問題、找尋核心的能力讓我能夠獨自或是共同解決問題

◆ 積極良好自學能力讓我能學習所需技術並應用在工作上


 轉職期間我也繼續充實自我持續學習,穩定基礎並掌握更新的技術。因目前 Vue 專案是使用 Option Api 撰寫,期望能盡快掌握 Composition Api 並實際應用,並掌握非常重要的 Git 版控能力。也希望盡快學習 TypeScript 穩定自己的程式碼,學習 Node.js 瞭解後端概念。

 如果有幸能跟貴公司合作,希望在短期內盡快了解公司文化並協助開發,增進實戰經驗

;第 1 年熟練公司主要使用的技術並以協作的方式參與專案,期望自己在 2-3 年內成為穩定獨立的開發者。未來 3-5 年也期許自己可以更全面性地瞭解與思考開發流程,並且累積管理技術團隊的經驗與能力。



Reusme


Key Cheng

"An independent and team-oriented professional with a logical mindset."


Technical Skills

  • JavaScript (ES6)
  • Vue 3 (Vite, Vue-Router, Pinia)
  • Web Layout (Tailwind CSS 3.0, Bootstrap 5, SCSS, RWD)
  • Version Control (Git, GitHub)


Professional Experience

Co Founder, June’s Balanced Bento

Nov. 2020 - July. 2021

  • Conducted market research and developed business strategies
  • Streamlined workflow processes and reduced loading time by 20%.
  • Collaborated with companies to provide weekly fixed lunches, increasing monthly revenue by 10%


Certified Personal Trainer, Fitness Formula

Aug. 2018 - Feb. 2021

  • Personal Trainer with weight management expertise and ability to motivate clients accomplishing goals.
  • Design specific workout systems for 70+ individual clients.
  • Provide clients with  safe and effective exercises to do at home or gym.


Leader of Front Desk & Public Works Department, Star Hostel

Mar. 2014 - July. 2018 

  • Led and trained a team of 10 front desk staff, responsible for promoting Taiwan and providing training to the team
  • Organized a public works department and managed maintenance work
  • Maintain good relationship
  • Managed customer complaints and maintained positive relationships with clients and suppliers


Certificates

  • TOEIC 825, March 2018.
  • NSCA-Certified Personal Trainer


Education

  • Bachelor of Recreational and Sports Management, National Taipei University, 2011


國際證照



NSCA - CPT

美國國家肌力與體能協會註冊私人教練,為國際四大證照之一