陳治宇 Zhi Yu Chen
2 年前端工作經驗
你好,我是陳治宇,
擁有兩年的前端開發經驗
,是
一位熱衷於前端開發且極為注重使用者體驗的工程師。
致力於創建優雅、高效且具有吸引力的網站界面,融入優秀的 UX 設計,從而提升使用者的滿意度與忠誠度。
我深信良好的使用者體驗是成功網站的關鍵所在,因此我不斷追求學習和探索新的事物及技術。
除此之外,我也
十分重視程式碼的命名風格、撰寫規範,認為程式碼的品質、可維護性十分重要。
https://recall131477.github.io/personalSite/
[email protected]
(+886) 912-612-000
Taichung,Taiwan
經歷 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 鐵人賽
主題:
從零開始的 Tailwind CSS 學習之旅
我熱衷於學習新的技術,因此透過鐵人賽「連續 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 技術來實現豐富的互動效果,提升使用者與網頁的互動體驗。
學歷 Education
弘光科技⼤學 -
資訊工程
2011 / 09 ~ 2015 / 06
光華高工 -
電子
2008 / 09 ~ 2011 / 06
Powered By