Wixwdfrb7tzbcnd3uomp

吳哲宇

前端工程師

   

城市,高雄,TW

[email protected]


嗨,我是哲宇,現年 33 歲,

在資訊業浮沉了約十年,早期工作主要核心技術是 MSSQL 與LINUX。


看到自己在專業上的不足,決定接觸網頁前端工程師的各項技能,不怕從零開始也不怕學習新技術,希望能有更多實戰經驗磨練自己的能力。


Project - ENDLESS 黑膠時光

    以 Vuex 的框架完成的網站,串接六角學院提供的 API 後台,其中有包含首頁、商品頁、購物車、我的最愛、以及玩遊戲拿優惠券等功能,是我第一個以 Vuex 做出的成品,主題是以賣黑膠唱片延伸的網站;包含 Bootstrap4 , CSS3, HTML, RWD 的技術,也包含 Vee-validation 驗證表單及各種動畫互動的技術。

Projects 00 00@2x

ENDLESS

以黑膠為主軸的電商網站

開發技術以 Vuex + Bootstrap4 為主

來逛逛我的作品吧!

Check It Out

畫面與使用者體驗

     畫面排版設計主要是以 Bootstrap4 + SASS , HTML5 + CSS3 Animation 等技術完成,網站中呈現了各種不同的動畫應用與切版,同時網站也設計了RWD的各種解析度切點。

    利用 Javascript 判斷使用者在觀看不同網頁內容時呈現不同的樣貌,以些許的  JQuery 輔助呈現。

Paragraph image 02 00@2x
Paragraph image 03 00@2x

後台管理

    後台管理者登入有 Vue 的導航守衛控管權限,針對商品列表、訂單、優惠券的各種管理功能執行新增、刪除、修改。

    此作品皆由「六角學院」提供的後台進行修改,以 Axios 存取API 執行後台的各種功能。

Side Project

    以 Vue.js 為主要框架撰寫簡易的各種網頁作品與功能,著重在 Vue 的使用邏輯與網頁渲染,包括 API 串接等各種技術,持續利用 SideProject 精進網頁技能。

指針式時鐘

    核心技術為 setInterval(),在每秒觸發時間更新,並將相關時分秒轉為角度,利用 CSS 的 transform:rotate 旋轉時針與分針。 


Demo:Codepen

Paragraph image 02 00@2x

Paragraph image 03 00@2x

時區儀表板

    核心技術為 Date().toLocaleString 轉換為時區的方法,如何在物件中用options 設定格式、陣列的合併與拆解,合併拆解完成後利用 v-for 渲染整個陣列到網頁畫面。


Demo:Codepen


AQI 空汙儀表板

    核心技術為 API 串接技巧及 fetch 的應用,其中更包括了陣列篩選的各種方法,foreach(), filter(), indexOf() 等方法。


Noted:notion.so

Demo: Codepen

Paragraph image 04 00@2x
Paragraph image 04 01@2x

Paragraph image 03 00@2x

60 秒算數遊戲

    以 Vue Components 結構下撰寫,核心技術包括 props, emit(value), setInterval(), clearInterval(), switch...case if 等,判斷遊戲轉跳頁面及設計與比對分數計算的方式。


Noted:notion.so 

Demo: Codepen


繪圖板

    核心技術為 Canvas 繪圖板的各項 API 功能及使用方式,偵測使用者行為,可簡易的選擇線條大小及顏色再 Canvas 上繪圖,並加入下載、清除、UNDO、REDO等功能。



Demo: Codepen

Paragraph image 02 00@2x

Main Skill

Front-end Developer

  • HTML 5 / CSS 3
  • RWD
  • BOOTSTRAP 4
  • SASS / SCSS
  • JQUERY
  • JavaScript
  • Vue.js 
  • Vue Cli3 
  • Vuex

