郭 奕

  New Taipei City, Taiwan


嗨  我是 Andy

擁有 Vue 及其生態系部分工具使用經驗,具備 JavaScript、Git、Bootstrap、SCSS 等
相關前端開技能知識,並能搭配套相關套件進行開發。

跨領域學習前端開發技術人員,喜愛程式碼嚴謹需要創造力的特性,
對於研究技術攻克難題感到充滿成就感,
未來望在不斷精進中與公司和夥伴們一同成長!

作品 & Github :  
Medium :
Contact Information : [email protected]

專長

前端框架 :


  • Vue option API / composition API。
  • Vue 基礎知識及語法應用能力。
  • Pinia 狀態資料管理
  • Vue-router 建構 SPA。
  • Vite 環境建置。
  • Element-plus 初步使用經驗。

JavaScript :


  • Axois 串接 RESTful API。 
  • JavaScript 基礎知識及語法應用。
  • 資料操作處理及整合應用。 
  • 套件整合應用經驗。 
  • 動畫/特效套件使用。 

Web Layout :


  • Bootstrap 快速彈性的建構頁面。 
  • SCSS 系統性管理 CSS 。 
  • 理解 RWD 應用, 能以框架/ 手刻建構出響應式網頁。
  • HTML & CSS 知識及應用。

Development Tools :


  •  Git 版本控制。
  • NPM 管理及安裝套件。
  • Postman Agent API測試。
  • Chrome DevTools。
  • Fork / Sourcetree 初步使用經驗。

個人作品

2022 4th The F2E 活動作品

Demo  |  Github
2022 4th The F2E 參與活動作品

採用 UI 設計師投稿之設計稿,對 Figma 設計稿中大量動畫使用 GSAP 進行處理,可由滾輪控制順/反向播放,並針對設計稿上尺寸及動畫細節做生動還原,盡可能避免了如其他參賽者出現動畫持續時間過短及間隔過快的問題。

URCAR
Demo  |  Github

電動車租賃品牌網頁前台模擬

使用前端框架 Vue option API 及 Vite 進行開發搭配 Pinia 管理資料 , Vue Router 建構 SPA 及搭配相關套件建置電車租賃品牌網頁前台,模擬簡易租賃流程、租賃車款清單、模擬租賃、模擬付款、文章專欄之網頁。

全民共享普發現金- ATM 地圖

Demo  |  Github

普發現金 ATM 查詢地圖


使用數位發展部公開資料,
將資料搭配 JSON-Server 部署於 Render,
並以 Google Map API 製作而成的簡易 ATM 地圖。

Let's Entertaining!
Demo  |  Github

北市文創園區展演資訊匯集 & 觀展日資訊查詢功能



使用原生 JavaScript 及套件進行開發,
並串接 Google Map API . 中央氣象局 API,提供模擬查詢展演資訊及觀展日資訊、地圖、天氣查詢之網頁。

學歷

亞東技術學院 Oriental Institute of Technology

機械工程系

2009 - 2013

工作經歷

七月 2019 - 六月 2022

生管專員  西勝國際股份有限公司   3 年0 個月

◾ 計算產品需求物料進行請購 & 相關追蹤。 
◾ 與客戶釐清呆滯物料責任歸屬,物料分析及求償程序進行。
◾ 物料控管及追蹤分析,資料統整及視覺化呈報。 

十月 2017 - 四月 2019

生管員  慶良電子股份有限公司  1 年7 個月 

◾ 物料委外加工程序作業及追蹤。
◾ 協助生產排程控管事宜。
物料資訊彙整呈報。

自傳

【關於我】

嗨 我是 Andy 郭奕

是一名跨領域學習前端開發技術者,在接觸前端技術前,近五年主要工作領域為電子生管人員,
主要職掌生產需求物料的計算、委外廠商/部門間的聯繫、物料追蹤、以及庫存分析視覺化呈報,
並在生產後負責將呆滯物料進行責任歸屬判定將之求償去化。

因為想要接觸一門可以隨著不斷投入研究,讓實力伴隨職涯的轉換時持續累積的技能,
並還可以將其回饋於職場中,於是從而踏入了學習前端開發技能的領域。

現已擁有近一年的前端相關技術學習及操作經歷,理解優秀的開發者須具備的特質,
期許自己持續學習,精進程式碼品質,具備良好溝通、並以快速敏捷且能隨時調整的步調完成任務。
期望未來在不斷的精進中與公司和夥伴們一同成長。


【接觸前端技術歷程】

初接觸前端技術之時,並非立刻傾盡資源投入,而是運用在職期間下班後的時間,
利用網路資源慢慢接觸,同時確認自身對於投身前端技術的接受度及相符性後,
從而進一步尋找系統性的課程及網路資源進行學習研究。


學習研究初期聚焦在 Web Layout 的範疇,以能夠精準呈現設計稿所需求的畫面為目標,透過網路資源、課程、以及將參與活動時的 UI 設計稿實踐為畫面的過程作為練習,在這過程中去逐步掌握 HTML、CSS、RWD 乃至於 CSS 框架及預處理器的應用,替後續的畫面呈現打下基礎。

掌握畫面的呈現後,開始接觸 JavaScript,從基礎原理及語法開始學習,逐步掌握對 DOM 元素的操作,以及資料陣列物件的操作處理以及整合應用,透過各式功能實作,運用 AJAX 對網頁進行各種交互操作,到串接 RESTful API,至此對基本網頁的資料交互及元素互動有更進一步的認知。

在研究學習過程中不免會遭遇問題,面對問題及困境時,個人心態傾向透過工具及線索,運用各式 DevTools、觀察錯誤訊息,並善用Google、Stack Overflow、chatGPT、官方文件等工具來自行突破,工程師的價值就是解決商業邏輯,而面對未知是則是工程師的日常,我認為適度的自行解決問題才能從問題中去精進及發現自身的不足,但也理解實際開發中有著不可耽誤的時程,故雖會在合理範圍內自行解決問題,但也仍警惕自己會以彈性的有效率的方式去破除障礙及獲得答案。

後續開始接觸 JavaScript 的核心知識時透過筆記讓自身記憶力更深刻,理解如 Event Loop 及 prototype chain ...等知識時,雖其更像是偏向為理論面知識,但我認為適度的對一件事物的本質去探究其為何如此時,能夠讓我們對事物本身有更深的認識,也期許自己持續抱持這種好奇心。

在中後期開始接觸前端框架,並且透過作品不斷的實踐及練習後,對於現代網頁真正的開發則有了更進一步的認知和窺探,MVVM、OOP、FP、SPA...等等廣闊的知識,也意識到自身的渺小,但我認為自身的優點就在於樂意對於一份已被我選定的專業不斷的精進投入研究,並且不會輕易的放棄它,只要現實還允許,我就會一直寫下去一直學下去。

過往的工作經驗,對於將呆滯物料進行責任歸屬判定,並不是判定完就好,物料為何呆滯,責任判定為廠商的證據為何,如何避免呆滯再次發生,我認為這樣的經驗將帶給我在 Conding 中盡可能的事實求是,追根究柢的精神。


【未來展望】
短期會針對現有技能及職務需求持續深化,在能保持 Vue 框架技巧精進之餘,願意按照未來職務需求或本身就有計畫的學習路線去精進第二框架( React / Angular )及相關開發知識技能( TypeScript、效能優化、CI/CD、資料庫等) ,此外在穩固前端開發能力的狀態下也不排斥接觸後端語言及軟體開發相關技能知識,讓技術持續積累深化,並能替公司帶來更多貢獻。