作品集 Collection
轉職備戰力
使用了 : HTML、CSS、JavaScript、jQuery、Bootstrap4、git、AJAX
個人負責項目 : 切版、API 串接、撰寫 API 規格書
國家公園 生物大考驗
使用了 : HTML、CSS、JavaScript、jQuery、Bootstrap4、
Leaflet、git、AJAX
Vue.js
個人負責項目 : 切版、API 串接
備註 : 支援 RWD、可投放於大型觸控電視
營建署 協作平台
使用了 : HTML、CSS、Sass、JavaScript、jQuery、Bootstrap4、localStorage、
Leaflet、Chart.js、git、AJAX、gulp.js
個人負責項目 : 切版、API 串接、打包專案 (壓縮程式碼及圖片)
參與項目 : API 資料欄位規劃
備註 : 支援 RWD、NCC 無障礙 A 級、SEO 優化
營建署 國家公園入口網
使用了 : HTML、CSS、Sass、javascript、jQuery、Bootstrap4、google map api、 Cookie、git、Webpack、AJAX、Google Analytics
個人負責項目 : 擴增新分頁、Debug、壓縮 JS、CSS 優化網頁讀取速度、SEO 優化
備註 : NCC 無障礙 A 級
營建署 採集證申請系統 民眾版
使用了 : HTML、CSS、Sass、JavaScript、jQuery、Bootstrap4、Cookie、
Google map API、git、AJAX、GA、gulp.js
個人負責項目 : 切版、API 串接、網頁應用程式研發、打包專案 (壓縮程式碼及圖片)
參與項目 : API 資料欄位規劃、UIUX 協同設計
營建署 採集證申請系統 管理端
使用了 : HTML、CSS、Sass、JavaScript、jQuery、Bootstrap4、Cookie、
Google map API、Chart.js、git、AJAX、GA、gulp.js
個人負責項目 : 切版、API 串接、網頁應用程式研發、打包專案 (壓縮程式碼及圖片)
參與項目 : API 資料欄位規劃、UIUX 協同設計
國家公園 意見回饋表
使用了 : HTML、CSS、JavaScript、Bootstrap4、git、AJAX、Vue.js
個人負責項目 : 切版，API 串接
參與項目 : UIUX 協同設計、API 資料欄位規劃
公司形象網站
使用了 : HTML、CSS、Sass、JavaScript、jQuery、Bootstrap4、git、gulp.js
個人負責項目 : 切版、UIUX 設計、打包專案 (壓縮程式碼及圖片)
備註 : 支援 RWD、NCC 無障礙機檢 A 級、SEO 優化
國家公園模組化 EDM
使用了 : HTML、CSS、JavaScript、Bootstrap4、git、AJAX、Vue.js
個人負責項目 : 切版，API 串接
參與項目 : API 資料欄位規劃
自製-臺灣口罩數量查詢
使用了 : HTML、CSS、JavaScript、Bootstrap4、Vue.js、GA、
Leaflet、AJAX、gulp.js
備註 : 支援 RWD
自製-圖片壓縮並轉檔成 JPEG
使用了 : HTML、CSS、JavaScript、Bootstrap4、Vue.js、gulp.js
自製-領養毛孩的 Line 機器人
使用了 : Python、HTML、CSS、Sass、Bootstrap4、gulp.js
工作經歷 Experience
1111人力銀行總部，前端工程師，2020年8月 ~ 至今
工作項目 :
1.切版
2.撰寫 API 規格書
3.API 串接
4.網頁應用程式研發
5.SEO 優化
EMCT，GIS-網頁前端程式設計師，2019年6月 ~ 2020年8月
工作項目 :
1.切版
2.撰寫 API 規格書
3.API 串接
4.網頁應用程式研發
5.SEO 優化
6.專案打包後上線
參與過的大型專案 :
1.109年智慧國家公園生物多樣性地理資訊系統資料庫擴充暨維運計畫
2.109年度農業現地行動調查作業管理系統應用計畫
3.108年智慧國家公園生物多樣性地理資訊系統資料庫擴充暨維運計畫
4.文心蘭戰情室後台管理系統
華育機電企業有限公司，實習 FAE，2015年9月 ~ 2016年9月
1.開發板維修
2.公司業務教育訓練
3.回覆顧客應用技術的問題、回饋給相關單位 ，並提供產品技術諮詢
4.使用 AutoCad 繪製產品剖面圖
5.撰寫開發板教學手冊
學習經歷 Education
明志科技大學，電子工程系(學士)，2013年9月 - 2017年6月
技能 Skills
HTML
1.了解 HTML5 語意標籤，並可刻出符合 NCC 規範的無障礙 AAA 級網頁，並優化 SEO
CSS/Sass
1.能使用純 CSS 切出 RWD 響應式網頁
2.能使用 Sass 規劃 RWD web layout，以及將常用的 plugin 打包並整合變數
Bootstrap
1.對 grid system 有深入掌握，可在 3 小時內迅速切出一個一頁式網頁
JavaScript/jQuery
1.對原生 JavaScript 有深入了解，能結合數學邏輯寫出計算機和 todolist ，及串接後端資料渲染至 chart 或是表單中
2.會使用 jQuery 插入動畫效果，及套用第三方 plugin 於網頁上，亦或是揣摩其他網站的動畫效果
Vue.js
1.對生命週期的原理有所掌握，並善用模板語法、component 以及 methods 做串接或是網頁應用程式的開發
PHP
1.可串接 phpMyAdmin 做資料新增、刪除、編輯...等功能，並可獨立規劃並實作 API
SQL
1.可查詢資料表、新增、刪除、更新、資料......等等，基本資料庫操作
Python
1.可用 Python 寫 API 抑或是 Web App，比方 : Line Bot、網頁爬蟲及使用 matplotlib 製作圖表......等等
google map api/Leaflet
1.對地理圖臺 API 有深入掌握，擅長套用 turf.js 套件，做地圖幾何運算，推算出 polygon 面積、交集區域及路線距離等 等
Firebase
1.會套用第三方社群軟體帳號綁定，亦可自行建立巢狀資料庫，並將 Realtime Database 中的資料與瀏覽器做雙向綁定
Git/Github
1.可配合工程團隊進行專案的版本維護
WordPress
1.購物車串接、會員系統串接、社群平台 (FB、IG、YouTube) 串流
Photoshop
1.可達成去背、切版調整樣式等其他基本需求
其它
1.Google Analytics - 網頁流量分析以及流量動線規劃
2.LINE Developers - 可撰寫Line聊天機器人
3.Visual Basic - 可撰寫前端應用程式
4.AutoCAD - 可達成2D工程製圖
5.OrCAD - 可依照原稿完成PCB layout
6.PADS - 可依照原稿完成PCB或單晶片 layout
7.A級、AA級、AAA級無障礙網頁設計
8.藍新金流、綠界科技 WordPress 模組串接
證照 License
1.PCB先進電路板設計應用認證
2.TQC+ 工程製圖專業人員
3.丙級數位電子技術士
4.TOEIC-685
推薦人 Reference
1.張宜葳-華育機電企業有限公司-董事-0936112817
2.吳岳駿-EMCT-高級工程師-0986050880
