張柏崧 (Boison Chang)

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

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

+886-988753839
[email protected]

Skills(專注在前端語言/開發涉略後端幫助與後端工程師協作開發)


前端語言

  • HTML5 
  • CSS3 / SCSS (實際用 SCSS 改寫過 CSS 檔案如連結)
  • JavaScript (Follow ESLint 配置原則,並且確實瞭解 JSHoistingEvent Loop 作用域概念如連結 )
    • ES6 
      • 多次在專案中用過,解構賦值、箭頭函式、Classes 及 this (如連結) 等。
    • jQuery 
      • 很多人使用的一套 JS Library,熟悉基本使用語法,使用其 AJAX  語法串 API(如連結),並且運用實作留言板 Plugin 專案上(如連結)


前端開發

  • React 生態
    • React / Function Component: 
      • 實際用其寫過 TodoList 較常使用,主要的 hook  (useEffect, useState 等) 都操作過熟悉功能。
    • React / Class Component:  
      • 較少使用但也操作過,確實掌握 JS 中 Classes 的概念所以瞭解其使用邏輯。
    • Redux(知道概念,較少使用)
    • Webpack 
      • 單獨使用 Webpack 打包過專案,其內建 Babel, SCSS, CSS 壓縮等功能。
    • Gulp(知道概念,較少使用)
    • Babel (知道概念,都搭配 Webpack 來用)
    • Unit Test(知道 TDD,用過)


其他

  • PHP / SQL / MySQL
    • 在撰寫所有需要處理資料的專案,如 Blog (如連結)、有管理員後台頁面的留言板(如連結)和 TodoList (如連結) 都是用 PHP 寫 SQL 指令搭配 MySQL 資料庫使用。也在後期的專案(如 TodoList) 中盡可能將前後端分離實現 SPA 概念。
  • Git (Git Flow / GitHub Flow)
    • 24 週每週共同專案在 CLI 上執行 Git 相關指令同步到 GitHub 上,而個人專案會用 Trunk Based
  • API (在 JS 上用 XMLHttpRequest 串接過 Twitch API 去寫出一個即時動態牆如連結。)
  • Node.js(都是在 CLI 上搭配使用。)
  • Bootstrap(沒有設計稿的情況下,為了快速開發都會使用 Bootstrap 再根據頁面希望呈現的效果去微調。)

作品 1:換書交友 (GitHub link)

打造線上圖書館讓每人的書櫃都納入線上館藏,借書交友
  • 已完成
    • 網頁切版
    • 上傳心得,書封
    • 註冊 / 登入功能
  • 正在開發
    • 留言功能 / 串接電子信功能
    • 會員借閱功能
➤ 簡述:嘗試遠端部署到 AWS EC2,用 PHP 處理使用者資料儲存到 DB切版上嘗試用 JS 讓使用者能夠上傳圖片/文字後同步儲存到 DB ,並格式化後渲染到前端頁面,團隊協作上皆用 GitHub 去控制版本。
使用技術:Git, AWS EC2, HTML / CSS / JS, ,Bootstrap, PHP, MYSQL, 工程團隊協作
➤ 開發週期:2020/02-03;完成度: 55% 

Paragraph image 02 00@2x

作品 2:待辦清單 (GitHub link)

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

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

學歷及工程專案經驗

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

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

Work Experience

程式導師實驗計畫 mentored by Huli, 學徒轉職, May 2020 ~ Jan 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 個獨立專案
此外也在實作後寫下共超過 30 篇以上超過五萬字的 百日轉職前端工程師 技術文。

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 ~ Mar 2019

  1. 研究課程產品之市場。
  2. 管理課程上架之時程。

作為公司合作之外部課程團隊 PM,控制成本在 8 萬內,最後 做出的線上課程產品 獲得市場大力買單,至今總營收破 250 萬,且為當時截至去年架上同類產品銷售第一。

Sn5kwreddzlrdqo9hkmv

Soft Skills


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