蔡富鈞


Hi!我是蔡富鈞,於 赫姆斯策略行銷有限公司擔任前端工程師一職,主要是根據客戶需求單獨立完成響應式網頁切版,並且符合 SEO 搜尋引擎最佳化。

非相關背景出生,在軟體技術上發現更多可能性,決定投入時間與精力,2020年於資策會前端工程師養成班結訓,持續精進自己至今。

網頁版履歷: https://fujun-tsai.github.io/resume/

作品集


Vue技術開發電商平台

使用 Vue3 開發簡單電商 透過六角學院提供的資料庫API 實作電商平台

  • Vue cli 專案開發
  • Vue router 路由表建立
  • compute watch 建立 search bar 與搜尋欄位
  • Axios 串接後端資料,env api 環境設定
  • veevalidate 來建立購買者訂單,並傳送到後台來管理前台的商品列表

連結:https://fujun-tsai.github.io/obj-vue/#/wants


任天堂遊戲評測

將自己喜歡的東西整理架在Github Pages上,使用Vue3 框架開發,資料庫透過Google Sheet 建立,使用 Axios 取得資料,渲染在畫面上。

  • 在 Vue 的生命週期的 Created 中透過 Axios 取得資料並整理
  • 使用 Bootstrap5 排版工具完成 RWD
  • 使用 Vue Cli 開立專案並且打包
  • 使用 Vue Router 完成動態路由

連結:https://fujun-tsai.github.io/nintengo-game-list/#/about

技能


前端技術

  • 使用 HTML + CSS 完成網頁切版
  • 使用 JavaScript 撰寫功能
  • 使用 SASS 快速開發 css
  • 使用 Vue 快速開發專案
  • 使用 Bootstrap (v5) 快速開發響應式網頁


額外技術

  • 在 PHP 使用 PDO 連接資料庫
  • 在 Mysql 操作資料庫
  • 使用 git 版本控管

工作經歷


二月 2021 - Present

前端工程師

- 赫姆斯策略行銷

擔任前端工程師 , 主要是根據與客戶談妥的設計規格書,開發出符合需求的網頁。
平均每月替公司處理新案件數 20件

1. 網頁前端使用 Bootstrap(v5) 作為RWD的基礎。
2. 輪播、圖片檢視等效果引入 JavaScript Library 提高開發效率。
3. SEO搜尋優化使用 meta 標籤及 Sitemap。