施恆益 (Hengyi Shih)

• Birthday : 1989/03/25
• Education : 國立臺北科技大學研究所 - 土木防災所
• Personal Website : https://github.com/hamilton25x
• Location : 彰化縣
• E-Mail : hamilton25x@hotmail.com

技能

HTML / CSS (Pug / Sass)

• 瞭解 HTML 語意。
• 瞭解 BEM 命名規範。
• 熟悉 Flex 與 Grid Layout。
• 會使用 CSS 做出網頁排版與 RWD 響應式設計。
• 會使用 Pug 模版語言。
• 會使用 Sass 有效管理 CSS。

JavaScript / jQuery

• 對 JavaScript / jQuery 有基礎的了解。
• 會使用 AJAX 抓取第三方 API 資料呈現於網頁上。
• 會套用 jQuery plugin 於網頁上。

Bootstrap

• 會使用 Bootstrap 做出網頁排版與 RWD 響應式設計。
• 會使用 Bootstrap 結合 Sass 編譯去自訂元件。

Gulp

• 能將 Pug 自動編譯為 HTML。
• 能將 Sass 自動編譯為 CSS。
• 能自動加入瀏覽器前綴到 CSS 屬性。
• 能使瀏覽器自動重新整理。
• 能打包壓縮 HTML、CSS、JavaScript 與圖片。

Git / GitHub

• 對 Git 版本控制有基礎的了解，能夠抓取遠端資料庫到本機進行作業、創建分支、合併分支與推送到遠端資料庫。
• 會使用 GitHub Pages 建立一個靜態網頁。

作品

Bootstrap、Pug、Sass、Gulp、AJAX

旅遊資訊網 - https://github.com/hamilton25x/travelinfo

• 使用 Pug 模版語言，建置多頁式網頁，並匯入 JSON 資料。
• 使用 Pug 條件式、迴圈、繼承性及匯入功能。
• 運用 Bootstrap 做出 RWD 並結合 Sass 編譯去自訂設計。
• CSS 3D 卡牌翻轉效果、滾動觸發動畫、輪播、口風琴、Lightbox 燈箱效果。
• Gulp 編譯及打包。
• Node.js 套件透過 AJAX 串接 JSON 資料。
• jQuery 判斷 select 指定值，並跑迴圈將符合條件之資料呈現於網頁上。

手刻RWD

健康膳食網頁 - https://github.com/hamilton25x/heifood

• RWD (Float Layout)。
• 運用 Animate.css。
• 運用 jQuery 套件 Waypoints。

jQuery AJAX 串接資料

高雄市政府文化局演出活動 - https://github.com/hamilton25x/activity

• jQuery 透過 AJAX 方式串接 JSON 資料。
• JavaScript 判斷免費資訊並呈現於網頁。
• RWD (Grid Layout)。

衛生福利部食品藥物管理署新聞 - https://github.com/hamilton25x/news

• jQuery 透過 AJAX 方式串接 JSON 資料。
• Vue.js 屬性綁定。
• RWD (Grid Layout)。

自我介紹

• 喜歡嘗試新技術，不希望侷限在自己目前所會的技術裡，期望自己每天都在進步。
• 希望成為出色的工程師。