- 個人網站 : http://hsinny.studio
- GitHub：https://github.com/Hsinny
- E-mail : [email protected]
原為平面與網頁設計師，同時具有資訊科系背景，在視覺設計結合程式碼的世界中，獲得到更多的成就感，改朝前端開發的領域探索前進。目前專注在前端互動式網站開發，善用數據追蹤來觀察使用者行為，以數據分析來優化開發。
提升前端能力的渴望，促使我嘗試接觸各種不同的技術和工具，並應用在開發上，這就是為什麼稱自己為「A Hunger Driven Developer」，也渴望自身的能力能應用在效益更大的項目上。
| 前端 | |
|---|---|
| HTML5 | 使用適當並有利 SEO 優化的標籤來完成頁面架構 |
| CSS3 | 命名具語意化、了解權重、會用 CSS Grid & Flexbox 建立網站佈局、自動化加上前綴，兼容各瀏覽器 |
| Sass | 開發符合各裝置尺寸的網站建置、能不倚賴 CSS Framework 手刻 RWD、善用 Sass 中的功能 |
| Bootstrap4 | 使用框架快速開發響應式網頁 |
| jQuery | 設計網頁動態效果，或使用 CSS3 Animation |
| JavaScript | 使用基本語法撰寫功能 |
| Ajax | 透過 Open Data 串接 JSON 顯示資料到網頁上 |
| 介接第三方API | Google Map、Open Data 等等 |
| Git | 使用 Source Tree 進行版本控制 |
| 數據追蹤 | |
|---|---|
| mixpanel | 利用 JavaScript 透過第三方平台追蹤使用者行為 |
| Google Analytics | 埋追蹤碼，提供網站數據給行銷人員分析 |
| 設計工具 | |
|---|---|
| Photoshp | 切圖、網頁視覺繪製 |
| illustrator | icon 轉 web fonts、向量圖轉出 svg |
| Adobe XD | 基本操作、網頁版面繪製 |
1. 個人網站
- 撰寫 JavaScript 做出圖片隨機顯示的動態效果
- 撰寫 JavaScript 追蹤訪客來源與使用者行為，並將數據傳送至 mixpanel 第三方平台
- 使用 jQuery plugin 偵測頁面滾動行為
- 網站介面規劃與設計
- 自行購買網域與架站
2. 颱風防災資訊平台
- 使用 Ajax 串接 JSON 顯示資料
- 介接 Google Map API
- Table 響應式設計
- 網站介面規劃與設計
3. Todolist
- 利用 LocalStorage 儲存代辦事項
- 手刻 RWD
- 網站介面規劃與設計
- 撰寫 JavaScript 使用正規表示式，讓表單在瀏覽器端檢測，提升效率，節省伺服器資源
- 撰寫 JavaScript 讓表單提供訊息回饋，給予使用者回應
- 利用 sessionStorage 暫存 Ajax 回傳的資料
- 介接活動單位 API
- 網站介面規劃與設計
5. 產品列表
- 撰寫 JavaScript 做出互動性懸停效果
- 使用 CSS3 Animation 做轉場特效
- 使用 CSS Grid 規劃格線切版
- 使用 Bootstrap 4 開發響應式網站
- 進階 JavaScript ES6
- 學習 JavaScript 前端框架，並應用來開發一個小型電商網站
- 了解 TypeScript
若貴公司有興趣進一步了解，歡迎聯繫，將回覆詳細履歷給貴公司參閱。
若有 Side-Project 合作意願亦可聯繫，目前自己的題目方向為提供咖啡愛好者資訊的網站開發，或導入 Vue.js 前端框架的小型電子商務網站開發。
也歡迎各位設計師和開發者一起交流想法與技術。
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent