Ogtqvltin89yu9srbyz0

林大鈞 Elvis Lin

3 年前端工程師開發經驗，自學出發


具備跨行經驗，更了解使用者面向哪些痛點、帶有開發者思維來解決問題


持續學習，喜歡生活，站在不同角度同理


#程式導師實驗計畫第二期/第三期-Lidemy #跨領域 #用戶到開發者 #持續學習 #解決痛點

Front-end / Tools Skills

HTML5 & CSS3

  • 善用語意化標籤
  • RWD 響應式網站規劃
  • 善用整合三方庫
  • Material / Fluent
  • Bootstrap / Tailwind
  • CSS 一致性 駝峰 BEM命名
  • Icon + 字型檔整合
  • Sass / SCSS + css module
  • Flexbox、Grid system

JavaScript

  • React Hook ( ^17.0.2 )
  • Redux Toolkit
  • Vanilla JS & ( ES6 + )
  • jQuery
  • RESTful API
  • AJAX / Fetch / axios

其他

  • Git 指令版本控制
  • npm / yarn
  • Node.js + Express
  • ORM - Sequelize 
  • Gulp
  • Webpack
  • PHP
  • MySQL
  • AWS
  • Docker
  • Nginx
  • PHP 留言功能防範 XSS & SQL Injection

團隊規範

  • 建立必要前端團隊規範
  • 整合代碼
  • 區塊版位架構設計
  • 系統架構 - 代碼重構

其他工具

  • Asana 管理工作
  • BitBucket 托管平台
  • ClickUp 單位間平行溝通
  • Cloudflare 託管平台

作品集 Portfolios

生活市集 / 量販電商

- 添加前端 cache 機制

節省 API 流量，讓特定資源重複索取

- 重構購物車

優化購物流程，實現團購方案

- 結帳流程優化 ( 地址簿架構設計 )

減少使用者繁瑣結帳步驟，讓使用者無痛新增、刪除

松果購物 / 傢俱家飾

- 重構首頁代碼

增加特定風格版位，提升商家曝光度
分類跑馬燈 ( 桌機 / 手機 )

- 搜尋頁代碼重構

整合 GTM 代碼紀錄操作行為
URL 搜尋分享篩選器，經分享的人不再需要重新點選搜尋過的篩選

操作流程設計 ( 簡易外層篩選與篩選 modal 交互 )

Paragraph image 03 00@2x

AI 訓練管理平台

帳號密碼欄位僅改為必填
即可通過登入 ( Ex: 帳號: aaa 密碼: aaa )


React Component 漸進升級

React Hook ( ^17.0.2 )

React Tookit 整合

CSS +  Base Components 整合

CSS Module + Scss
Pure Functions

升級相關依賴包

專案進行大規模改版
配合後台GPU 加速

Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x
Paragraph image 01 00@2x

個人網站 - 自製專案

React Hook ( ^17.0.2 )

Twailwind

react-markdown

ESLint + Prettier 檢查冗余程式碼 + 統一代碼風格

React Router - Web App 路由管理


AWS Ubuntu

Nginx 部署網站 ( SSL )

docker 架設


 Website ( 暫時停用 )

Paragraph image 01 00@2x

Twitch 平台直播

使用 Vanilla JS

串接 Legacy Twitch API

渲染即時遊戲實況畫面


 GitHub ｜ Website ( 暫時停用 )

Profile 03 00@2x

電商網站 - React + Redux

React Class Component 製作前端

React Route 簡易路由

Redux 實作登入登出

購物車 ( 加入購物車 / 結帳清單 )

後端 express 製作，使用 RESTful API 串接驗證


GitHub ｜ Website ( 暫時停用 )


Paragraph image 05 00@2x
Paragraph image 05 01@2x

練習 - TodoList, 五子棋

React 實作簡易 Todo-list / 五子棋


TodoList - GitHub

React 五子棋

工作經歷



創業家兄弟股份有限公司 ( 生活市集 / 松果購物 ), 軟體工程師

承啟科技股份有限公司, 軟體工程師(前端工程師)

  • 使用 React 開發 AI 訓練平台，前後端分離
  • UI 框架抽換 ( Material UI )
  • 引入 Highchart、FullCalendar ( 透過設置達成類似 CI / CD )
  • 將常用或共用組件，建立 Base Component 得以方便彈性複用
  • 與後端討論可使用 API 方便前端串接
  • 列出幾點開發項目
    • 報表分析：使用 Highcharts 將 Prometheus 資料可視化 ( 原先使用 Grafana ) 及輸出 Excel
    • 通知系統：SockJS ( WebSocket ) + stompjs 即時通知用戶使用狀態
    • 排程系統：透過 FullCalendar 整合進 React 並建立步驟機制讓使用者便於操作

程式導師計劃

  • 學習 git、npm、javaScript、Sass/SCSS、Bootstrap、Gulp/Webpack、React 等‧‧‧
  • 培養出理論與實務經驗兼具，能解決問題的工程師

