張柏崧 (Boison Chang)

前端工程師,畢業於國立台灣大學機電系及國際企業所。工科背景出身但前幾份工作碰過行銷及商務,具備充足的溝通能力。經過幾段工作經驗後確定對技術的熱情,決心投入技術領域。身為一位開發者,專注在確實瞭解團隊的 Coding Style 後寫好每一行程式碼,並釐清被交付的需求後與團隊協作完成任務。

前端工程師 Front-End Developer 
高雄人,現居 Taipei, TW 

+886-988753839 ; [email protected]

Skills(專注在前端語言/開發,主要使用 Vue.js 3.0 框架涉略一點後端以和後端工程師協作開發)


前端語言


前端框架 / 開發

  • 主要:Vue3, Vue2, Vuex, Nuxt.js
    • 目前工作中最常使用之框架,搭配 Laravel 框架使用快速開發。
  • 次要:React / Function Component 
    • 使用 Function Component,確實掌握 JS 中 Classes 的概念所以瞭解其使用邏輯。
    • Redux


其他

  • PHP (Laravel) / SQL / MySQL
  • Git (Git Flow / GitHub Flow)
  • API 
  • Bootstrap5(快速開發用)
  • Gulp
  • Docker (操作部署本地端環境)

Work Experience

JGB Smart Property 地產科技平台, Junior Front-end Engineer, April 2021 ~ June 2021

JGB 榮獲 2021 Computex 最高榮譽金獎。工作上主要用 Vue2 和 Vue3 結合後端 Larvel 切出新官網其中一部份,並實現部分網站內部租賃管理功能。

  • Vue :在前端實現資料排序;根據使用者名稱、出生日期、角色狀態排序。
  • Vuex :運用 Vuex 內存資料寫出複製建立新完整物件功能。
  • JavaScript:實現彈窗展示使用者資料並且能夠複製資料。
  • Tailwind :結合 Vue 之 Props 快速切出桌機/手機版官方形象網頁。

Sulnyqyd1c0gvyynklgr

程式導師實驗計畫 mentored by Huli, 學徒轉職, May 2020 ~ April 2021

完成 程式導師實驗計畫 以成為獨當一面的 Front-end software engineer 為目標,完整學習前端技能樹,瞭解前端工具底層邏輯,具備解決問題的能力。

  1. 品牌官網 FAQ 頁面專案:實作 RWD 以及運用 JS 處理 FAQ 頁面動態縮放之功能。(如連結) 
  2. Twitch Top 榜頁面專案:用 JS 串接 Twitch API,將即時排行榜結果動態渲染在頁面。(如連結)
  3. 部落格專案: 簡單部落格,用 PHP/SQL 傳資料到頁面讓文章內容可上傳、編輯,和刪除。(如連結)
  4. 留言板專案:有管理頁面可將用戶停權/管理員,用 PHP 搭配 SQL 指令將資料儲存在 DB,並且針對資訊安全做強化,將密碼做 hash 處理,也針對 SQL Injection 和 XSS 等惡意攻擊做防禦。(如連結)
  5. 留言板專案 (Plugin 版):用 Webpack 把所有功能打包成一可重複使用的留言板插件功能。(如連結)

運用所學的前後端概念,在 24 週進度完成 24 個獨立小專案。(如上

Sulnyqyd1c0gvyynklgr

台新銀行 (Richart App), PM 儲備幹部, Apr 2019 ~ Oct 2019

  1. 在時程內交付市場調查結果,並且針對市場需求提案功能。 
  2. 參與過完整 4次 Sprint 流程,與工程師溝通進行產品測試。

瞭解工程師與 PM 溝通的完整邏輯,且參與一數位產品(App 全台使用人約 90 萬人)的迭代進程,並且完整跑完多次敏捷開發流程(Sprint Cycle)。

Efevr2ccumjox5swcy2p
Hahow 好學校, Outside PM (Project Manager), Jan 2018 ~ Apr 2019
  • 負責籌組團隊和課程內容流程設計,在全台最大的線上課程平台推出後,連續兩年蟬聯同類產品(英文線上課程)購買量第一。
Sn5kwreddzlrdqo9hkmv

學歷及工程專案經驗

國立台灣大學, 商學碩士 Master of Business Administration (MBA), 國際企業所, 2014-2017
國立台灣大學, 工程學士 Bachelor of Engineering (BEng), 生物產業機電工程學系, 2010-2014

✓ 擁有良好程式基礎 (C++)用 Python 架過網站,在畢業專題上運用 Arduino 開發版整合到電動車上,撰寫基本程式碼使其能透過電動車上 Sensor 感應到外界環境,去自動偵測到場地內的氣球並鎖定將其刺穿。
Dtcqrxsa1goe1h8hyhnn

切版作品:品牌形象頁 (link)

運用 Tailwind 實現靈活自適應版型,並且搭配 Vue 實現動態互動功能。

使用技術:Tailwind, Vue3
➤開發週期:一週內
Paragraph image 02 00@2x

JS 作品:待辦清單 (link)

撰寫 API 串接後台資料庫儲存資料,完整的 TodoList 功能。

  • 功能
    • 新增/刪除待辦事項 
    • 篩選未完成待辦事項
    • 標記待辦事項完成
    • 一次清除已完成待辦事項
    • 儲存/清空已儲存待辦清單
➤ 簡述:照 SPA 概念將所有頁面功能都在前端用 jQuery 處理,而「儲存」資料或「取出」資料時則用 AJAX 發 API 到後端寫 SQL 取得 DB 資料,PHP 處理後整包丟回前端。
使用技術:Git, jQuery, Bootstrap, PHP, MYSQL
➤開發週期:一週內 完成 100%連結
Paragraph image 02 00@2x

Soft Skills


  • 語言:工作可用英文溝通(TOEIC 835;曾與美、俄,及海地籍國際工作者共事工作過,大量以英文當面溝通。)