王思婕 (Sue Wang)

工作上以 Nuxt / Vue 開發,同時自學 React 、TypeScript 等開發上相關知識。熟悉切版、串接 API ,也負責調整頁面效能與 SEO。擅長溝通與協調,需要與客戶直接對話快速釐清需求,提供最佳建議。有與人協作專案之經驗,也可獨立進行開發,工作中經常需要決定專案架構與使用技術。


連絡電話: 0911-412-626       信箱:[email protected]

個人網站:網站版履歷 / Medium / Github

Skills


Front-end

  • HTML5 / CSS3
  • JavaScript / TypeScript
  • Vue2 / Vue3  / Vue Router / Vuex 
  • Nuxt2 / Nuxt3 / Pinia
  • React / React Router / Redux
  • Bootstrap / styled-components
  • SEO / RWD / 效能調整 / 串接 API
  • Handlebars
  • Swiper

Back-end 

  • Node.js / Express 
  • MySQL

Other

  • git 版本控制
  • npm / yarn
  • Postman
  • Heroku
  • Github / Gitlab

作品集 Collection

-工作專案-

漢字樹 Chinese Tree  [網站連結 | IOS載點 | Android載點]

給小孩子或外國人學習中文字的遊戲 app / 網站,利用有趣的遊戲與可愛的動畫達到學習中文字的目的。

  • 具有多語系版本 (英文、繁體與簡體)。
  • 有網頁版與 app 版本,需考量工具與技術在不同裝置的支援度。
  • 有大量音檔與圖片檔,因此需注意效能、流暢度與使用者體驗。
使用技術/工具:Nuxt2、i18n、CreateJS、SCSS、vee-validate3


Paragraph image 00 00@2x

Vote2022 選舉平台 | 九合一客製化競選官網  [網站連結]

提供給參政候選人宣傳政見與自己的平台,提供多個版面可供選擇,還有可客製化需求的區塊。

  • 在 HTML 不改動的情況下,用 SCSS 做出不同版面。
使用技術/工具:
前台:Nuxt3、Pinia、SCSS、Swiper
後台:Vue3、Vuex、Vue Router、Bootstrap5
共同:CryptoJS、vee-validate4

Paragraph image 00 00@2x

工研院 - IEK產業情報網   [網站連結]

工業技術研究院提供給產業相關訊息、課程與新聞的平台

使用技術/工具: Nuxt2、SCSS、Swiper、vimeo/player、vee-validate3





Paragraph image 00 00@2x

總統盃 - 黑客松 (國際板)  [網站連結]

總統盃黑客松提供給國外人士的報名網站

使用技術/工具: Nuxt2、SCSS、 vee-validate3

Paragraph image 00 00@2x


-個人練習專案-

運動練習菜單 Practice-list

[Vue 前端 Github | Vue DEMO | React 前端 Github | React DEMO]

[後端 GitHub |  回顧紀錄 ]

主要是給系/校隊或習慣有運動計畫的使用者,可以編排自己或球隊的練習菜單

  • 前後端、資料庫、UI / UX 皆為自己構想並建置。
使用技術/工具: 
前端(Vue):Vue2、Vuex、Vue Router、SCSS
前端(React):React18、TypeScript、React Router、Redux、Formik & Yup、Styled-components
後端:Node.js / Express、MySQL / mysql2、ORM / Sequelize

測試帳號與密碼
帳號:[email protected] / 密碼: user1


Paragraph image 00 00@2x

個人履歷網站  [GitHub | 網站連結]

網站版履歷,會放上自我介紹與作品,隨時做更新
  • SPA 頁面,有 RWD
使用技術/工具: React18、styled-components、Swiper




Paragraph image 00 00@2x


學習與工作經歷 Experience


哲煜科技 TWJOIN, 前端工程師, Feb 2021 ~ May 2022

1. 程式開發:曾任三、四個專案的主要前端工程師,從零開始建立網站,依據 wireframe 分析並規劃整體網站架構, 撰寫複雜功能與切版,並調整網站整體效能與SEO。

2. 溝通協調:協同設計師、PM 與後端工程師,曾直接參與會議討論需求,並會依據情況與客戶需求,討論出最佳的解法。


三貝德數位文創, 高中生物科編輯, Aug 2016 ~ Jul 2019

1.內容編排設計:策劃高中生物課程內容,使學生能更有效率掌握學習內容,編寫上千題考題與管理上百支影片。 

2.資料查詢與整合:即時更新判斷新資訊,並快速篩選與整合資料以訂定參考書內容。

3.協助影片拍攝:作為老師與公司之溝通橋樑,協調雙方需求,適時給予協助而受到老師深度信賴。 

4.專案管理:規劃數位課程拍攝進度,三年來皆準時完成任務。


行政院農委會種苗改良繁殖場, 研究助理, Aug 2015 ~ May 2016

1.田間調查:與農民建立友善關係,給予實質建議並交流專業知識。
2.實驗規劃與進行:依據時程,安排實驗進度並進行實驗。


中興大學, 植物病理學系 學士, Sep 2011 ~ Jun 2015