蔡宗驊

Front-end Engineer

自 2022 年開始學習前端技術,今年 9 月正式從緯育前端工程師養成班結業,培訓過程曾帶領 5 人在一個多月的時間,使用 Vue 開發一個有串後端資料 CRUD、RWD切版、包含後台管理系統的 SPA 網站。

擅長使用前端技術:Vue.js / Sass / RWD / jQuery / Bootstrap,後端技術曾使用 php 自己開 API。


  Taipei, Taiwan     GitHub      [email protected]

Project

鮮食空投箱 Fresh Drop 網站

鮮食空投箱是一個虛擬的鮮食訂購平台。使用者可以加入購物車、購買禮物卡,查看訂單,也可瀏覽商品詳細資訊 我在團隊中擔任 leader,還有負責會員中心和結帳頁面和其相關功能。

  • Vue CLI 進行開發與打包
  • 運用 Vuex 狀態管理來開發購物車功能
  • 用 Vue components 編寫可重複使用以及彈性的頁碼組件,供團隊成員使用
  • 導入 Google 第三方登入
  • Axios 發送 API 請求
  • 使用 php 撰寫自己規劃的 API 規格將資料提供給前端
  • 運用 Scss @extend 功能來擴充元件樣式,以 OOCSS 命名規範讓組員套用樣式,增加團隊開發效率 
  • 使用技術:Vue / Scss / Axios / php / MySQL / Bootstrap / RWD / Git

  Github      Demo

ASTER-Select 餐具選品店網站

  • 在緯育培訓的個人專題驗收時,因 UI 設計、互動效果與功能兼具,被同學和老師評為最佳網站
  • localStorage 製作購物車功能
  • 使用 Observation API 來監看元素的 className 變化,來達成理想中的 scroll spy 效果(在 About 頁面)
  • 使用技術:HTML / Scss / Javascript / jQuery / RWD / Git

  Github      Demo

技能

前端


  • HTML
  • CSS
  • Javascript ES6+
  • Vue.js
  • 串接 API (Ajax / Axios / fetch)
  • Sass 
  • jQuery
  • Bootstrap 5
  • RWD 網頁設計 

後端


  • php
  • MySQL

其他


  • Git 版本控制
  • Figma
  • Linux 指令

ABOUT ME


團隊開發經驗

  • 在緯育培訓製作團體專題的期間,擔任團隊 Leader 一職。
  • 識別團隊共同會遇到的功能或問題,例如:輪播套件、php 撈資料,主動提早研究並協助組員了解,減少每個人的研究時間。
  • 了解每個組員工作進度,彈性工作 loading,例如:為了確保第一次驗收的完成度,我主動提出將首頁各個區塊組件化,並分配給目前進度較快的組員,最後帶領團隊準時達成驗收標準。
  • 善於使用圖文形式和別人溝通,例如:我曾使用不同顏色的框線解釋網頁元素之間的關係,讓組員了解某一個滾動監聽的互動效果並成功製作出來。

我的優勢

  • 我具備中等英文讀寫能力,能閱讀原文文件,曾閱讀 vue-firebase 和 vue-carousel 原文文件,並在 side project 中導入 Google 登入,以及協助團體專題的組員使用 vue-carousel。

  • 能使用 figma 來繪製網頁的 wireframe 和 mockup,也使用過 php 來下 SQL 指令並回傳結過給前端,所以我能夠與設計師和後端工程師有效溝通和協作。

  • 過去在服裝設計產業的薰陶下,讓我具備良好的設計感,對用戶體驗的細節有深刻的感受力,在緯育培訓期間製作的個人專題,因 UI 設計、互動效果與功能兼具,被評為最佳網站 (ASTER-Select 餐具選品網站)。

  • 平常就有累積每項工作所需的時間數據,並思考如何提高自己的工作效率。

  • 我在學習程式初期接觸 Clean Code 的程式碼風格,養成編寫乾淨易懂的程式碼的習慣,有助於團隊協作和代碼的可讀性。

工作經歷

打版師  •  久晴服飾有限公司

四月 2022 - 四月 2023

打版師  •  辰璞服裝有限公司

四月 2019 - 四月 2021

學歷

實踐大學(Shih Chien University)

服裝設計系

2012 - 2016

Powered By CakeResume