T2zmccxhrq6ehppesiig

吳浩宇

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

Learning to be a Great Front-End Web Developer
台北市, TW
[email protected]

TOEIC 790


Skills And Works


HTML / CSS

1. 熟悉 HTML 標籤語法。

2. 熟悉 Box-Modal、 Flex-Box 排版語法,具備基本 CSS 手刻網頁能力。


作品:購物網站 (手刻 CSS,未使用任何 CSS Library)


Git GitHub 版本管理

1. Git Command With Terminal。 
2. 了解分支、主支觀念,能迅速融入團隊配合開發和維護。

JavaScript

1. 熟悉基礎語法。 

2. 理解執行環境基礎觀念→筆記參考

3. 理解基礎 Functional And Prototypal inheritance 基礎觀念→筆記參考

4. 理解同步/非同步基礎→筆記參考 

5. 理解 Closure、 IIFE 基礎→筆記參考

6. 熟悉 ES6+ Syntax。


作品:購物網站 (使用原生 JS操作 DOM、瀏覽器 Fetch API 串接後端資料,未使用任何 Library)


React.js

1. 熟悉 Class And Functional Component。 

2. 熟悉 JSX Syntax Sugar。 

3. 熟悉 Component 之間狀態關係。 

4. 了解 Presentational And Container Components 觀念,並在專案中引入 Redux 實作,使 State 集中管理。

參考筆記 1:Redux & Redux-Thunk

參考筆記 2:Reducers in Redux

5. 理解 MVC 架構,並在專案中引入React-Router 操作路由。


作品:請見作品集欄位


Redux

1. 了解 Redux 實作流程與 HOC 基礎觀念,並能引入 React 專案中實現狀態集中管理。
2. 了解 Redux 中的非同步情形,並能引入 Middleware (如 Redux-Thunk )解決非同步情形。
參考筆記 1:Redux & Redux-Thunk 
參考筆記 2:Reducers in Redux


作品:請見作品集欄位


API 資料串接

1. 串接 YouTube API 實現影片搜尋
2. 串接 Unsplash API 實現照片搜尋
3. 串接 Google Auth Login 實現第三方登入驗證
4. 串接 Stripe 金流服務
5. 串接 TapPay 金流服務


作品:請見作品集欄位。


作品集 - 1

1. Email 問卷發送平台  

前端:  
1. 使用 React 撰寫元件。 
2. 搭配 Redux、Redux-Thunk 管理 State。
3. 使用 React-Router 實現路由。 
4. 串接 Google Auth API 登入認證。  
5. 串接 Stripe 金流服務
後端:  
1. 使用 Node.js With Express 建置後端伺服器,並部署在 Heroku。 
2. 使用 MongoDB 做為資料庫,並引入 Mongoose Library 操作資料庫。 
3. 使用 Cookie-Base 實作身份認證機制,並串接 Google Auth API 第三方登入( 搭配 passport library 使用)。 
4. 串接 Stripe 金流服務。


2. TodoLists  待辦事項清單

1. 使用 React 實作 TodoLists。
2. 撰寫 Functional And Class Component,實現元件之間狀態管理。


作品集 - 2

1. 購物網站
1. 使用原生 JS 操作 DOM
2. 使用瀏覽器 Fetch API 串接後端資料
3. 手刻 CSS 切版
4. 串接 TapPay 金流服務。


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


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


4. 體脂肪計算機 
基礎 HTML、CSS And Manipulate DOM With jQuery.


Work Experience

Glossika Digital Marketing                                                                          Mar 2018 -  Dec 2018

工作內容: 

1. 規劃 FB 廣告活動,埋設 FB Pixel 追蹤廣告成效。 

2. 設定 Google Analytics Tracking Code 追蹤用戶行為&活動成效。 

3. 為網站及部落格執行關鍵字評估,進行 SEO 相關設定及網站健檢。包括:設置 sitemap,canonical,更改 title、h標籤,測試網頁 performance 並提交 index。  

YOTTA 線上課程平台 Content Intern                                                          Oct 2016 - Mar 2017

 發想 FB 貼文文案,協助專案執行


Education

National Taiwan Normal University                                       Sep 2013 - Jun 2017  Graduated

社會教育學系 Adult Continued Education

Powered by CakeResumePowered by CakeResume
Powered by CakeResumePowered by CakeResume