前端工程師 Front-End Developer
對程式及網頁開發具有好奇心,喜愛鑽研技術寫下筆記。
擅長思考及拆解問題,提出解決方案,培養自我學習能力。
樂於與他人分享新知,利人利己提升自我價值。
擁有團隊協作經驗,喜歡跨領域溝通互相理解。
.Vue 2 / Vue 3
.使用 Vite 環境建置
.Options API / Composition API
.Component 元件管理
.Vue Router 規劃 SPA 網站
.Vuex 集中狀態管理
.使用 Express 開發 RESTful API
.使用 Mongoose 介接 MongoDB
.實作 JWT 驗證
.實作 Swagger API 文件
.JavaScript ES5 / ES6+
.AJAX / JSON 串接第三方 API
.CommonJS / ES Modules
.ESLint Standard 規範開發
.熟悉 HTML5 / CSS3
.熟悉 Sass 預處理器
.RWD 響應式網頁規劃
.使用 Tailwind CSS 於專案開發
.Git Command Line
.VSCode Source Control
.GitHub
▍使用技術
.Dev Env:Vite / ESLint
.UI Frameworks:Tailwind CSS
.JS Frameworks:Vue 3 / Vue Router / Pinia
.JS Library:GSAP3 / Smooth Scrollbar
▍專案說明
專注在切分步驟的文章分享平台,步驟化你的知識技能,讓讀者更容易達成任務。
▍實作功能
.會員管理:註冊、登入、個人資料修改、文章管理、收藏管理、訂閱方案管理
.文章撰寫:一般或切切步驟模式、編輯文章、圖片上傳、文字編輯器
.瀏覽文章:收藏、點愛心、讀者留言、作者回覆留言
.搜尋文章:一般文章、切切文章、關鍵字提示、歷史搜尋紀錄
.訂閱付費:藍新金流串接 ( 測試功能 )
▍使用技術
.Dev Env:Vite / ESLint
.UI Frameworks:Tailwind CSS / headless UI / Element Plus
.JS Frameworks:Vue 3 / Vue Router / Vuex / Vee-validate
.JS Library:axios / tiptap / Swiper
▍測試帳號
kirutest / 123456
▍專案說明
此項專案與三位後端及兩位前端共同開發,團隊建立統一的程式邏輯模板進行開發及維護。
.使用 Git & GitHub 多人協作
.分析專案架構進行功能擴充開發
.提供技術解決方案文件
.配合後端 API 開發進度規劃串接期限及交付測試
▍使用技術
Vue 2 / Bootstrap 3 / ESLint / axios / FullCalendar / Moment.js / Youtube Iframe API
▍作品說明
THE F2E 3rd Week1 - 台灣旅遊景點導覽
串接交通部 PTX 服務,以及使用 Leaflet 地圖框架搭配 Mapbox 圖資服務,提供景點、美食、住宿、觀光位置。
▍實作功能
.搜尋功能:關鍵字搜尋、市區分類、主題分類
.地圖服務:顯示目標位置、資訊框
.路由管理:使用 hash 實現 SPA
▍使用技術
HTML / CSS / Sass / JavaScript / ESM / axios / Swiper / Leaflet / Mapbox
▍作品說明
串接交通部 TDX 服務,提供高雄公車即時動態資訊。
▍實作功能
.搜尋功能:公車路線關鍵字提示、搜尋
▍使用技術
HTML / CSS / Sass / JavaScript
.團隊協作執行系統擴充專案
.分析專案架構進行功能擴充開發
.提供技術解決方案文件
.配合後端 API 開發進度規劃串接期限及交付測試
# Skills : Vue 2 / Bootstrap 3 / ESLint / axios / FullCalendar / Moment.js / Youtube Iframe API
2021/12 ~ 2022/03
.協助學員繳交的作業進行 Code Review,並給予鼓勵及修改建議。
.針對學員提出的問題進行回覆。
# Skills : JavaScript / Nodejs / Express / MongoDB / Mongoose / JWT
2022/04 ~ 至今
.初期 : 網頁切版與響應式網站規劃,培養自學能力。
.中期 : RESTful API 介接練習、參與 THE F2E 前端修煉精神時光屋比賽與切版志工。
.後期 : 參與系統擴充案開發、與設計、後端團隊合作完成專題開發與發表。
.定期舉辦讀書會與前後端技術分享研討
# Skills : HTML / CSS / Sass / JavaScript / Vue / Git
2021/08 ~ 2022/04
特別助理 : 與客戶介紹案源,協助主管行政文書後勤工作。
管家 : 介紹居住環境設備、協助租約簽約、解決客戶生活居住上的問題。
2017/03 ~ 2021/09
負責長榮大學文宣品平面設計及編排。
# Skills : Adobe Illustrator / Adobe Photoshop / Adobe InDesign
2018/01 ~ 2018/06
Sep 2013 - Jun 2017