林欣立
擁有於軟體資訊業和半導體業兩年的前端工程師經驗，主要使用 Angular 框架進行系統前端開發，熟悉 HTML5、SCSS、JavaScript ES6、Typescript、RESTful API 串接等前端網頁技術。目前正在學習國外趨勢的 React。 使用過多種 Adobe 軟體進行 UI 介面設計，並利用 Prototype 原型互動效果展示成品、與客戶討論獲得即時回饋。可獨自一人完成 UI 介面設計、網頁切版、程式撰寫及專案管理等網頁前端從頭至尾的製作流程。
網頁前端工程師
[email protected]
專業技能
前端技能
HTML5、CSS、SCSS、 JavaScript、Typescript、Angular、React、AJAX、RESTful API、RWD響應式設計
工具
Git / GitHub
Bootstrap
Postman
UI / UX 介面設計
Photoshop - 影像編輯與處理
Illustrator - 向量圖片設計製作
Adobe XD - 進行 APP、網頁的 UI 介面設計，製作介面互動功能的原型（Prototype）
工作經歷
環球晶圓股份有限公司, 前端工程師(外包) Jul 2021 ~ Present
1. 晶體缺陷影像辨識系統前端開發
• 使用 Angular 框架、Typescript、SCSS、Angular Material UI 套件從零開發系統前端。
• 與 Python Django 後端進行 REST API 串接，並對 Postgres SQL資料庫進行 CRUD 操作，動態呈現頁面資料。
• 發送HTTP request 至後端並針對回傳的respone做資料處理。
• 運用 Postman 測試系統，查看後端資料結構與偵錯。
• 以 Docker 為研發系統環境，操作並使用 Docker 指令來測試前端並且偵錯。
• 使用 APEXCHARTS 套件撰寫即時動態資料之圖表。
• 整合開源軟體VGG Image Annotator (VIA) 圖像標記工具至前端畫面。
• 使用 Illustrator 繪製系統所有介面，並使用 Adobe XD 製作該介面的互動原型（Prototype），令使用者可以實際觀看、操作此介面之動態效果。
翔程科技股份有限公司, 前端工程師 Sep 2020 ~ Jul 2021
影像辨識系統
此專案為從零開始開發的「影像標記系統」，系統主要包含選擇模組、訓練記錄、影像管理、標記影像、模型訓練、模型預測等五大功能，提供使用者依照不同的模組及參數進行影像訓練、測試、預測等功能。
獨自完成系統前端，依照客戶需求規劃系統介面，使用 Adobe Illustrator 、 Adobe XD 繪製系統 UI/UX 介面。 並以 Angular 框架為主，搭配 Typescript、SCSS、Angular Material UI 套件等技能開發系統前端。
Food-Order-APP
使用 React 前端框架構建的點餐 APP，並使用 Google Firebase 作為後端 Server 進行 fetch 和 post 訂單資料等 HTTP request。
此 APP 主要有以下幾點功能：
• 選擇餐點數量並將餐點添加到購物車中。
• 查看購物出內容。
• 確認點餐並填寫買家訊息表單。
• 送出訂單資料至後端serve。
Expenses-tracker
使用 React 前端框架構建的簡易記帳工具。
主要具有以下幾點功能：
• 可輸入費用標題、金額和日期以創建新費用。
• 從記帳列表移除費用。
• 通過選擇年份來過濾和查看所有費用。
露營場網頁
為職訓班團體專題所製作的「多頁式RWD網頁」。
在專題裡擔任組長一職，主要負責網頁UI設計、分頁程式編寫與切版、形象海報設計、企劃構成。
• 主要使用 Html、CSS、JavaScript 進行開發。
• 使用 AOS.js 、 Swiper slider 等第三方套件
介紹東京
結合自身的旅遊經驗所製作的一頁式RWD網頁。
從網頁UI設計、圖文影像處理、撰寫程式皆獨自完成，透過AOS效果使網頁變得更有互動性。
前往 GitHub 查看作品內容
天氣卡片
使用API抓取中央氣象局的天氣資料，根據不同天氣的左上方之圖片會自行更換。
設計天氣卡片之UI，使資訊更清楚。
前往 GitHub 查看作品內容
Illustrator 設計作品
