Michael Chiang


Full-stack Developer 網頁全端工程師


Shareable corp
Full-stack Developer
2021/10 ~ now

工作項目 : 
1.切版
2.撰寫 API 規格書
3.前後台 API 串接
4.網頁應用程式研發
5.SEO 優化
6.專案打包壓縮
7.網站維運

8.建立 DB 撰寫 API

1111 Job Bank
Front End Developer
2020/08 ~ 2021/08

工作項目 : 
1.切版
2.撰寫 API 規格書
3.前後台 API 串接
4.網頁應用程式研發
5.SEO 優化
6.專案打包壓縮
7.網站維運

8.前端技術支援及教育訓練


參與過的大型專案開發(活動預算超過1000萬以上的案子) :
1.2020年度1111周年慶(已下線)
2.2021年度1111找工作送一萬(已結束營運)

EMCT
GIS Front End Web Developer
2019/06 ~ 2020/08

工作項目 : 

1.切版

2.撰寫 API 規格書

3.前後台 API 串接

4.網頁應用程式研發

5.SEO 優化

6.專案打包壓縮

7.網站維運


參與過的大型專案(標案金額100萬至700萬的案子) : 
1.109 年智慧國家公園生物多樣性地理資訊系統資料庫擴充暨維運計畫
2.109 年度農業現地行動調查作業管理系統應用計畫
3.108 年智慧國家公園生物多樣性地理資訊系統資料庫擴充暨維運計畫
4.文心蘭戰情室後台管理系統

HUA YU MECHOELECTRICAL ENTERPRISE CO., LTD.
FAE Intern
2015/11 ~ 2016/09

工作項目 : 
1.開發板維修
2.公司業務教育訓練
3.回覆顧客應用技術的問題、回饋給相關單位 ,並提供產品技術諮詢
4.使用 AutoCad 繪製產品剖面圖
5.撰寫開發板教學手冊

Formosa Plastic Group
EE Intern
2015/09 ~ 2015/11

工作項目 : 
1.開發板維修

2.使用 AutoCad 繪製產品剖面圖

Collection 作品集

Paragraph image 01 00@2x

國家公園入口網

使用了 : HTML、CSS、Sass、javascript、jQuery、Bootstrap4、Google Maps  APIs、 Cookie、git、Webpack、AJAX、Google Analytics

負責項目 : 維運、擴增新功能及分頁、Debug、SEO 優化

備註 : NCC 無障礙 A 級

Paragraph image 01 00@2x

營建署 協作平台

使用了 : HTML、CSS、Sass、JavaScript、jQuery、Bootstrap4、localStorage、
               Leaflet、Chart.js、git、AJAX、gulp.js

負責項目 : 切版、API 串接、打包專案 (壓縮程式碼及圖片)

備註 : 支援 RWD、NCC 無障礙 A 級、Google Lighthouse 達 90 分以上

Paragraph image 01 00@2x

營建署 採集證申請系統

使用了 : HTML、CSS、Sass、JavaScript、jQuery、Bootstrap4、Cookie、
             Google map API、git、AJAX、GA、gulp.js
負責項目 : 切版、API 串接、網頁應用程式研發、打包專案 (壓縮程式碼及圖片)

Paragraph image 01 00@2x

人力銀行 面試論壇

使用了 : HTML、CSS、Bootstrap4、JavaScript、jQuery、git

負責項目 : 維運、debug、程式碼重構、切版、新增功能、埋入 GA、SEO 優化

備註 : 支援 RWD、Google 熱們關鍵字【面試】第一名

Paragraph image 01 00@2x

金車公司 會員系統

使用了 : PHP、MySQL、SQL、LINE LIFF、JavaScript、HTML、CSS、Bootstrap4、git

負責項目 : 建立資料表、撰寫 API、API 串接

Skills 技能