氣球造型師 2012 - 2020 

  • 專櫃品牌活動(ex. 理膚寶水、SK2、資生堂等‧‧‧) 
  • 家庭日(ex. 國泰/富邦金控、友邦人壽、TOYOTA、揚弘實業等‧‧‧)
  • 飯店佈置活動(ex. 台北君悅酒店、維多利亞酒店、大直典華等‧‧‧)
  • 各式活動表演，私人派對、生日派對、週歲、建案、音樂會、旺年會、尾牙、社區等‧‧‧

京城商業銀行, 銀行辦事員

Oct 2014 - Aug 2018

  • 處理交易室前台所承作外匯、國內債券、資金調度交易、報表製作：

依據不同交易(Ex. Spot、Forward、SWAP、公司債、國內債券)等性質

將交易資料加入風線控管報表中，並發送外匯相關電文、追蹤台幣資金是否到位


  • 國內外股票、可轉換公司債交易後續事務：

追蹤國內上市櫃股票重大資訊、股利根據投資標的不同需隨時注意

國外股票交易分門別類(股票、基金、REIT)

追蹤控管交易額度、交易損益狀況、製作單筆及多筆交易報表

控管規則依內外部法規訂定、製作財務相關月報表

若有達預警或超限立即通知相關交易人員及長官(董事長、總經理等)


  • 股票系統、外匯電文系統整理改善：

修正系統內部計算權重方法、與資訊及技術人員討論並修正相關錯誤資料

因應實務變革，討論新系統框架與廠商開會給予技術人員相關協助 ( 討論實務上與技術上是否能夠配合 )


  • Thomson Reuters Eikon、Bloomberg系統相關資料整理與儲存

  • 建機資料建構：

依股票、不動產、動產、信用評分、有價證券等各類擔保品，並依信用貸款性質長短與法規限制將期整理分類


  • 處理公司庫藏股相關事宜：

股票轉讓給公司員工、發送重大資訊公告、註銷公司購回庫藏股、與秘書室、券商聯繫確認相關函文等資訊


學歷

銘傳大學, 學士學位, 財務金融學系

2009 ~ 2013

自傳

熟習金融相關交易 持有高級證券商業務人員、信託業務人員等相關證書
關注金融及科技相關議題，並持續跨領域學習 

﹝重要經歷﹞

# 系學會(副會長) 

負責財務預算編制及執行，在各組別之間協調與調度，並擔任學生與學校的溝通橋梁。
痛點與解決方式：遇到的最大困難是活動經費使用超逾編列預算，對外募集資金協調刪減不必要之開銷並協調企業需求及學校法規限制，最後找尋雙贏的平衡點。 

# 氣球藝術師 

活動前置與廠商、客戶持續聯繫需求，給予建議與規劃
痛點與解決方式：活動當下適時處理突發狀況，如客人等待過久，透過聊天並繼續製作不中斷來讓客人受到尊重。

# 京城銀行(專員) 

銀行風險管理部任職時，處理中後台交易、報表整合、資金調度及申報並了解前台交易實務，與金融同業業務合作建立往來關係、跨部門協調與溝通，工作中財務部與資訊部門的協調將現行交易實務結合系統，解決系統無法配合實務之問題，進而提升工作效率及節省時間。

痛點與解決方式 
Q. 報表過於分散、根據金融商品不同系統數字會有部分問題
Q. 修正系統內部計算權重方法、與資訊及技術人員討論並修正相關錯誤資料
A: 透過 Excel 公式化，協調整合必要資訊 與資訊部門溝通，正確表達需要之業務邏輯、協助後續測試

# 承啟科技(前端工程師)

React 開發 AI 訓練平台，前後端分離 重點功能開發 ( UI 框架抽換、底層架構抽換、通知系統、資源系統、排程系統 )


﹝程式接觸﹞

發現自己對於程式開發感興趣，便開始學一些 HTML、CSS、JavaScript 認為未來發展與程式息息相關，加上現在對人才需求，更需要不同領域經驗處理不同問題。 

搜尋相關學習資訊，Hahow、Youtube、Udemy 參與程式導師實驗計畫 課程相當注重邏輯思維，學習過程體會網路世界多且廣 更瞭解這個領域上思考問題、解決問題的重要性 如今受益良多，至今仍不斷學習累積經驗


Frontend
使用 React 完成專案與作品
javaScript ( Vanilla JS / jQuery / RESTful API/ AJAX / )、Sass/Scss
Fluent UI、Bootstrap 及 Webpack lodash、moment 套件來更快速的開發
透過 、notion 持續筆記自己理解的東西、使用托管平台 BitBucket

Backend
PHP / MySQL / express
AWS 佈署自己的伺服器透過 Docker 容器 + Nginx 來管理伺服器

﹝挑戰自我，學習新技能、其他﹞

非本科成功轉職前端工程師，相信之後會有更多挑戰
學習與經驗累積讓我慢慢的持續成長
不侷限自己學習不同類的程式也要學習程式以外的事物，讓自己隨時保持好奇心
這樣才能在思考事情上能夠站在更多的面相
擁有謙遜的態度，並拓展眼界

感謝撥冗閱讀我的履歷

Powered By
CakeResume