廖耕賢  Ricky 

一名初踏入前端領域的開發者,熟悉 HTML 架構及 CSS 屬性,了解導入 Bootstrap 快速建構網頁並客製化元件,以及如何使用 Fetch 及 axios 串接外部資料。

 GitHub / Notion 學習筆記

 [email protected]  New Taipei City, Taiwan

在以往的工作經驗中,將每日例行的報表運用 excel 撰寫公式將產出時間縮短超過 75% ,並不斷優化以利同仁們也能夠簡單操作甚至自行擴充分析其他面向的資料,接觸程式後發現兩者概念雷同,品質好的程式碼也需具備精準的架構、易懂的說明及擴增功能時的空間和彈性。

前端開發的特性使得 coding 結果能即時顯示在畫面上,設立階段目標並達成時的成就感促使我不斷前進;學習的過程中常碰到許多意想不到的問題,但總能在豐富的網路資源及熱情的技術社群中得到解答,我也對接觸每種不同的解決方式感到樂此不疲,認為每一次嘗試都是成長的養份。

熟悉前端三本柱後,目前正積極學習 Vue.js 等前端框架,以期精進自己的前端技術。

核心


  • HTML5
  • CSS3
  • JavaScript
  • API 串接
  • Vue.js ( 學習中 )

延伸


  • Bootstrap
  • Sass / SCSS 預處理器
  • RWD 響應式網頁設計
  • gulp 前端自動化工具
  • 具備 Git 版控概念
  • 使用 GitHub Pages 部署靜態網頁

切版作品 : PETPET 寵物服務網

1. HTML / CSS

2. 運用 SCSS 管理 CSS 程式碼

3. 導入 Bootstrap 元件及格線系統並依照設計稿客製化

4. 使用下列套件實作簡易網頁互動效果

    - animate.css : 游標移入卡片及下滑按鈕時套用飄浮效果

    - Swiper.js : 首頁輪播套件

    - AOS : 視差滾動效果,當捲軸滾至區塊最上方時觸發,                     讓內容以指定方式進場

    - jQuery : 點擊按鈕移至指定高度及捲軸超過導覽列高度                          時加上陰影等功能

5. RWD 響應式網頁

    - 上方導覽列於手機版時切換為漢堡選單

    - 卡片於手機版時由三張一列變為一張一列,讓使用者           更好閱讀

點我DEMO  |  程式碼連結

JavaScript作品 : PETPET 寵物認領養平台

1. HTML / CSS / JavaScript

2. 串接政府開放動物認領養 API

3. 能以單一條件 / 多條件篩選

4. 清單 / 圖卡介面切換

5. 運用 AJAX 串接 RESTful API 渲染詳細資訊

6. 利用分頁器將資料分批渲染

點我DEMO  |  程式碼連結

前端學習歷程

切版直播班

六角學院  •  月 2020 - 一月 2021

- HTML / CSS 切版

- 使用 Bootstrap 快速建置網頁

- Sass / SCSS 等預處理器

- RWD 響應式網頁

- CSS 簡易動畫效果

        

 

      

JavaScript 直播班

六角學院  •  月 2020 - 四月 2021

- 操控 DOM / 掛上監聽及觸發事件 

- AJAX 動態載入網頁

- 使用 Fetch 或 axios 串接 API

- 使用 GULP 自動化整合開發專案所需套件

        

 

       

Vue 實戰影音課程

六角學院  •  月 2021 -

- Vue.js 框架應用(學習中)

        


 

工作經歷

通路行銷 / 行銷部資訊工讀生

源興行銷股份有限公司(維他露集團)  •  五月 2019 - 九月 2020

- 將通路面銷 / 產品陳列 / 品牌促銷等產品曝光活動的效益以報表形式計算呈現
- 跨部門溝通,參與活動發想與執行
- 品牌 Line 官方帳號建置、經營,首周即達到兩千追蹤
- 品牌社群活動推播 / 處理消費者反饋及觀察消費者體驗狀況
- 現場品牌推廣(大都會公園寶可夢官方活動)

業務助理

商德實業有限公司  •  十一月 2017 - 二月 2019

主營電子天秤製造及修配
工作內容 :
- 處理及追蹤客戶訂單
- 協助出貨相關事宜
- 保持與客戶之聯繫,回覆email、確認交貨期
- 即時應對客戶要求及產品問題
- 協助處理其他交辦事項
- 輔助現場裝機及校準天秤

學歷

2012 - 2016

銘傳大學

應用統計資訊學系

2009 - 2012

板橋高中

普通科

Powered by CakeResumePowered by CakeResume