下载PDF

Summary

點擊可查看關於我(圖文版)

  -- 透過 Linkedin  查看更多

工作經驗:

 * 將 [動畫效果] 與 [Angular 4+] 呈現在眉面上 ( 開啟頁面 )

  *  透過 [Angular 4+] 與 [Asp.Net Web Api]完成前後台網站。
  * 透過「C#」與「Asp.Net Mvc」呈現「SQL」的資料於網頁。
  * 介接「線上刷卡」的經驗
  * 可獨自將網站架設在雲端「Azure」上及管理「IIS」。
  * 前台網站所開發的「JavaScript」是透過「TypeScript」與「Jasmine」去加強維護及可測試性,將「Web API」做為Service層。
  * 嘗試在公司內推動:「透過Selenium做為整合測試的方式」。

對於「分享知識會使人更加成長」這句話很有感觸,因此在2015年開始,找了幾個朋友互相交換技能,目前主題大多都是「JavaScript」、「CSS」為主。

另外平常會透過參加一些軟體社群(如:KSDG、高雄前端..等)或工作上會使用到的軟體課程,來吸收前輩的經驗及觀察前輩在呈現簡報內容的一些優點並反思要如何將此轉換成自己的優勢。

Text Section

目前我所分享過的JS簡報

課程大綱
https://docs.com/user299388/3662/jquery

第一堂
https://docs.com/user299388/3879/jquery

第二堂
https://docs.com/user299388/5679/jquery

第三堂
https://docs.com/user299388/3494/jquery

第四堂
https://docs.com/user299388/2717/jquery

Education

樹德科技大學

20122014

資訊管理所

碩士

樹德科技大學

20082012

資訊管理系

學士

Skills

SEO

使用Google Tag Manager整合不同的SEO Tool(Google Analtyics , Facebook Pixel , Bing)

Angular4+

建立共用模組方便同事一起合作,實作動態UI、權限驗證Router

SQL

Stored procedure、Table Function、View、SQL CLR

JavaScript

透過TypeScript維護、使用Jquery框架、籍由Jasmine做測試

Asp.Net Mvc

介接線上刷卡、三層式架構、相依性注入、非同步執行緒、自訂Router、自訂ViewEngine、權限控管、Entity Framework、

工作經歷

英國凱萊

Aug 2017Now

前端工程師

前端框架(Angular 4+)

   - 開發共用模組,方便團隊其它成員互相合作

   - 整合SEO

傑亮資訊

Nov 2016Aug 2017

工程師

1. 透過Angular2 開發前後台網站

2. 搭配 Asp.Net Web Api

凌誠科技

Nov 2014Nov 2016

工程師

1. 維護IIS站台

2. 撰寫前後台網站 ( Javascript 、Asp.Net MVC)

3.資料庫管理(MSSQL、MySQL )

4.嘗試導入自動化測試

哈瑪星科技

JAN 2012Nov 2014

工程師

1. 維護IIS站台

2. 撰寫前後台網站 (Javascript 、Asp.Net WebForm)

3.資料庫管理(MSSQL)

Projects

英國凱萊

Jan 2018Now

前端工程師 - 招募網站

https://careline-newstar.firebaseapp.com/cl-dashboard 

英國凱萊

Jan 2018Now

MemberZone

https://www.careline.com.tw/CareLineMember/member/

  - 提供會員「簽名」或「查看已購買的訂單」


【在案子中學習到的東西】
    - 線上電子簽名
    - 第三方登入 ( Google , Facebook ) 

英國凱萊

Aug 2017Now

Branding

https://www.careline.com.tw/

  - 提高公司販售的保險產品曝光率
  - 目前的活動內容
  - 介紹公司團隊
  - 介紹代表公司的虛擬角色 [凱]


【在案子中學習到的東西】
     - 透過 Google Tag Manager 整合多個 SEO Tool ( Google , Facebook , Bing ...等)
     - 網頁上呈現動畫不同的方式 ( https://www.careline.com.tw/aboutus )

傑亮資訊

Nov 2016Aug 2017

銀行內部 -  要保書

建立共用層方便同事合作及資料串接

【系統想解决的問題】
    - 要保書電子化

【在案子中學習到的東西】
  -  前端框架 ( Angular 2+ )

  -  RxJS

凌誠科技

20162016

我的農遊趣

http://ezgo.coa.gov.tw/Activity/MyQuiz/ZodiacSignEat

【系統想解决的問題】

   - 星座飲食的遊戲

【在案子中學習到的東西】
  - 第三方登入(FB)
  - 依照不同活動態產生圖片:屬於該FB使用者的大頭貼及描述
  - 加入FB的動態分享資訊功能

凌誠科技

20162016

農業易遊網

http://ezgo.coa.gov.tw/ezgo_Rec

【系統想解决的問題】

   - 提供一般大眾農業的旅遊資訊

【在案子中學習到的東西】
   - 加入 Google Analytics 事件,以利分析使用者的活動情形

凌誠科技

20152016

質農開店

https://www.fcrm.com.tw

【系統想解决的問題】
- 協助小農將它們的農產品讓更多需要的人知道
- 有個平台可以管理訂單
- 提供消費者一個購物車的介面

【在案子中學習到的東西】
- 雲端服務(Azure)
- 串接金流(歐付寶、紅陽、藍新)
- 購物車 與 資料庫的簡易設計(透過SqlCLR,來增加維護性)
- 增加 Javascript 的可維性(透過Typscript 及 jsamine 減少程式意外掛掉的可能性)
- 自訂Asp Net Mvc的Route,將特定的「第三方網域」轉至對應的使用者網站
- BDD(使用Specflow)
- 整合測試 (使用Selenium)

凌誠科技

20152015

中鋼知識管理系統

凌誠科技

20142015

花蓮市小農商城

http://farmer.hcfa.org.tw/

【系統想解决的問題】
- 協助小農將它們的農產品讓更多需要的人知道
- 有個平台可以管理訂單
- 提供消費者一個購物車的介面

哈瑪星科技

20122014

高雄市政府-全球資訊網

http://www.kcg.gov.tw/OrganWeb.aspx?n=214568FF08210406

哈瑪星科技

20122014

高雄市鳳山區公所全球資訊網

http://fsdo.kcg.gov.tw/fsdo/index.aspx

哈瑪星科技

20122014

金門旅遊網

http://tour.kinmen.gov.tw/chinese/index.aspx

哈瑪星科技

20142015

文化部-台灣故事島

https://storytaiwan.tw/

哈瑪星科技

20122014

金門全球資訊網

http://www.kinmen.gov.tw/KinmenWeb/wSite/page/1.html