T6ygpojfhi2ezfc3zfqi

呂明峻

[email protected]  •  0975-262-651  •  臺北市

2018 年 8 月開始自學網頁前端技術。喜歡動手解決日常生活遇到的小問題,時不時會在部落格分享最近學到的東西。

技能


User Interface

  • Semantic HTML
  • CSS
    • Flexbox & Grid
    • Media queries
    • SCSS
    • BEM naming convention
  • PhotoShop

JavaScript

  • ES6+ syntax & features
  • React
  • Redux
  • React Native

Tools

  • Git
  • Webpack
  • Parcel
  • ESLint

作品


Profile 05 00@2x

App Landing Page

單純用 HTML、CSS、JavaScript 建立的一頁式靜態宣傳網頁。

  • 響應式網頁設計 (RWD),兼顧不同裝置的瀏覽體驗
  • 手刻版面,未使用 CSS 框架
  • 使用原生 JavaScript 操作 DOM,達到 jQuery-free
  • 藉由 Intersection Observer API 模擬 lazy-loading 的效果

Profile 05 00@2x

HowsWeather

使用 React 建立的 web app。透過串接第三方天氣資訊 API,供使用者查詢臺灣各行政區天氣。

  • 響應式網頁設計 (RWD)
  • 以 React Router 打造 SPA 不換頁重整的良好體驗
  • 支援定位功能(使用 Geolocation API 取得地理位置)
  • 以 serverless Lambda Function 充當 proxy,解決 CORS 跨域問題,同時避免 API 金鑰暴露

Profile 05 00@2x

Savebox App

使用 React Native 建立的記帳 app,除提供基本的 CRUD 操作外,使用者還能到統計頁面檢視各類別的收支狀況。目前開放 iOS 使用者透過 TestFlight 下載測試版 app。

  • 使用 Redux 管理 global state
  • 使用 React Navigation 處理換頁與底部導覽功能
  • 支援掃描電子發票 QR code,成功偵測條碼後 app 會自動帶入金額、日期等資訊

語文能力

  • TOEIC 多益測驗 - 925 分
    2019/5/26

社群參與

  • F2E & RGBA Meetup 六月號 2019
  • F2E & RGBA Meetup-light 五月號 2019

學經歷

2017 - 2018 
專任研究助理 - 國立陽明大學公共衛生研究所

  • 負責科技部研究計畫的問卷施測收案
  • 與同事共同制定、撰寫收案流程 SOP 文件

2011 - 2015 
教育心理與諮商學系 - 國立新竹教育大學

  • 2015 透過 Coursera 自學 Python
  • 2012 起擔任計網中心工讀生,協助宿舍網路簡易問題排除、電腦維修等