eden90267 / about-me

關於我 - 一頁式履歷

劉育廷（Eden Liu）

從後端墜入前端的全端工程師，技術狂熱者，喜好吸收新知並且樂於分享。主要專注於 Web 開發技術、UI/UX 與數位行銷相關領域，提倡 TDD 開發 、CI 持續整合與 DevOps 流程自動化改善，立志成為 Web 全方位齊備的專業人士。

• Birthday：1988/06/26
• Education：私立佛光大學 - 資訊工程系
• Location：Taichung
• E-Mail：[e-mail]
• Mobile：[phone]
• Github：https://github.com/eden90267
• Personal Blog：https://eden-liu.com/

Skills

• HTML、CSS、JavaScript
• Bootstrap、jQuery、React、Angular、Vue
• Git
• Node.js、Golang、Java、C#
• React Native、Android
• NoSQL、RDBMS
• TDD、BDD
• DevOps
• UI/UX
• SEO、GA

Show detail...

Career

年資：7+ years

職務名稱	公司	資歷
網頁美編	沛美生醫股份有限公司	2 month
資訊副主任	超級數位科技股份有限公司	2 years and 8 month
Java Engineer	康大資訊股份有限公司	1 month
JavaEE Engineer	中佑資訊有限公司	3 years and 7 month
Senior Front-End Developer	104 資訊科技	1 year ~ now

Show detail...

Works

公司作品

• 沛美生醫 Flash 官方靜態網頁平台
• 卡若斯購物車動態網頁平台
• 金榜函授官方購物車動態網頁平台
  • 後台
  • 遠距學苑平台
  • 班系後台
• 金榜函授雲端網動態網頁平台
• 超級函授活動動態網頁與模組化填表設計平台
• 超級函授雲端網動態網頁平台
  • 後台
• 公職網-類科分站動態網頁平台
  • 高普前台
  • 司法前台
  • 警察前台
  • 後台
• 超級函授單品選購動態網頁平台
  • 後台
• 課程端與學員端後台
• WCF學員端服務
• WCF課程端服務
• 自來水會計系統
• 中佑資訊 ERP 財務系統
• 中佑資訊 ERP 請款系統
• 中佑資訊 ERP 人事管理系統
• 中佑資訊 ERP 固定資產系統
• 中佑資訊 ERP 入口網系統
• 中佑資訊 ERP 單據簽核作業系統
• 中佑資訊 ERP 組織管理系統
• 中佑資訊 ERP 員工管理系統
• 中佑資訊 ERP 公告管理系統
• 中佑資訊 ERP 會議室管理系統
• 中佑資訊 ERP 客戶來訪管理系統
• ALTA 考核管理系統
• ALTA 員工評核手機應用程式 - Android
• 104 求職端主網
• 104 求職端中高階
• 104 主動應徵
• 104 求職端工作列表
• 104 線上打卡簽到系統
• 104 履歷診療室
• 104 無法登入

個人作品

Static Web Page

• sunshine
  • HTML、CSS
• donut-whole
  • HTML、CSS、Google Font
• 諾浩義式餐廳
  • HTML、CSS
• 貓奴無極限
  • HTML、CSS
• 午茶室
  • HTML、CSS、Bootstrap、animate、RWD、Google Map API
• 六角線上教學首頁
  • PSD 切版成 HTML、CSS
• 六角西餐廳
  • 首頁 、登入頁、 註冊頁、 產品訂購頁
  • HTML、CSS、RWD
• 六角部落格
  • HTML、CSS、Bootstrap 4
• 六角形象首頁
  • HTML、CSS、Bootstrap 4
• pokemon-fight
  • HTML、CSS、JavaScript、babel、bower、gulp
• iRich 愛記帳
  • HTML、CSS、JavaScript、Bootstrap、Chart.js、babel、bower、gulp、Firebase
• 高雄旅遊網
  • HTML、SASS、Bootstrap、RWD、JavaScript(ES6/ES7)、jQuery
  • 註：需允許載入不安全指令碼，因外接API不具https
• 井字遊戲
  • HTML、CSS、React
• BMI Calculator
  • Pug、SASS、Bootstrap、RWD、React、Redux、LocalStorage、eslint
• 高雄旅遊Google Map
  • HTML、CSS、JavaScript、Google Map API、Ajax、Snazzy Maps
  • 註：需允許載入不安全指令碼，因外接API不具https
• whinepad
  • Pug、SASS、React、Flux、Immutable、fbemitter、LocalStorage、eslint、flow、jest
• The F2E - 前端修練精神時光屋 - Week 1 - 待辦清單 todolist
  • React、Redux、Bootstrap4、Webpack3、Jest、Sass、ESlint、ES6、React-Router-v4、PostCSS
• The F2E - 前端修練精神時光屋 - Week 2 - 篩選器 filter
  • React、Redux、Bootstrap4、Webpack3、Jest、Sass、ESlint、ES6、React-Router-v4、PostCSS
• The F2E - 前端修練精神時光屋 - Week 3 - 訂單管理系統 admin order
  • React、Redux、Bootstrap4、Webpack3、Jest、Sass、ESlint、ES6、React-Router-v4、PostCSS
• The F2E - 前端修練精神時光屋 - Week 4 - Product Gallery
  • Jade、Sass、ES6、PostCSS、gulp、Bootstrap4、jQuery
• The F2E - 前端修練精神時光屋 - Week 5 - Comic Viewer
  • Jade、Sass、ES6、PostCSS、gulp、Bootstrap4、jQuery
• The F2E - 前端修練精神時光屋 - Week 6 - Validation
  • React、Redux、Bootstrap4、Webpack3、Jest、Sass、ESlint、ES6、React-Router-v4、PostCSS
