Tvchawh2wpxey6hmlkhs

王建淞

台中 • 0919289028 • [email protected]

應徵工作方向類型:Front-End Engineer ( 前端工程師 )

簡介


你好,我是王建淞,畢業於嶺東科技大學數位媒體系,主修遊戲開發設計,在學期間除了課堂學的3D美術製作和遊戲設計之外,課餘期間我另外自學程式語言如下:unity3D C#和vertex fragment shader,因此我對材質渲染有基本的了解。 


服完兵役後,我希望有系統化地進修不同的程式語言,因此報名資策會前端培訓班,在等待開課的期間先到友達光電做兼職的包裝作業員,工作期間讓我學到如何和其他同事合作、提高工作效率與如何精準完成工作目標。  


在資策會接受582小時前端工程師訓練,在培訓期間學習到前端和後端如何串接,前端部分學習到html、css、javascript,後端的部分學習到php、node.js、mysql,因為在學生時期有自學過其他程式語言,它們的邏輯和語法都非常相似,所以在學習上吸收速度較快,當同學遇到課程的問題時皆可以迅速解決同學的疑惑,也讓我有信心將來面對在其他新的語言時也能夠快速進入狀況,最後結訓時有做多人協作專題,在組內我製作的部分是前後端的檔案整合、資料的連接,產品頁的前端刻版,而在這個專題裡我擔任組長,當組員製作上遇到困難時需要幫忙一同解決問題與技術教導,當組長的過程中,讓我成長許多,例如我學習到如何依照組員不同的專長分配工作、當意見不同的時候如何溝通協調與了解如何讓不同領域的人共同合作,最後如期完成專題發表。

經歷

友達光電 | 兼職包裝作業員

2020/3~2020/7

1. 進行產品包裝、檢驗出貨等作業。 

2. 與其他作業員進行協調,以符合生產及程序標準。

技能


程式語言

  • HTML 
  • CSS 
  • JavaScript 
  • MySQL 
  • PHP 
  • Node.js 
  • ReactJS
  • VueJS


軟體

  • Adobe XD
  • Adobe Photoshop 
  • Adobe Illustrator

作品

Paragraph image 03 00@2x

天氣串接

使用ajax到中央氣象局連接JSON天氣資料回來整理並做成靜態網頁。 


技術:HTML、CSS、JavaScript、Ajax


預覽:https://watzila.github.io/weather-Web/


github:https://github.com/watzila/weather-Web

Paragraph image 06 00@2x
Paragraph image 06 01@2x

麵包店網頁設計

網站設計採用手帳、插圖的風格做設計,程式方面用MVC架構來做程式設計發想,網站使用PHP連接mysql資料庫抓取資料做動態網頁更新、登入和註冊會員功能,購物車的部分能夠即時的計算出價格和更改數量。 


技術:HTML、CSS、JavaScript、PHP、mysql、xampp


github:https://github.com/watzila/bakery-web

Paragraph image 02 00@2x
Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 00@2x
Paragraph image 06 01@2x

美妝網站設計(團體協作)

前端使用 create-react-app 快速創建開發環境,用 react 來做前端渲染頁面,後端使用 node.js express 做伺服器連接 mysql ,以 fetch 來做前後端資料連接,達到前後端分離。


我製作的部分是前後端的檔案整合、資料的連接,產品頁的前端刻版,而在這個專題裡我是擔任組長的部分,當組員製作上遇到困難時需要幫忙一起解決與技術指導。


製作上遇到主要的困難,在 react 裡每個頁面或是重複性很高的元素都是一個組件,而 header 上的購物車數量提示圖示需要連動更新,如果使用單向的 ajax 是無法實現的,所以使用 websocket 雙向的方式來告訴 header 什麼時候該更新。


技術:HTML、CSS、JavaScript、Node.js、WebSocket、mysql、xampp、ReactJS


github:https://github.com/watzila/makeup-web

Paragraph image 02 00@2x
Paragraph image 06 00@2x
Paragraph image 06 01@2x
Paragraph image 06 00@2x
Paragraph image 06 01@2x