Hi, I'm Odin, with 4 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.
Also, developed new feature and fixed bugs with Weex based apps and React Native app.
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.
Vue2 Vue3(Composition API) Vuex React(Class & Functional Component) ReduxToolkit
React Native
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
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
Illustrator Photoshop Sketch Figma XD
Zeplin
Front-end Web Engineer, Feb 2023 - Dec 2023
Front-end Web Engineer, July 2021 - Dec 2022
Front-end Web Engineer, Aug 2020- Jun 2021
Front-end Web Engineer, Mar 2019 - Dec 2019
Front-end Web Engineer, Mar 2018 - Feb 2019
Assistant engineer, May 2017 - Oct 2017
Front-end Web Engineer, Feb 2023 - Dec 2023
七月 2021 - 十二月 2022
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完成專案內容
2015 - 2016
2011 - 2015
Hi, I'm Odin, with 4 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.
Also, developed new feature and fixed bugs with Weex based apps and React Native app.
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.
Vue2 Vue3(Composition API) Vuex React(Class & Functional Component) ReduxToolkit
React Native
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
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
Illustrator Photoshop Sketch Figma XD
Zeplin
Front-end Web Engineer, Feb 2023 - Dec 2023
Front-end Web Engineer, July 2021 - Dec 2022
Front-end Web Engineer, Aug 2020- Jun 2021
Front-end Web Engineer, Mar 2019 - Dec 2019
Front-end Web Engineer, Mar 2018 - Feb 2019
Assistant engineer, May 2017 - Oct 2017
Front-end Web Engineer, Feb 2023 - Dec 2023
七月 2021 - 十二月 2022
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完成專案內容
2015 - 2016
2011 - 2015