HTML
1.
Familiar with HTML5 semantic tags and capable of coding accessible AAA-level web pages compliant with NCC standards. Additionally, skilled in optimizing for SEO
熟悉 HTML5 語意標籤,並可刻出符合 NCC 規範的無障礙 AAA 級網頁,並優化 SEO

2.
Able to apply CSS changes to DOM elements based on different breakpoints for responsive design
可依據不同的斷點做 DOM 元素 CSS 上的變化


CSS/Sass
1.
Able to create responsive web pages using pure CSS for Responsive Web Design (RWD)
能使用純 CSS 切出 RWD 響應式網頁

2.
Proficient in planning responsive web layouts using Sass, and adept at bundling and integrating commonly used plugins with variable integration
能使用 Sass 規劃 RWD web layout,及將常用的 plugin 打包並整合變數


Bootstrap4/5
Deeply knowledgeable in grid systems, capable of quickly creating responsive web pages
對 grid system 有深入掌握,可迅速切出響應式網頁


JavaScript/jQuery 

1.
Thorough understanding of JavaScript, proficient in combining mathematical logic to develop calculators and to-do lists. Skilled in connecting to backend data and rendering it in charts or forms
對原生 JavaScript 有深入了解,能結合數學邏輯寫出計算機和 todolist ,及串接後端資料渲染至 chart 或是表單中 

2.
Proficient in using jQuery to implement animated effects, applying third-party plugins on web pages, and intuitively recreating animation effects observed on other websites
會使用 jQuery 插入動畫效果,及套用第三方 plugin 於網頁上,亦或是揣摩其他網站的動畫效果


Vue.js 
Have a grasp of the principles of Lifecycle Hooks and adept at utilizing template syntax, components, and methods for the development and integration of web applications

對生命週期的原理有所掌握,並善用模板語法、component 以及 methods 做串接或是網頁應用程式的開發


gulp.js/Webpack
Capable of compressing code and images, and proficient in bundling entire projects using Sass and Babel transpilers.

可壓縮程式碼、圖片並搭配 Sass 及 Babel 轉譯器完整打包專案


Google Maps APIs/Leaflet 

Deep understanding of the Geographic Information System (GIS) API, proficient in applying the turf.js library for map geometry calculations. Skilled in estimating polygon areas, intersection regions, and route distances, among other capabilities
對地理圖臺 API 有深入掌握,擅長套用 turf.js 套件,做地圖幾何運算,推算出 polygon 面積、交集區域及路線距離等 等


PHP
Capable of integrating with phpMyAdmin for data manipulation functions such as adding, deleting, and editing. Additionally, able to independently plan and implement APIs
可串接 phpMyAdmin 做資料新增、刪除、編輯...等功能,並可獨立規劃並實作 API


SQL
Familiar with all database operations, including querying, adding, deleting, updating, and more
熟悉查詢、新增、刪除、更新、...等等所有資料庫操作


Firebase 

Proficient in integrating third-party social media account binding. Also capable of creating nested databases independently and establishing bidirectional binding between data in the Realtime Database and the browser

會套用第三方社群軟體帳號綁定,亦可自行建立巢狀資料庫,並將 Realtime Database 中的資料與瀏覽器做雙向綁定


git/Github/GitLab

Can collaborate with the engineering team for project version maintenance
可配合工程團隊進行專案的版本維運 


WordPress 

Integration of shopping cart, membership system, and social media platform streaming (Facebook, Instagram, YouTube)
購物車串接、會員系統串接、社群平台 (FB、IG、YouTube) 串流


其它
1.Google Analytics - 網頁流量分析以及流量動線規劃
2.LINE Developers - 可撰寫Line聊天機器人
3.Visual Basic - 可撰寫前端應用程式
4.A級、AA級、AAA級無障礙網頁設計
5.使用 PHP 串接綠界科技的金流服務

License 證照

1.PCB 先進電路板設計應用認證
2.TQC+ 工程製圖專業人員
3.電腦硬體裝修丙級技術士

Reference 推薦人

1.EMCT - 高級工程師 - 吳岳駿