Profile 03 00@2x

邱繼緯

在求學期間因設計過心理學的圖形界面程式,而後輾轉對網頁前端有興趣,認為都是透過圖形界面來完成某項需求。我希望能加入一個團隊,以前端工程師的身份共同完成一次次的專案,滿足使用者的需求

前端工程師
[email protected]

技能


前端框架

  • 使用 Vue CLI 快速建立專案
  • 使用 Vue Router 完成 SPA 網站
  • 使用 Vuex 管理共用資料及多人協作
  • 使用 Nuxt 開發 SSR 網站以符合 SEO 需求 


JavaScript

  • 瞭解 ES6+ 語法以提昇 Coding 效率。例如 async-await, arrow function
  • 瞭解 AJAX 請求與更新資料、API 串接,並使用 Axios 管理
  • 瞭解第三方套件使用。例如 moment


前端排版

  • 熟悉 HTML 語義標籤使用情境
  • 瞭解 CSS 屬性以優化界面
  • 熟悉 RWD 原理與布局配置
  • 使用 SCSS 促進開發效率
  • 瞭解 BS4 與使用元件建構畫面


輔助工具

  • 瞭解 Git 版控原理與流程
  • 瞭解 Github、Bitbucket 使用
  • 瞭解 Node/NPM 配置流程
  • 瞭解 Gulp 建構工具配置
  • 瞭解 Eslint, Prettier 維護品質
  • 瞭解 Swagger、Postman 使用 


合作習慣 

  • 進入專案時,會去理解網站的用途與使用者,以便帶入使用情境
  • 被指派票後,會先理解操作流程、預期效果為何
  • 做完票後,會條列做完的子項目,以及標記哪些已完成、哪些需要幫忙



工作經歷

外包接案, 前端工程師, Aug 2020 ~ June 2021

負責專案
  • 電商系統的前台、後台 ERP 的新功能開發,與客製化 Windows Electron 桌面軟體維護
技術
  • 使用前端框架生態系,讓專案模組化方便管理:Vue、Vue Cli、Vue Router、Vuex
  • 使用 Vue 生態系元件框架,方便快速搭建專案與統一視覺:Vuetify、Ant Design Vue
  • 串接傳統 Rest API、以及 Odata API,並用 Axios 管理

外包接案, 前端工程師, Oct 2019 ~ Jan 2020

負責專案 

  • 多頁面形象官網,包含切版、動畫與互動效果、串接部落格文章
  • 多頁面問卷,包含輸入驗證、資料格式處理、串接後端 API 

技術 

  • 使用 BS4、SCSS 處理 CSS、加入互動效果
  • 使用 Vue 前端框架
  • 使用 Gulp、Webpack 建構工具

六角學院, 線上課程切版助教, Mar 2019 ~ May 2019

  • 回覆前端線上課程學員的提問。課程內容涵蓋 HTML、CSS、RWD、jQuery、Bootstrap。每週回覆約 50 個課程學員提問

專案


Paragraph image 01 00@2x

CarePod

CarePod 是一個關於寵物運送服務的形象官網。該網站旨在提供使用者了解 CarePod 的服務項目、優勢。並提供問卷服務,讓使用者評估自己的寶貝寵物是否適合使用 CarePod 服務。使用技術如下:

  • 前端框架:Vue
  • 視覺畫面:SCSS, Bootstrap4
  • 動畫效果:CSS Animation, CSS Keyframe, Animate.css 
  • 建構工具:Gulp, Webpack
  • 其他套件:Swiper.js, Smooth-scroll

Paragraph image 01 00@2x

PsyStore

PsyStore 是一個提供心理學知識的電商網站。對使用者來說,PsyStore 提供了加入購物車、結帳、將課程加入我的最愛等選購功能。也提供了訂單方便查看購買記錄,以及提供酷碰券折扣。對管理員來說,提供了商品維護、訂單維護、以及酷朋券維護功能。使用技術如下:

  • 前端框架:Vue, Vue CLI, Vue Router, Vuex
  • 視覺畫面:Bootstrap4、SCSS

Paragraph image 01 00@2x

HowHouse

HowHouse,最優質的訂房網站。對使用者來說,HowHouse 提供了房間列表、房間細節,以及可以訂房間的時間。挑選房型完,就能進行結帳作業。使用技術如下:
  • 前端框架:Vue, Nuxt
  • 視覺畫面:SCSS, Tailwind
  • 其他套件:vuex-map-fields, vue2-datepicker


社群參與

第 11 屆 IT 邦幫忙鐵人賽 - 佳作

試著把切版專案升級到 gulp4.0 吧系列

現代前端與過去網頁開發最大的改變之一,就是前端工程化:像是追求一鍵完成圖片壓縮、開發中監控檔案改變並自動更新頁面…等自動化流程。而 gulp 在前端工程化的潮流中也(曾)扮演著重要角色。本系列文將嘗試把筆者過去的切版專案更新至 gulp 4.0,以便梳理過去對 gulp 的理解不足之處、與瞭解 gulp 4.0 的改變。


網址:https://ithelp.ithome.com.tw/2020ironman/reward

Paragraph image 00 00@2x

2021 Material Design 正體中文版翻譯

〈了解排版〉文章

Material 是 Google 為了幫助團隊在 Android、iOS、Flutter、以及網頁,建立優良數據體驗而創建的設計系統。Material Design 文字量表為標題、正文和說明等所有內容提供 13 種字體樣式。每種樣式在介面內都有明確的含義和預期的用途。了解字體排版,就能更好地傳遞出資訊層次結構與品牌形象。


網址:https://material-design.hexschool.io/typography/understandingTypography.html

Paragraph image 00 00@2x

學經歷

替代役, 社會替代役, 2017 ~ 2018

輔仁大學, 碩士學位, 認知心理學, 2014 ~ 2017

高雄醫學大學, 學士學位, 心理學, 2010 ~ 2014


Powered by CakeResumePowered by CakeResume