Learning experience

     

    重新學習前端技能的過程中,選擇「六角學院」的平台自學,雖然是線上學習平台但過程中老師協助解決的很多我當下想破頭解不開的問題。


    由於工作經驗的關係很習慣自己先找答案,再問問題,這樣能夠讓自己問的問題更精準外也能從問題中加深記憶,過程中有許多懷疑但就是不斷的克服,學習到製作一個完整的電商大約花了半年多的時間,除了造就自己按表操課、按部就班的習慣外,也更不怕碰到問題。

Skills - Server & DB (Before)

Linux

未學習過 Linux 相關的專業課程,因工作的關係有所接觸,清楚知道自己這方面的知識是片段的,但工程師就是需要「解決問題」,許多問題處理的偵錯與排解都是與前輩討論,或上網查資料得到的。

  • 協助架設 Linux 站台
  • 協助安裝網站平台至 Linux
  • 檢查 Linux 運行狀況
  • 設定 Linux 備份排程
  • Linux 問題除錯

MSSQL

僅在學校受過「資料庫管理」的課程,也需要寫出一個專題,但學校給的東西通常都很入門且簡單,需要持續研究才會有所成果,因工作關係對於 MSSQL 的語法都有涉獵,對正規化的架構有一定的認知,但不到十分了解。
  • 查詢指定條件的資料(包括模糊查詢)
  • 協助客戶製作訂貨報表
  • 備份指定條件的資料
  • 新增、刪除、編輯指定條件的資料
  • 設定每日寫入設定條件的排程

Work experience

    

    關於我的職涯與工作經驗,由於從過去到現在並非開發端人員,比較接近是協助客戶導入平台、軟體以及教育訓練、售後服務等內容,其中需處理碰到的系統問題與版本升級,也會隨著業務到現場 Demo 代理的平台,過去主要技術核心是 MSSQL 與Linux,由於過往的經驗都不是開發,以下的工作經歷個人認為只能是參考;有關前端網頁開發工程師的經驗,一切都是從零開始。

2015 年 4 月 - 2019 年 5 月 

大塚資訊科技股份有限公司技術核心是 Mssql, Linux,公司主要是在做 AutoCad 各種軟體的銷售,同時也開發許多輔助 Autocad 導入客戶端的相關技術;我所任職的部門主要針對學校銷售相關平台與軟體,為 Adobe connect、台灣數位學習科技相關產品的主要代理商;以下是在這四年主要的工作內容。

  • 協助安裝代理的各種軟體與平台,包含 Adobe 與台灣數位學習科技的平台。
  • 協助處理客戶使用上遇到的問題,提供教育訓練。 
  • 協助客戶導入平台,製作成他們想要的用途。 
  • 技術上的問題處理,需要看技術文件或協同 Adobe conncet 的原廠處理問題。
  • 平台上的問題處理,需協同客戶查出平台的問題點,反映給原廠處理。

2014 年 1月 - 2015 年 3月 

震江科技股份有限公司技術核心是 MSSQL,公司主要是做有線電視的 ERP 系統,主要開發技術是 VB.net + MSSQL,我的工作內容是客服工程師。

  • 主要協助客戶系統順利的運行,處理 DB 值內容異常的問題。
  • 檢測與呈報問題發生原因給開發端修改,同時先排解客戶的狀況。
  • 協助客戶跑統計報表及設定 DB 排程處理例行維運。

2012年 11 月 - 2013 年 12月 

水靈科技股份有限公司,主要技術核心為硬體安裝、檢測及 MSSQL,公司屬性為政府單位的承包商,執行政府發放的標案,我的部門是針對自動租賃腳踏車的專案執行,與開發商共同研發相關軟硬體技術。

  • 居中協調開發端與政府,讓系統與站台能順利營運。 
  • Mssql 的統計資料撈取,處理 Mssql DB內的異常值。 
  • 撰寫產品企劃書。

Learning process

2007 年 9 月 - 2011 年 6月

高雄第一科技大學,資訊管理系。

2004 年 9 月 - 2006 年 6 月

台北市立內湖高級工業學校,電子系。

Powered by CakeResumePowered by CakeResume