• The F2E - 前端修練精神時光屋 - Week 7 - Canvas Game
  • Canvas
• The F2E - 前端修練精神時光屋 - Week8 - Parallax Scrolling
  • Jade、Sass、ES6、PostCSS、gulp、jQuery、Gsap、Scrollmagic
• The F2E - 前端修練精神時光屋 - Week 9 - Skill Tree
  • React、Redux、Bootstrap4、Webpack3、Jest、Sass、ESlint、ES6、React-Router-v4、PostCSS
• Eden Liu - The F2E 完賽證明
• 電商網站-前台
  • Vue、Vuex、Vue Router、Bootstrap 4、Sass、PostCSS、ESLint、ES6/7
• 電商網站-後台
  • Vue、Vue Router、Bootstrap 4、Sass、PostCSS、ES6/7
  • 測試帳號：[e-mail]
  • 測試密碼：rg3jqRmnZsJe62y
• 高雄旅遊資訊網
  • Vue、Vuex、Bootstrap 4、Sass、PostCSS、ESLint、ES6/7

Todo List

• todolist-js
  • HTML、CSS、JavaScript、LocalStorage
• todolist-vue   - HTML、CSS、JavaScript、Bootstrap、vue
• todolist-react-and-redux
  • HTML、CSS、React、Redux、Redux-Thunk、ReactCSSTransitionGroup

Google Chrome Extension

• chrome-extension-byebyefb
  • HTML、CSS、JavaScript、babel、bower、gulp
• chrome-extension-beautytab
  • HTML、CSS、JavaScript、babel、bower、gulp

Dynamic Web Application

• Node搭建登陸與註冊應用程式
  • Node.js、Ejs、Passport、MongoDB
  • Deploy Env：Heroku
  • 註：free service會有ap sleep的情形，請耐心等待response
• Node與React搭建登陸與註冊應用程式
  • Node.js (Koa 2)、Ejs、React、antd、MySQL
  • Deploy Env：Heroku
  • 註：free service會有ap sleep的情形，請耐心等待response
• Node與React搭建論壇網站
  • Node.js、Ejs、React、Redux、React-Router、JWT token、WebSocket、Redis、MongoDB
  • Deploy Env：AWS EC2 (Ubuntu 16.04)、Nginx、Redis、Node、pm2

企業內訓簡報

• 來來來，都打包，我們包好包滿：Webpack
  • Sample：高雄旅遊資訊網：JavaScript(ES6/ES7)、SASS、jQuery、bootstrap 3.3.7
• 親愛的，我把CSS模組化了：SASS/Compass
  • Sample：BMI Calculator：Pug + SASS + bootstrap 3.3.7 + React + Redux + LocalStorage + eslint
• 網頁前端也可以自動化到嫑嫑的？gulp ‧ 任務管理器
  • Sample：gulp-demo-project
• 零基礎的HTML/CSS網頁設計入門(上)
• 零基礎的HTML/CSS網頁設計入門(下)
• Angular 初體驗

證照

• TQC Flash CS3
• TQC Photoshop CS3
• MCTS
  • .NET Framework 4, Data Access
  • .NET Framework 4, Web Applications
  • SQL Server 2008, Implementation and Maintenance
  • SQL Server 2008, Database Development
• Oracle 10g OCE、OCA DBA
• OCPJP、OCPWCD

下載點：

• MCTS程式與資料庫證照
• Oracle與Java證照與原廠授課證明

自我介紹

• 7+ years 以上程式相關工作經驗
• 從後端墜入前端的全端工程師，為求更多的面向來解決與優化各項問題
• 從大學實現專題"教師預先排課系統"後，便對程式產生熱愛，往往實現一個小小功能程式而徹夜不眠，就為取得那滴點的成就感
• 熱衷於嘗試、專研與分享各項程式語言與相關技術：Visual Basic、C#、Java、Shell Script、HTML5/CSS3、JavaScript 到 Node.js，從中不斷累積多元技術與順應趨勢，以求最高的問題分析、改善與用戶體驗的處理能力
• 熱愛 TDD 模式與 E2E Testing，沒寫測試就上線的軟體，就像是沒穿衣服就上街一樣
• 對 DevOps 的文化與相關自動化流程工具情有獨鍾，所謂以懶人為最高原則，一道程序要做兩次就會想盡辦法讓它自動化
• 嚮往 Agile 與 Scrum 開發團隊精神與態度，也持續自我學習整個敏捷系統的理論及運作，包括極限程式設計 (eXtreme Programming，XP)、精實 (Lean) 和看板 (Kanban)，使之與 DevOps 搭配，真正達到開發維運融一體．敏捷高效自動化

未來展望

• 今天要比昨天的自己還要強還要進步，持續學習是現在近代世界中知識和科技急劇發展的適應態度與精神，藉以開展個人潛能，進而促進自我知能的實現，用來創造、改善與影響周遭環境與社會
• 希望 JavaScript 能一統前後端江湖，好要再更好，持續關注與精進該項技能是穩固根基的不二法門
• React 是近代 Web 前端框架的主流之一，實現 Reactive Programming 原則讓我們能在資料邏輯層面更為完整，並透過 Redux 框架的限制與約束，保證所有人按照一個有紀律有規矩的方式去完成任務。將會再持續關注與學習，下一階段會一探究竟 React Native、React VR 等相關提倡 “Learning Once，Write Anything” 的精神並不斷學習
• 網頁視覺化設計：Canvas、動畫、D3.js 與 Three.js，藉以提供用戶更好的視覺感官體驗
• 不怕所學的技術面臨淘汰，只要打好基礎，並培養起終身學習的態度，就不會被資訊科技洪流所淹沒
• 持續關注 UI/UX 的設計理念與溝通法則，使自己能以更多面向來打動客戶與符合期待的設計