User 14306 1480575277

李信宏

從事網頁前端領域三年以上的經驗,積極培養前端相關開發能力,樂於學習新領域與技術,以投入更具挑戰的工作。


 Taipei, TW

專業技能


Web Design

  • HTML / Pug
  • CSS / SCSS
  • RWD
  • Ant Design
  • Bootstrap
  • Tailwind
  • Quasar


JavaScript

  • ES6 +
  • APIs
  • Vue / Vuex / Vue Router / Composition Api
  • Nuxt
  • React / Redux / React Hooks
  • jQuery


Version Control

  • Git / GitHub
  • SourceTree
  • Git Flow / GitHub Flow


DevOps

  • Github Actions 
  • Jenkins
  • GCP
  • AWS
  • Firebase


Package Management

  • NPM
  • Webpack


Database

  • SQL
  • MySQL / MS SQL


Unit Test
  • Jest
  • Vue Test Utils


Workflow

  • Atlassian / Jira / Confluence
  • Asana
  • Scrum


Others
  • Figma / Zeplin
  • Postman
  • Linux Command
  • GTM
  • Leaflet




經歷


艾西斯資訊,2019 / 8 — 2021 / 1

  • 網站前端工程師 
- 舊有網站重構,配合新畫面需求flow 開發出新的網站 
- 建構可重複使用的組件
- 配合行銷活動開發獨立活動頁面 
- 開發並導入內嵌於第三方 app 的 webview
- 協助研究、導入 CD 
- 使用工具為 Vue.jsVuexVue Router

iCook,2018 / 7 — 2019 / 8

  • 網站前端實習生
        負責網站前端開發,搭配部分後端來完成工作事項,以 ReactJS 與 Rails 配合 Jest 與 RSpec 完成 CI 開發流程,協助完成公司需求及網頁前端優化。

德翼拉,2017 / 7 — 2018 / 2 

  • 網站前端實習生
        負責大部分前端相關事務,如舊有頁面修改與重構Vue 框架導入前端優化規劃前端開發文件整理以及加入新頁面等。實習期間,提升了我對前後端溝通與整合能力,同時培養出以更宏觀的角度看待前端設計,其中讓我收穫最多之處在於框架的導入,改變以往透過 jQuery 操作 DOM 的設計思維,轉為以 component & data 為出發點來設計頁面,提升程式碼的可維護性。

VoiceTube,2017 / 1 — 2017 / 6

  • 網站前端實習生
        主要工作內容為配合需求端(如行銷、產品經理)進行現有頁面修改加入新的活動宣傳頁 bug 修復等,除此之外也需配合工作需求使用 PHP測試網站功能撰寫網站功能文件等事項。VoiceTube 十分注重團隊協作能力,每一項決定都可能會影響到其他人甚至是其他 team,因此應學習如何以更謹慎的態度來做每個決定。

學歷


國立政治大學資訊管理研究所,2017 / 9 — 2019 / 7

        研究所期間持續進行實習工作,由於課程類型的轉變,需要培養更多團隊溝通、解決問題的能力,並確保論文進度的進行。對我而言,這段期間最大的考驗是對時間運用的控管,以及在課業與實習之間取得平衡點

國立政治大學資訊管理學系,2013 / 9 — 2017 / 6

        剛踏入資訊領域的初生之犢,在大三時決定朝前端工程師的方向邁進,積極尋找相關實習機會,並善用網路上的資源於課餘時間自學,在大四專案競賽時,與其他四位組員所組成之小農橋獲得全系第三名。



Paragraph image 05 00@2x
Paragraph image 05 01@2x

Fake E-commerce 

以 Nuxt.js 搭配 Firebase Realtime Database 建立一個電商網站,可針對不同頁面設定對應的 meta tag 供 SEO & SMO 使用。

使用工具:Nuxt.js、Firebase-Database、Tailwind

網址

原始碼

uBike 站點地圖

以 @vue/composition-api 搭配 Leaflet 及 Taipei uBike api 建立站點地圖,提供顯示選項供使用者彈性調整資料顯示畫面。

使用工具:@vue/composition-api、Vuex、Vue2Leaflet、BootstrapVue

網址

原始碼

Paragraph image 04 00@2x 0a60eca693a10c928b852fbc59ecb80f69e59f0d26acd4c74f39c7f256369567
Paragraph image 04 01@2x d7b528f9ab8e34777562695011fbbc2a4f3f28d8b47f4c8e57ee7c3410afdfa8

DatePicker

從無到有建立一個 date-picker 工具,點擊輸入框後顯示日曆彈跳視窗,預設選取當天日期,可另外選擇月份與年份。

使用工具:Vue.js、Vuex

網址

原始碼

Paragraph image 00 00@2x
Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 02@2x
Paragraph image 01 00@2x 1a3881c875a7a1fb1e859435ef9363b5ddf36f4e73d1ad63a1a0af69f2a9f745

一個議員的誕生

2018/11/24 九合一選舉前,與其他人合作開發的專案。

負責前端部分,以 Vue.js 搭配 Rails 進行開發,根據使用者填答的選項打 api 到後端,將配對後的結果呈現在頁面上。

使用工具:Vue.js、Chart.js

網址

原始碼

Paragraph image 06 00@2x 87e77cbcc732097bbd3c1ea0cc62ddde26e5adb1eceee8497e66e58206763cfd
Paragraph image 06 01@2x 13ec779ca27733557a5d2830d84049bfdfc54edd6ade36ee5766eea97298cf4a
Paragraph image 06 02@2x 3081b368fb6b38d988063c1300041f0c2b0cb92aae2fac6f55abc21c8e235124

演講提問表單

配合學校計畫所舉辦的演講,讓聽眾在聽完演講後,掃描 QRCode 進行提問,輸入的問題會即時同步到問題列表。

使用工具:JavaScript、Firebase-Database

提問網址

問題列表網址

原始碼

Paragraph image 04 00@2x 0a60eca693a10c928b852fbc59ecb80f69e59f0d26acd4c74f39c7f256369567
Paragraph image 04 01@2x d7b528f9ab8e34777562695011fbbc2a4f3f28d8b47f4c8e57ee7c3410afdfa8
Paragraph image 01 00@2x 1a3881c875a7a1fb1e859435ef9363b5ddf36f4e73d1ad63a1a0af69f2a9f745

薪資管理系統

以 ReactJS 開發,搭配 Firebase Realtime Database 即時更新,管理者可以決定成員組成,並依照發薪日期輸入日期區間及薪資相關資訊。

使用工具:ReactJS、Firebase-Database

網址

原始碼

Todo list

在課餘時間利用 Vue.js 所設計的頁面,有新增、刪除、變換狀態、依照狀態顯示待辦事項和刪除已完成事項等功能,並支援 RWD 排版。 

使用工具:Bootstrap、jQuery、Vue.js

網址

原始碼

Paragraph image 00 00@2x ebb59a6d9adb03673d06762584bb6a0cc401a7cc4bd081bb82ce6f841d95aa2b
Paragraph image 01 00@2x 1a3881c875a7a1fb1e859435ef9363b5ddf36f4e73d1ad63a1a0af69f2a9f745

Calendar

這是由 todo list 所做的延伸功能,除了有原本的新增、刪除、變換狀態功能,另外搭配日期,結合出行事曆功能,並使用 localStorage 將待辦事項存入瀏覽器,重新開啟頁面時仍可看到先前紀錄。 

使用工具:Bootstrap、Vue.js 

網址

原始碼

Powered by CakeResumePowered by CakeResume