T2zmccxhrq6ehppesiig

吳浩宇

I have experience in developing front-end web with html, css and JavaScript. I look forward to develop more great website!

Learning to be a great front-end web developer
台北市, TW
[email protected]

TOEIC 790


Skills


HTML / CSS

1. 熟悉 HTML5 syntax.

2. 熟悉 CSS3. (box-modal, flex-box...etc) 以完全手刻完成 RWD。  


JavaScript

熟悉基礎觀念&語法包含:執行環境、原形鍊、同步 / 非同步、Closure、IIFE、ES6+ syntax。另附有學習筆記參考。


有能力以原生 JavaScript 與 css 完成網站前端開發。  


Webpack

1. 搭配 babel 轉譯,使 React 專案以 jsx and es6+ 語法撰寫並即時偵錯。

2. 與其他 js, css library, file 一同打包。


GIT

1 Git Command With Terminal.
2. 熟悉基本 git flow,不執著任何開發模式,能配合團隊版控習慣實作開發工作。 


React & Redux

1. 熟悉 JSX 語法、單向資料流設計。 

2. 了解元件設計彈性的重要性,能設計重用性高且彈性的 Component。

4. 為了維護性與可擴展性,能善用 Redux、HOC Patten 等,使 State 集中管理,將邏輯與 UI 分離。

5. 能引入 Middleware (如 Redux-Thunk) 解決 Redux flow 的非同步。

5. 理解 SPA 概念,並在專案中引入 React-Router 操作 Route。


參考筆記 1:Redux & Redux-Thunk

參考筆記 2:Reducers in Redux


GraphQL

1. 撰寫 Schema Query ,配合 RESTful API 介接資料。
2. 撰寫 GraphQL Tag Query,在 React Component 中執行。

3. 以 Jest 撰寫測試,保護 Schema 結構,確保更改後如預期執行。


參考筆記 1:Redux & Redux-Thunk 
參考筆記 2:Reducers in Redux



其他技能

  • next.js: 以 create-next-app 實現動態 SEO 需求。
  • Apollo server & client:搭配 GraphQL 管理 state。
  • node.js with Express.js: 能自行架設 web service,作為串接資料介面、或實現基本的動態網站。




 


Portfolio


Email 問卷發送平台

前端:
1. 使用 React 撰寫元件,並搭配 Redux、Redux-Thunk 管理 State。
2. 使用 React-Router 實現 Route。
3. 串接 Google Auth API 登入認證。
4. 串接 Stripe 金流服務。

後端:
1. 使用 Node.js With Express 建置 Web Service,部署於 Heroku。
2. 使用 MongoDB,並引入 Mongoose Library 操作 DB。 
3. 使用 Cookie-Base 實作身份認證,並串接 Google Auth API 第三方登入( 搭配 passport library 使用)。
4. 串接 Stripe 金流。


React 線上聊天室

前端:

1. 使用 React 撰寫元件,並搭配 Redux 管理 State。

2. 使用 React-Router 實現 Route。 

3. 使用 semantic ui react 撰寫元件,目前以 Hooks 重構中。

4. 以 HOC or Render Props Patten 重構中,使邏輯與 UI 分離。


後端:使用 Firebase 即時資料庫


測試:重構中以 Jest、Enzyme 撰寫測試。


GitHub Source Code 連結


購物網站

單純靜態網頁,透過 API 抓取 / 上傳資料。


1. 使用原生 JS 操作 DOM。

2. 使用瀏覽器 Fetch API 串接後端資料。

3. 手刻 CSS 切版。

4. 串接 TapPay 金流。


GitHub Source Code 連結


Video Search 影片搜尋

單純靜態網頁,透過 YouTube API 抓取資料

1. 使用 React 實作 YouTube 搜尋。
2. 撰寫 Functional And Class Component,實作元件之間狀態管理。
3. 串接 YouTube API。


Google App Store 資料爬取

前端:

1. 使用原生 JS 操作 DOM Render。

2. 使用 Fetch API 與 service 溝通。 


後端:

1. 使用 Node.js With Express 建置 Web Service,部署於 Heroku。

2. 使用 Google App Store API 抓取資料


GitHub Source Code 連結


webpack_boilerplate

以 webpack 搭配 babel, react, redux, styled-components, scss, jest 的開發樣板。


Experience


Niceday 玩體驗 Front End Developer https://play.niceday.tw/                               Apr 2019 - Now

工作內容:

1. 與後端工程師討論,制定 API 格式。

2. 與其他前端工程師協作開發功能,有效解決開發上的衝突並完成任務。 

3. 與 PM、設計師一同研究功能細節,以使用者體驗為基礎,根據用戶的行為統計 (使用的場景與裝置類型的比例等),討論出合適的功能樣貌,並在實作完成後追蹤成效。

4. 撰寫測試、以重構舊有程式碼。


技能應用:

1. 以 GraphQL 與 API Server 溝通、並使用 Apollo、Redux 管理 state。

2. 網站有動態 SEO 需求,以 Next.js 實作 SSR 與 Route。

3. 使用 Jest 撰寫測試、重構程式碼並撰寫腳本使測試資料自動更新。

4. 使用 React、styled-component 開發 UI 元件,以合適的 design patten 撰寫,使元件能盡量複用、同時保留彈性,並盡量分離邏輯與 UI。

AppWorks School Trainee https://brianwu291.github.io/stylish/pages                    Dec 2018 - Mar 2019 

實作模擬購物網站。

Glossika 萬語科技 Digital Marketing   https://ai.glossika.com/zh-TW/home          Mar 2018 - Sep 2018

工作內容:
1. 規劃 FB 廣告活動,追蹤廣告成效。
2. 以 Google Analytics 追蹤用戶行為 & 活動成效。
3. 為網站及部落格執行關鍵字評估,進行 SEO 相關設定及網站健檢。


Education

National Taiwan Normal University                                       Sep 2013 - Jun 2017  Graduated

社會教育學系 Adult Continued Education

Powered by CakeResumePowered by CakeResume
Powered by CakeResumePowered by CakeResume