Profile 00 00@2x

藍元志(Yuan-Jyh Lan)

我是一名有著五年前端開發經驗的工程師，專注於 Angular 和 Vue 框架的開發，曾參與多個金融和航空業專案的開發和維護，並擁有良好的團隊合作和獨立開發能力。


技術能力： 

熟悉 Angular 12 以上版本、TypeScript 和 RxJS，同時也熟悉 Nuxt.js、Vue.js、Vuex 和 Vue-i18n 等 Vue 相關技術。此外，我也有 Node.js、koa.js 和 mongodb 的開發經驗。

在學習方面，我喜歡接觸新技術，目前正在學習 deno 和 decorators 等技術。


校內成就

在大學程式能力檢定（CPE）中，我獲得了前 30% 的成績。


前端工程師 Front-End Developer
Taipei，Taiwan
[email protected]

工作經歷

三竹資訊, 前端工程師, Sep 2018 ~ Apr 2021

( Angular 8、Ionic、Protractor)

專案 

成就
  • 開發過三個大型專案，五個維護案，兩個獨立開發案，以及一個版本升級案。
  • 負責升級 Angular 專案從 2 版本升級到 8 版本，並將 Ionic 2 升級至 Ionic 4。
  • 重構舊有專案，總共重新設計了20個頁面，並透過優化程式碼和架構，提升了應用程式的效能和可維護性。
  • 引入自動化測試工具，為公司產品建立測試框架和自動化測試案例，並成功減少了30%的測試時間。

工作內容
  • 既有專案維護 ＆ 新專案開發 
  • 使用 Angular 2 以上開發技術 
  • 開發金融相關網站、app前端 
  • ionic app 維護、與 App 端合作上架 
  • 提升網站資料顯示效能 
  • 圖片梯形校正 & 條碼掃描研究 
  • 前端 e2e 測試撰寫
Company@2x

星宇航空, 前端工程師, Apr 2021 ~ Sept 2022

( Nuxt2、Tailwindcss、jest )

專案 

成就
  • 重構會員登入功能，將重複程式碼進行統整，並減少20%程式碼量
  • 專案上線後持續開發新功能，5項大功能 ，30項小功能
  • 提出替代方案，解決 GItlab 無法發 MR 問題
  • 利用下班時間持續學習，使用較新的後端框架 deno 開發 API

工作內容
  • 負責開發會員系統、機票證明、機票退票等功能
  • 與後端工程師、PM一起討論 API 串接事項
  • 使用 jest 測試框架，進行單元測試
  • 配合測試工程師，埋測試用標籤
  • 能夠評估畫面調整可行性，提出最佳化建議
  • 具有網站半年維護經驗，了解程式碼異動所造成的影響以及如何預防
  • 多人團隊合作經驗(六人以上)


Company@2x

海洋大學資訊工程, 研究生, Feb 2022 ~ Feb 2024

( Tailwindcss、NodeJS )

成就
  • 與三位同學一同開發專案，並引入 git 、專案開發流程等網頁開發相關知識
  • 制定前端開發SOP，協助完全沒碰過網頁同學快速上手
  • 將一天24小時的時間利用最大化，能同時兼任論文撰寫、課堂上課繳交作業、獨立開發前端專案、網頁多人合作專案，等較為繁重的事項

工作內容
  • 負責人力資源網站前端開發
  • 兼任網頁技術顧問與老師討論網頁各個功能的實作方式
  • 教導同學前端相關知識，並解決與發現合作開發上，可能遇到的問題
Company@2x

熱火數碼, 資深前端工程師, March 2023 ~ Nov 2023

( NodeJS、Vue3、AWS、Micro Frontend 、Web Component、SEO)

專案 

工作內容
  • 從零開始組建開發團隊，包括求職工作內容、尋找人才、面試安排等。
  • 與設計師討論畫面功能以及翻新頁面，於三個月內翻新多達 100 多個畫面。
  • 建立畫面開發工作流程，讓團隊中成員了解彼此之間的進度，並利用 trello 排定工作內容。
  • 評估網站上線所需的設備配置，與廠商聯絡提出相關的配置要求。
  • 獨自一人進行 AWS 程式碼部屬 ，包含: CICD、程式碼放置、資料庫連接、靜態檔案處理。
  • 利用 Micro Frontend 的方式，將專案拆分成四個小專案，減少程式碼之間的耦合。
  • 與 app 外包廠商溝通
Company@2x

Skills

HTML & CSS

  • Flexbox
  • grid
  • Sass
  • OOCSS
  • Bootstrap
  • Tailwindcss

Javascript

  • ECMAScript 6
  • Canvas
  • API 串接
  • ajax
  • fetch & async await


Angular 

  • TypeScript
  • RxJS
  • ngRX
  • ionic

Vue.js

  • nuxt
  • nuxt-i18n
  • vuex/pinia
  • vur-router
  • vue devtool

Function Programming

  • Curry
  • Pipe
  • Compose
  • Free point


Others

  • git 
  • Chrome Dev Tools
  • npm 
  • VsCode 
  • unit test 
  • e2e 
  • postman

Web Component

  • lit Component


Powered By
CakeResume