陳韋吉(Odin Chen)

Front-end Engineer

      

Hi, I'm Odin, with 3 years+ of active experience in the web development.

Developed and maintained websites with HTML, CSS, CSS Module, SASS, Javascript, jQuery, React, React hooks, Redux Toolkit, Material-UI, Vue2, Vue3, Vuex, Vue CLI, Vite. 

Studying in Redux, Vue CLI4, ES6~ES11, Bootstrap5, Tailwind, Pinia, Typescript…etc.

I'm easy-going, positive, friendly, diligent.

Always willing to learn the newest front-end skills and try on product to optimize it.

Loves to share news, skills, information with others and get advices from others.

Product


  • B2B System interface
  • E-commercial platform websites
  • Company official websites
  • Campaign sites
  • Custom RWD websites

Language


  • Chinese
  • Japanese
  • English

Skills

Tech Stack

   Vue2      Vue3(Composition API)      Vuex     React(Class & Functional Component)      ReduxToolkit   

     Redux      HTML5      CSS3      Javascript

   ES6~ES11      jQuery      Bootstrap(3,4,5)      Material-UI   Tailwindcss(2, 3)  

   SASS/SCSS    CSS Module   CSS-in-Js

C3.js      D3.js   HighChart     Git      Github   

Eslint   Prettier      SourceTree      TypeScript   

SEO

 Semantic Elements   meta description   microdata   JSON-LD    breadcrumb   

Reduce resource request size   HTTP cache   prefetch   async & defer    CDN    

sitemap   canonical   prefetch   meta robot    a link nofollow/noreferrer/noopener   

Facebook pixel   Google analytics    Google tag manager  

Design Tools

   Illustrator      Photoshop      Sketch      Figma      XD   

   Zeplin 

Experience

ChainTech Corporation

Front-end Web Engineer, July 2021 - Now

  • Reconstruct and develop website interface with React 17.0.2(React-hooks).
  • Changed Fabric UI style library with Material UI and defined global style coding rules and utilities.
  • Develop new features and pure functions based on new business logic requirements.
  • Reconstruct and optimize(existing) base components to better define the imported variables and props terms with an emphasis on adding comments/definition to purpose of usage and props of a component.
  • Add comment rules and logic to colorize different comment meanings.
  • Employ Redux(Toolkit) into developing workflow.
  • Advised to import Scrum into workflow.
  • Advise proper data structure from backend API.
  • Utilize Git for version controll.
  • Communication across departments.

Mejor Technology Corporation

Front-end Web Engineer, Aug 2020- Jun 2021

  • Reconstruct website with Vue2.(Vue2 / Vue CLI / Vuex / vue-router)
  • Develop other corporations' campaign sites.
  • Communication across departments.
  • Utilize Git for version controll.

    ps. Involuntary separation(Enterprise transformation)

Cyberinfo Technology Corporation

Front-end Web Engineer, Mar 2019 - Dec 2019

  • Develop new features and optimize code  with HTML, Javascript, CSS, CSS Moudule, SASS(SCSS), jQuery, React, Node.js, VM, SEO adjustment.
  • Develop regular campaign sites.
  • Run Scrum.
  • Communication across departments.
  • Utilize Git for version controll.

    ps. Involuntary separation(Funding problems)

Yiman Infotek Corporation

Front-end Web Engineer, Mar 2018 - Feb 2019

  • Develop business websites, campaign sites with HTML, Javascript, CSS, SASS(SCSS), jQuery.
  • SASS Introduce.
  • Confirm demand with client.

DigitalPlus Technology Corporation 

Assistant engineer, Fri 2017 - Oct 2017

  • Maintain website with HTML, Javascript, CSS, jQuery.

工作經歷

前端工程師  •  承啟科技股份有限公司

七月 2021 - Present

1. 使用 React(^17.0.2 | React-hooks) 作為主要開發框架,進行網頁介面的功能開發以及重構。
2. 替換樣式庫 Fabric UI 為 Material UI 並且定義統一的樣式撰寫風格。
3. 依照新的商業邏輯需求,開發可以重複使用的 Base Components 以及 Pure functions。
4. 重構舊有的 Base Components ,使其優化以及清楚定義傳入的 props 名稱,並針對該 Component 的用途以及傳入的 props 做註解。
5. 新增註解的規則以及引入不同顏色的註解方式。
6. 導入 Redux 來控管全域的變數。
7. 建議導入敏捷式開發 Scrum 來進行工作上的分配。
8. 跟後端討論,並且建議修改API的回傳格式。
9. 跨部門溝通需求。
10. 用Git(SourceTree)進行版本管控。

網頁前端工程師  •  梅爵數位創意股份有限公司

八月 2020 - 六月 2021

使用 Vue2 重構舊有的產品網站。
2. 開發其他公司的活動頁面。
3. 開發其他企業的官方網站。
4. 跨部門溝通需求。
5. 用Git進行版本管控。
6. 校正、核對設計稿。

ps. 非自願離職(公司轉型)

前端工程師  •  網訊科技股份有限公司

三月 2019 - 十二月 2019

1. 依照PM需求,維護或重新撰寫現有程式碼。
2. 跟PM、設計、後端進行專案前中後的討論,確保產品品質及開發方向的正確性。
3. 依照節慶開發活動頁面。
4. 使用 boostrap 3 作為樣式的主框架,搭配不同的主題色以及特定的樣式。
5. 產品多以AWD為主,活動頁面才會以RWD的規格製作。
6. 使用 ESLint 確保團隊撰寫風格一致。
7. 使用 jQuery / React 針對特定專案進行開發、維護。
8. 使用 git 並利用 sorceTree 操作 版本控制的業務。
9. 與後端配合的語言為PHP,依據不同專案有接觸到的框架為 CI 以及 Laravel。
10. 使用敏捷開發模式(Scrum)
11. 與SEO專員共同討論 SEO 如何改進。

ps. 非自願離職(公司資金運轉有問題)

前端工程師  •  乙曼資訊科技有限公司

三月 2018 - 二月 2019

1. 前端切版(RWD為主)
2. 網頁動畫特效
3. JS/jQuery 程式邏輯判斷
4. 與後端工程師/網頁設計師配合完成專案

助理工程師  •  數碼數位股份有限公司 

五月 2017 - 十月 2017

協助PM完成專案內容

Education 學歷

2015 - 2016

大同大學(Tatung University - Master degree)

生物工程所(Bioengineer)

2011 - 2015

大同大學(Tatung University -

Bachelor degree)

生物工程系

(Bioengineer)

Powered By CakeResume