陳治宇 Zhi Yu Chen
2 年前端工作經驗
你好，我是陳治宇，擁有兩年的前端開發經驗，是一位熱衷於前端開發且極為注重使用者體驗的工程師。
致力於創建優雅、高效且具有吸引力的網站界面，融入優秀的
UX 設計，從而提升使用者的滿意度與忠誠度。
我深信良好的使用者體驗是成功網站的關鍵所在，因此我不斷追求學習和探索新的事物及技術。
除此之外，我也十分重視程式碼的命名風格、撰寫規範，認為程式碼的品質、可維護性十分重要。
經歷 Experience
高鉅科技 - 前端工程師
2022 / 11 ~ 2023 / 07
- 開發公司產品前端介面，專注於金流系統。設計和實現直觀、吸引人的使用者介面，提供優質的使用者體驗。
- 與後端團隊密切協調，確保順利串接不同專案的 API。
- 使用 JSON Schema 驗證 API 回傳資料，確保準確性和一致性。
- 使用 TypeScript 開發前端介面，減少資料型別錯誤和溝通成本，提高代碼可靠性和穩定性。
- 以專案管理者（PM）角色執行開發工作，確保按時交付高品質成果。
鴻星數位科技 - 前端工程師
2022 / 11 ~ 2023 / 07
- 負責網站前端開發，網頁的切版、互動效果的實現以及各種功能的製作，具備對於 SEO、GA 相關知識的了解，提升網站在搜索引擎排名及分析。
-
與後端團隊密切協調，確保順利串接不同專案的 API。
- 與設計師密切合作，進行視覺構成的溝通，確保設計的視覺風格得以恰如其分地呈現在網頁上。
-
以專案管理者（PM）角色執行開發工作，確保按時交付高品質成果。
技能 Skills
Vue.js
- 熟悉 Vue3 的 Composition API 和 Option API 兩種撰寫風格
- 使用 Vue Router 建立動態路由以及登入驗證
- 使用 Pinia 進行狀態管理
- 使用 Vite 和 Vue CLI 快速建立開發環境
TypeScript / JavaScript / ES6
- 撰寫 TypeScript 定義資料型別降低開發成本
- 熟悉 JavaScript 語法和資料操作
- 熟悉 ES6 語法和應用
- 熟悉 AJAX / JSON 串接第三方 API
- 使用 ESLint 進行程式碼品質管理
Web Layout
- 熟悉 HTML5 標籤應用、Flexbox 網頁佈局
- 熟悉 SCSS 以及 BEM 設計模式進行元件管理
- 了解 Bootstrap 元件的特性與運用
- 擅長使用 Tailwind CSS 進行客製化排版
Git
- 熟悉 Git 指令、版控及協作開發
技術文章 Article
2022 iThome 鐵人賽
我熱衷於學習新的技術，因此透過鐵人賽「連續 30 天發表技術文章不中斷」，寫出自己對於一門新技術的成長與學習，並藉由這個機會帶著大家一起認識 Tailwind CSS。
專案 / 作品 Projects
-
Conduit 部落格 (線上連結、GitHub 原始碼)
使用技術 : Vue3 Composition API Pinia TypeScript Tailwind CSS ESLint
專案介紹
Conduit 部落格是一個在 GitHub 上面已經累積 70K 星的開源專案 Realworld，允許開發者使用不同的前後端技術實現該應用程式。
專案使用 Vue3 的 Composition API 開發，後端的部分是利用官方提供的 API 接口來實現(登入/註冊、發佈文章、評論以及用戶管理)，並且透過 ESLint 規範程式碼。 -
午分之食電商網站 (線上連結、GitHub 原始碼)
使用技術 : Vue3 Option API Pinia Tailwind CSS ESLint
專案介紹
午分之食是一個早午餐電商平台，擁有日系風格的整體設計，並透過柔和的顏色營造出舒適的氛圍，有助於提升網站的吸引力。
專案使用 Vue3 的 Options API 開發，後端的部分是利用六角學院提供的 API 接口來實現(登入/註冊、透過後台管理產品、訂單及文章)，並且透過 ESLint 規範程式碼。 -
WOWO And Softness 電商網站 (線上連結、GitHub 原始碼)
使用技術 : JavaScript ES6 AJAX GSAP Tailwind CSS
專案介紹
WOWO And Softness 是一個專注家具電商平台，主打與床相關的商品，致力於營造一個讓人感受到居家放鬆氛圍的網站。專案使用原生 JavaScript 結合 ES6 帶來便捷語法，確保專案效率和可讀性，並透過 AJAX 技術與第三方 API 進行資料串接。 -
個人作品集網站 (線上連結、GitHub 原始碼)
使用技術 : jQuery SCSS
專案介紹
通過幾何圖形巧妙地設計字體，以深黑和綠色為主要色調，營造高度對比的視覺效果。
專案為靜態網頁，使用 SCSS 來進行網頁的風格規劃，且不依賴任何框架的方式來實現響應式網頁設計的客製化。同時，我也將運用 jQuery 技術來實現豐富的互動效果，提升使用者與網頁的互動體驗。
