黃雅楨 (Ya-Chen Huang)

Front-End Developer


  https://github.com/yachen168    [email protected]   https://yachen168.github.io/

  技能

HTML | CSS


  • RWD 
  • Sass
  • 語意化標籤

JavaScript | Vue.js | React.js


  • RESTful API 串接
  • Vue / Vuex
  • React  / Redux
  • Webpack 打包工具

Others


  • 使用 Git 版本控制
  • Git flow
  • Jest 單元測試經驗

工作經歷

Meshub • 前端工程師  2021/02- Present

1. 視訊會議系統
2. 直播網站
3. 數個後台管理平台
4. 電商後台爬蟲網站



好想工作室 • 自由工作者  2019/08 - 2020/01


政治大學 • 經濟系研究助理  2018/03 - 2018/07


政治大學 • 經濟系助教  2017/09 - 2018/01


美國打工旅遊 2014/06 - 2014/09

  Projects 

Node Map


客製化地圖,標示出客戶的所有據點座標,可以即時定位,且拖曳表格可以隨意調整地圖與表格在畫面上的比例,支援桌機 / 平板 / 手機。前端使用 React、Leaflet。


呷呼健康 


一款個人飲食營養規劃紀錄工具,會員可紀錄每餐營養攝取、飲水量與體重,並可透過圖表檢視每一週的飲食紀錄狀態與體重變化。與 2 位前端、1 位後端與 1 位設計師協作開發,前端使用 Vue。



GDG DevFest 


擔任台中 GDG DevFest  文宣組志工,負責部分版面切版,使用 SCSS,具 RWD。

   Side Projects 

匿名聊天室 


使用 React.js 開發的聊天室,可以自由選擇三種聊天模式,與聊天室內其他成員進行即時通訊。前後端皆使用 socket.io。

作品 Demo :
https://yachen-chatroom.herokuapp.com/


旅館預約服務 


使用 Vue CLI 開發的旅館預約服務平台,可即時查詢與預定未來 90 天內所有房型,具 RWD

作品 Demo :
https://yachen-hotel-reservation.herokuapp.com/

權限管理 


使用 Vue CLI 實作註冊、登入、登出、修改會員資訊與檔案上傳等功能,並以 Regular Expression 驗證資料格式。

作品 Demo :
https://yachen168.github.io/Vue-Authentication/

TodoList : Vanilla JS / jQuery / Vue.js / React.js


實作 Vanilla JS / jQuery / Vue.js / React.js 四種版本的 TodoList,其中 Vanilla JS 與 jQuery 版本使用 ES6 module 分離畫面邏輯與資料邏輯。 

作品 Demo :
https://yachen168.github.io/TodoList/

iT 邦鐵人賽


閱讀 W3C 與 MDN 並連續 30 天撰寫技術文章,主要內容為 CSS 排版原理,例如: box model、containing block、position、flex、line box、BFC ...等等。

線上連結 :
https://ithelp.ithome.com.tw/users/20120740/ironman/2632


技術分享 Talks  好想工作室

  • Vue3 / Composition API

      閱讀 Vue3 migration guide 與 Composition API ,並與專案夥伴們進行技術分享會

  • Chrome DevTools - Network

      主講 Chrome DevTools 文件中的 Network 章節。
        簡報連結https://hackmd.io/4bQ_xjN-Q4yhnDfbE_taPg?view

  • JS 閉包與範圍

      主講 忍者:javascript開發技巧探秘 書中的「閉包與範圍」章節。
       簡報連結https://hackmd.io/0yGh1XHcTlG7ZTCk32V88w?view

  • DOM 文件物件模型

      主講 忍者:javascript開發技巧探秘 書中的「文件物件模型」章節。
      簡報連結https://hackmd.io/8ZCzrmgLS-WlTfV9AEqRGQ

  • CSS 定格動畫

      手把手介紹如何用雪碧圖與 CSS timing-function 做出好玩的定格動畫 。
      簡報連結: https://hackmd.io/@BgmTjeQvQgWEeBGsE6qTww/SyIZWRyRH#/

  其它經歷 

志工、社群經歷


  • 好想工作室2019 / 08 - 2021 / 01
  • 台南 g0v 大松志工2019 / 12
  • 台中 GDG DevFest 志工2019 / 10

社團經歷


  • TMBA - 程式交易組
  • 證券研習社
  • 網球社

學歷


國立政治大學經濟學碩士・2016 / 09 - 2018 / 06

Powered by CakeResumePowered by CakeResume