楊捷超

您好，我是楊捷超，一位熱愛前端開發的工程師。我擅長使用Vue、Petite Vue開發網頁應用程式，對於前端技術有著濃厚的興趣。除了深入研究前端領域外，我也希望能夠接觸到後端相關技術，以便更全面地了解網站的開發過程。目前我正在職且積極學習最新的Vue技術，在空閒時間不斷精進自己的技能，期望能夠為公司帶來更多的價值。

前端工程師，前端網頁設計師，
城市，TW
[email protected]

工作經歷

燦坤, 系統專員, Nov 2017 ~ Dec 2020

負責銷售筆記型電腦(非mac)，曾一個月銷20多台筆電，業績比去年同期成長了10%!
顧客諮詢服務，包含組裝硬體與軟體問題排除
帶領團隊達成每日業績目標

威強電工業電腦股份有限公司(IEI Integration Corp), 前端工程師, Feb 2021 ~ 現在

與設計團隊協作，完成產品頁面、landing page、新聞頁面的前端切版
與後端工程師溝通並串接API至landing page，確保前後端資料溝通順暢
使用vanilla JavaScript實現前端使用者互動功能，並運用GSAP特效製作動畫效果，進一步提升網頁體驗；同時使用iframe嵌入跨域網頁功能，讓使用者能夠順利瀏覽網站內外相關內容
積極導入新技術，如Petite Vue、Master CSS等，以提高開發效率並增強程式碼的可維護性

學歷

世新大學, 學士學位, 資訊傳播, 2012 ~ 2016

前端技能

HTML、CSS

憑藉著精準的理解能力，依照設計guideline精確完成前端切版。
具備RWD響應式網頁設計的能力，並且能夠製作符合手機、平板、電腦等不同螢幕大小的網頁。
熟練使用Sass preprocessor，能夠提高效能、減少程式碼量、增加可維護性。
擅長使用Bootstrap框架切版，快速製作符合RWD設計的網頁，並能夠熟練使用其元件。
使用Tailwind CSS來客製化前端頁面

JavaScript/jQuery

具備使用Array methods、字串處理、展開其餘參數的能力，能夠透過這些技能快速開發高效能的JavaScript應用程式。
熟悉使用async await、promise串接public API，能夠輕鬆地向後端發送請求並且獲取回應。
熟悉使用特效插件(Swiper、AOS等等)製作輪播或滑動效果，能夠增加網頁的動態性和吸引力。
具備使用Intersection Observer API 偵測scroll position 來執行特效的能力，能夠提高網頁的效能。

Nuxt.js

使用 head() 優化 SEO
使用 Nuxt js 開發 SSR 應用程式
使用 plugin 管理各種程式庫的註冊 (例如 firebase、Quill Editor 等)
熟悉使用 asyncData 執行 serverside fetch data
熟悉使用 page folder 管理 route
熟悉使用 middleware 進行頁面之間的驗證

Vue.js

使用 Vue CLI 快速建立專案並搭配 Webpack 開發環境
使用 Vue Router 建立網頁路由，並透過 router-view 標籤呈現元件
使用 Vuex/Pinia 來管理網頁資料與狀態
熟悉 Vue3 composition API 的使用
使用 Vitepwa 製作簡單的 PWA，提升網站的使用體驗
運用 Vue i18n 製作多語系 Vue 應用程式，以提供使用者不同語言的體驗
利用 Vee validate 套件進行表單驗證，確保使用者輸入的資料正確無誤
熟悉TypeScript開發

自傳

【關於我】

• 我是一名畢業於世新大學資訊傳播學系的前端開發人員，對 Web 技術有着濃厚興趣。帶着對技術的熱情和兩年以上的前端開發經驗，我致力於利用AI工具來提升開發效率，不斷擴展自己的技術視野。

• 我熟悉HTML、CSS、JavaScript，並擅長運用 Vue.js、Bootstrap 等前端框架和工具。我熱衷於運用先進的AI工具來優化程式碼和流程，致力於創造出品質卓越的網頁體驗。

• 我具備出色的網頁性能優化和使用者體驗改進能力，熟悉響應式網頁設計，並能有效利用 git 實現團隊協作和版本控制。

工作態度

• 在過去的工作經驗中，我不僅展現出了超高的工作效率和專業技能，還能夠準時甚至提前完成任務，超越設計目標的期望值。

• 面對新技術或設計挑戰，我總是積極主動，熱衷於探索和學習，並利用AI工具快速掌握最新技術，確保我始終處於行業前沿。

• 我喜歡在開發過程中與同事們分享和交流，不僅能夠幫助他們提升技能，也讓自己在分享中獲得成長和確認。

問題解決

• 我成功實現了使用GSAP創建的Scroll Trigger效果，增強網站的交互性和用戶體驗。這是為了解決我們網站需要的動畫效果，吸引用戶注意。透過論壇提問和Google搜尋，我發現了使用GSAP創建Scroll Trigger的方法。這種方法不僅有效，還高度可定制，滿足不同需求。在這過程中，我不斷嘗試、調整，學習JavaScript和動畫效果的新知識。

• 針對重複邏輯，我選擇使用Petite Vue開發延遲載入元件。當使用者滑動到圖片位置時，才會載入圖片，並有placeholder避免頁面跳動。這可透過props調整圖片載入效果、是否延遲載入、是否將svg動畫載入到object元素中。

• 我通過Master CSS有效管理樣式，大幅減少CSS文件大小，提高網頁載入速度。我也善用AI工具自動優化程式碼，提升工作效率並保證高品質輸出。