Fbcnpalmya3b9wdcjamd

周珮琪 PeggyChou

前端工程師

Taipei,TW  •  pchou3210@gmail.com

畢業於中央大學網路學系科技研究所工學碩士,大學為設計學士,擁有跨領域的雙專長。

擅長網頁開發與設計,曾經開發過教師社群網站、運用行動裝置作為教育用途的植物觀察平台、以及透過網站的教育遊戲開發;在設計方面曾協助桌遊「CHEMICARD」設計角色。 

未來希望能作為一名前端工程師,讓使用網站的人們,當下能夠體驗到親切與友善的使用者介面。

工作經歷

台達電子 - 軟體工程師  2017/10~

自身能力是基本功,更重要的是與團隊夥伴們的合作溝通能力。


  1. 主要負責網通產品網頁服務的維護以及解決問題
  2. 參與開發網通產品的網頁製作,主要負責網頁前端
  3. 使用RESTful API串接前後端
  4. 與部門人員介紹「網頁前端」的程式vue.js,曾帶領一群同仁進行開發
  5. 解決過瀏覽器相容性問題,使用docker建置不同的測試環境
  6. 使用git與svn作為版控軟體

學歷 Education

國立中央大學 網路學習科技研究所 2015/07~2017/08

專注於網站開發,在開發系統過程中,學習到人與物兩方面的重要性,與使用者溝通討論需求和系統開發兩個面向。在與人溝通方面,能了解使用者需求並依照需求開發;在系統製作方面,能通盤規劃系統設計,並有將系統實做的程式能力。

國立台北教育大學 數位科技設計學系 2011/09~2015/06

修習於程式與設計雙領域,擅長使用Photoshop與Illustrator設計軟體。就學期間的團隊合作,需要大家各盡其職,在團隊中如何與成員溝通、互助學習,一起成長是重要的收穫

技能 Skills


Front-end

●●●●○ CSS3 

●●●●○ Bootstrap

●●●○○ JavaScript/jQuery /Vue

●●○○○ RWD 


Back-end

●●○○○ MySQL PHP 

●●●●○ RESTful API


UI/UX Design/Others

●●●●○ Illustrator

●●●●○ Photoshop 

Microsoft Office:Word、PowerPoint、Excel

版本控管:Gitlab、SVN


從設計跨入程式世界

  我是周珮琪,常被朋友說很會觀察事物,發現生活中值得注意的小地方,了解生活中的每一點經驗都是得來不易。自古以來人們會被美的事物所吸引,我也一樣,從喜歡感受到自己親身去實行設計,秉持著做出符合人喜好的事物,從與人的談話中察覺、使用感官去觀察、並用心了解不同目標的需求。

  我喜歡解決問題的成就感,從平面繪圖進入電腦設計,接著學習網頁程式開發,在學習網頁開發的過程中,從與使用者最相關的介面,網頁與人的互動性,到資料傳遞的串接,前端與後端相互配合,我希望能夠帶給使用者一個優良的使用感知體驗。設計就像說一個故事,如何引人入勝、吸引人去使用、去體會,使人耐心的聽完你的故事,就是一個好的故事。

Paragraph image 00 00@2x ebb59a6d9adb03673d06762584bb6a0cc401a7cc4bd081bb82ce6f841d95aa2b

Web Design

教師專業知識成長社群 WeRCom

教師專業知識共享與共創社群。(使用javascript, jquery, bootstrap, mySQL, php 建置網站)

以教師為主要使用客群,WeRCom 輔助教師們將專業知識交換、進行內化行吸收與螺旋創造的活動,此平台提供圖表分析、專案管理、個人與社群交流工具,讓使用者可以對平時所累積的活動數據進行分析。

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

物理科學互動遊戲Sci-match 
教育部提升自然學習領域教師適性教學素養計畫。
網頁使用jquery建立簡單具有互動性的遊戲,將槓桿原理設計成讓學生可以從遊戲中學習的自然活動,學生依據網站上的圖示與提示,進行思考並解答如何能讓天秤平衡,完成問題。

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

ICCE2017 Workshop 
2017 ICCE工作坊推廣網站。
使用響應式網頁(RWD)設計,使用者可以利用手邊不同裝置進行網站瀏覽。

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

植物觀察平台Plant
將數位融入教育,使用行動裝置輔助學生進行植物觀察作業。
學生利用網站上所提供的提示鷹架,在校園中完成老師所指派的觀察任務,可以藉由平板電腦完成小組討論、拍照分享至平台與其他成員討論。

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

My website

Projects 00 00@2x 25de285f43c486b5a0ddc099900a08387ad7a27243b9ba95b25d3665ee9775ae

Peggy's Website

Learn about
Powered by CakeResumePowered by CakeResume
Powered by CakeResumePowered by CakeResume