Loading...
Hello!
  • I'm Yihsuan Hung.
  • I'm a Front-End Engineer.
我是洪翊瑄， 是一名前端工程師，目前致力於研究前端技術。
下方有我的個人資訊、工作經歷、曾經參與開發的公司產品和sideproject。
my-headshot

履歷下載

About me

“ 凡事在成熟之前，都是帶有苦味的。 ”

之前就讀設計系，在大四的選修課程意外接觸到web開發。
在畢業後上網自學寫程式，搭配設計的知識背景，後來成功在兩家軟體公司任職。
在工作期間發現對於程式的熱忱已經遠高於設計，雖然個人在軟體業經驗不算特別多，但因為我勇於嘗試和學習快速，主管們在開發新功能時都會讓我一同參與規劃，我很享受學習和解決問題的過程。
未來除了繼續在前端領域深耕，希望之後也能往後端學習。

▋ My Experience

雲林科技大學

創意生活設計系
9月 2013 - 6月 2017
  • 產學合作
  • Industry-academia collaborations

    • 在學時有很多產學合作的案子，需要直接和委託人訪談，並且以團隊方式進行設計，此時期讓我累積了不少訪談客戶和團隊合作的經驗。

  • 擔任管理者
  • Leader of 100 staffs

    • 大四擔任設計學院的活動總長，安排並籌劃畢業展的相關活動，調度100多人以處理各個活動，此次經驗讓我加強管理組織的能力。

運動筆記

前端工程師
12月 2019 - 5月 2020
  • 商品頁的介面調整

    • 調整商品頁面的版面，並重新規劃使用者流程，增加了15%使用者的頁面停留時間。

  • 購物車和管理者功能開發

    • 與後端工程師一同開發折扣碼、加價購等購物車的擴充功能以及電商管理者功能。

  • 一頁式網站的SEO

    • 透過修改一頁式網站結構、調整HTML和網頁檢測工具等優化網頁的SEO。

  • Redesigned and develope ecommerce web page
  • Develope shoppingcart and order management system.
  • Optimizied a single-page application SEO

坤侑科技

前端工程師
6月 2020 - 3月 2021
  • UI/UX設計

    • 當面訪談客戶並蒐集客戶的需求，透過Figma規劃系統的介面風格和操作流程。

  • 系統分析和規劃

    • 與後端工程師一同評估專案內六個子系統的可行性、可擴充性、系統運作流程。

  • 前端開發

    • 使用Angular 8搭配Angular Material UI Component Prime-NG，獨立開發三個子系統前台功能。

  • UI/UX design
  • System analysis and Design
  • Usign Angular8 to develop

▋ What Skiils I have

80%
HTML
70%
CSS
65%
SASS/SCSS
65%
Javascript
60%
jQuery
60%
Angular
45%
React
40%
Redux

Other skills and tools

Illustrator Photoshop Figma Git Gulp Rxjs Typescript Bootstrap

▋ Latest Works

筆記商城
公司產品

商品頁面RWD設計，購物車邏輯撰寫以及SEO優化。

Sass PHP Javascript Gulp
Website
智慧回收媒合平台
公司專案

客戶前台、清除業者後台和駕駛app介面設計和規劃； 客戶平台功能開發。

SCSS Angular8 RESTful API Material UI Swagger
智慧監獄管理系統
公司專案

主要負責平台介面設計以及使用者操作流程規劃。

Figma Adobe Illustrator Photoshop
企業ERP系統
公司專案

針對五個子系統:會計報表、勞動力管理、人力資源管理、訂單管理、客戶關係管理進行系統分析，
並且獨立開發其中2個子系統的前台，串接100+ api。

SCSS Angular8 Swagger PrimeNG Rxjs RESTful API i18n
Weather App
Side Project

使用React Hooks開發，串接中央氣象局API，在app中可以獲取各地即時的天氣資訊。

Sass React Hook axios
Demo
React Login with Firebase
Side Project

透過React Hook搭配Redux開發登入的authentication，並以Firebase建置後端服務。

Sass React Hook Redux react-bootstrap react-router Formik Firebase
Demo

▋ My Anticipation

  • 加深對Javascript框架的理解 Deepen understanding of Javascript of framework.

    之前任職公司主要使用angular，考量到react求職機會和社群熱度，所以嘗試寫了react，未來也不排斥學習新的框架技術。 兩者都讓我感受到框架的強大，之後會透過寫sideproject或和其他人討論，加深框架的理解，以期在框架中創造出好維護、穩定性高的程式。

    As a front-end engineer , We not only focus on webpage loading efficiency and user experience, but also need to focus on website security.In previous work, I have’nt had a chance to work on web security.Before long I will spend some time wrting a program to defend against information security attacks.

  • 加強網路和資訊安全相關知識 Gain knowledge of web security.

    在前端這個職位，除了注重頁面載入效能和使用者體驗外，也需要注重網站的安全性。自己在過往工作經驗上只有概略的理解，沒有實際實行過，未來會安排一些時間寫看看防禦資安攻擊的程式。

    As a front-end engineer , We not only focus on webpage loading efficiency and user experience, but also need to focus on website security.In previous work, I have’nt had a chance to work on web security.Before long I will spend some time wrting a program to defend against information security attacks.

  • 實踐Unit Testing，並以TDD方式為目標 Do Unit Testing in TDD(Testing in Test Driven.

    前份工作於專案公司任職，但因為時程通常都很趕，程式在沒有時間測試下容易出現不穩定、不可預測的狀況，當時就決定未來一定要好好的學習寫測試，這樣才能確保程式的高品質，未來希望也能習慣寫TDD方式的測試，加速程式開發。 目前有自己練習寫過一些Jest和Mocha的測試。

    Unit testsing is essential to maintain the software quality. I had done some practices in Jest and Mocha. In my spare time, I will keep learning unit tesing through online courses and do some sideprojects so that I can implement unit testing in my future projects.

  • 實踐Clean Code風格 Practice “Clean Code” style.

    讀了《Clean Code》這本書後，我了解到成為優秀的工程師需要這些知識和概念。書籍裡面涉略很廣，有部分甚至我從未實際接觸過，所以我將書籍的內容分成三類，第一類是「理解且可以實踐的」;「第二類為理解但不確定如何實踐的」; 第三類為「目前不太理解且不知道如何實踐」，未來希望可以逐漸理解並實作完書籍內提到的概念。

    I recently read the book "Clean Code".
    The book covers a wide range of topics, some of which I barely know.
    Thus, I divided the content into three categories and will study them step bt step. In the future, I hope that I will master all content.

▋ Contact Me

居住地 : 新北市 中和區
電子郵件 : houng1004@gmail.com
聯絡電話 : 0960-503-095
https://github.com/Yihsuan1004