鄔騏鴻 | ZANGWANG

喜歡技術與創意挑戰,擁有豐富的訪談與團隊協作經驗,善於從整體專案思考細部實作,欣賞具啟發性的介面互動。期許自己運用網頁應用創造富有價值的產品。

[email protected]    台北      專案作品|portfolio.zangwang.tw

技能

前端

  • 熟悉 HTML 語意化標籤
  • 使用 ejs / handlebars 模版樣式引擎
  • CSS 自適應網頁設計 (RWD) Flexbox, Grid
  • 使用 Bootstrap / TailWind 等 UI 框架,運用 Sass 撰寫維護性佳 CSS,Webpack 前端打包工具
  • 熟悉 JavaScript ES6 語言特性,使用 JSDoc
  • React, Redux 與 Styled-components 協作開發專案
  • Vue 與 Nuxt 開發個人專案

後端

  • PHP / Apache 開發經驗
  • Node.js / Express 開發個人與協作專案
  • RESTful API 設計,使用 Postman 測試
  • Sequelize 操作 MySQL 資料庫,SQL Injection 防護
  • Docker 容器化使用經驗
  • GCP App Engine / Netlify / Heroku 部署經驗

設計


  • Adobe XD / Figma 元件設計
  • Framer 互動原型
  • After Effect 動畫製作
  • Zeplin 設計溝通

網路


  • HTTP / HTTPS
  • Cookie / Session / Token 應用
  • XSS / CSRF  資安觀念
  • Socket 開發經驗

開發


  • Git / GitHub 版本控制
  • Trello / ClickUp 流程控管
  • Travis CI 測試經驗

專案


想像朋友寫作會

#React #Redux #Node.js

5 人團隊協作的網站應用,負責文件標註留言功能的全端邏輯與 UI 設計定稿。使用 Quill.js 嵌入 React 客製語句高亮效果與資料儲存。

REPO

Podcast 留言板

#JavaScript #PHP #MySQL

含會員註冊登入系統,管理員權限控制系統。增加網站安全性,防止 XSS, SQL Injection, 會員密碼經過 hash 處理,部署於 Heroku。

DEMO | REPO

Twitch 復刻

#AJAX #CSS 

串接 Legacy Twitch API v5 重製 Twitch 首頁,製作 3D 轉動效果的 Carousel 與縮圖 hover 增厚突起效果。

DEMO | REPO


工作經歷

學生

Lidemy 程式導師實驗計畫第四期  •  六月 2020 - 二月 2021

個人作品集網站  DEMO | REPO
#Nuxt.js #TailWind #Netlify CMS
使用 Nuxt.js 與 Netlify CMS 製作,匯集個人專案作品。

• 呼哩 LineBot REPO
#LineAPI  #Airtable  #Express
LineBot + Airtable 製作程式面試問題的聊天機器人

• TodoFun 抽好玩的事 DEMO | REPO
#React  #Framer Motion  #PWA
使用 Dexie.js 操作 IndexDB,Framer Motion 製作動態效果,Figma 與 Framer 設計 UI 介面

• 經篩選後錄取第四期學生資格*

學生

ALPHA CAMP 學期一至學期四  •  七月 2019 - 四月 2020

• Twitter 復刻 DEMOREPO
#Node.js  #MySQL  #SocketIO 
3 人團隊協作,負責切版、Socket IO 聊天室功能與後端 Sequelize 資料庫操作

ARG 另類實境遊戲製作人

第十屆金音創作獎  •  二月 2019 - 十一月 2019

• 架設遊戲用 Wordpress 部落格,研究 Wordpress 套件製作解迷關卡

後期製作

目宿媒體股份有限公司  •  十一月 2018 - 十一月 2019

• 官方網站專案管理 DEMO
設計網站風格、彙整素材,製作網站架構,統整內部意見與委託商溝通製作調整與時程控管

影像自由工作者

張妄影像  •  一月 2013 - 十一月 2019
• 2017 UXabc UX / UI 設計課程 | 導演、攝影、燈光、剪輯、調光
• 2017 A/DA 阿達《我說寶貝》feat. Lulu 黃路梓茵 | 剪輯、動畫、特效
• 2015 台北電影獎最佳紀錄片 《他們在島嶼寫作II—如歌的行版》動畫導演

學歷

國立雲林科技大學

數位媒體設計學系  •  2011 - 2013