王 奕 崴

Junior 前端工程師

[email protected]

曾任設計雜誌編輯,是無技術背景的程式麻瓜一枚。充滿好奇心,喜歡探索未知事物。在一次嘗試下,開始以網路自學方式,踏上學習前端技術的道路,決定以成為前端工程師為目標努力。

目前熟練 HTML、CSS、SASS 與 JavaScript,能夠以 Flexbox 、Grid 切版、規劃響應式網頁版型;並透過 Ajax 串接 API 獲取資料;且熟悉前端框架 React,也有使用 Redux 管理元件狀態的經驗;此外,外語能力良好,能閱讀英文技術文件。作品集部分,可於下方查看。

 

技能

JavaScript

ES6 +

React

React Hooks

Redux

HTML / CSS

Semantic HTML

CSS3

Flexbox & Grid

SASS

BEM Naming Convention


Language

英文:多益 870 分

西班牙文:Bulats B1


作品集

01 個人介紹頁面


1. 使用前端框架 React、React Hooks

2. 以 useState 撰寫 navbar 漢堡選單

3. 運用 addEventListener 達成滾動頁面,更換背景顏色效果

4. 運用 addEventListener 創造游標移動的動態視覺

5. 透過 CSS Flexbox 、Grid 排版,打造 RWD 響應式網頁

網站連結   檢視原始碼

02 待辦事項工具


1. 使用前端框架 React、React Hooks

2. 具備 CRUD(新增、讀取、修改、刪除)以及篩選功能

3. 以 useRef 獲取 DOM element 資訊,進而操控 input 狀態

4. 使用 localStorage 儲存網頁資料

5. 以 SASS 實作深色模式的切換功能

6. 透過 CSS Flexbox 、Grid 排版,打造 RWD 響應式網頁

網站連結   檢視原始碼

03 空氣品質查詢網


1. 使用前端框架 React、React Hooks

2. 串接 API 取用 Open Data,並將資料加以視覺化

3. Async / Await 處理非同步請求

4. 資料處理(filter、map、forEach 之應用)

5. 設定元件之狀態預設值

6. 透過 CSS Flexbox 、Grid 排版,打造 RWD 響應式網頁

網站連結   檢視原始碼

04 電商購物車


1. 前端使用 React;後端以 Node.js / Express 撰寫 RESTful API

2. HTTP 請求方法:get、post、delete 的應用

3. 以 Redux 管理元件狀態;Redux Thunk 處理非同步資料流

4. 具備商品搜尋、篩選、排序;購物車新增、刪除、結算功能

5. 可發送表單資訊至後端,並從後端抓取資料於網頁上呈現

6. 透過 CSS Flexbox、Grid 排版,打造 RWD 響應式網頁

網站連結   檢視原始碼

05 餐館官網 landing page



1. 使用前端框架 React、React Hooks

2. 以元件狀態(Boolean),作為控制 className 變換的開關

3. 隱藏或顯示 Navbar 漢堡選單的斷點設定

4. 以 CSS Grid 排版不同尺寸照片的 gallery

5. 藉由 react-responsive-carousel 實現輪播

6. 透過 CSS Flexbox 、Grid 排版,打造 RWD 響應式網頁

網站連結   檢視原始碼



學歷

2014 - 2016

國立臺北商業大學

國際商務系


2009 - 2014

文藻外語大學

西班牙文科


工作經歷

八月 2019 - 四月 2020

網站編輯

巨思文化《Shopping Design》

1. 國外新聞翻譯與編輯、人物品牌之採訪與撰稿

2. 規劃文章的排版呈現;與設計部門溝通,確保圖文搭配的協調性

3. 每週以 HTML、CSS 製作電子報

四月 2019 - 七月 2019

企劃專員

巨思文化《Shopping Design》

 

1. 課程之行銷企劃:撰寫文案、講師邀約、廣告宣傳、成本控管

2. 掌握專案進度,與內外部夥伴溝通協調,確保其品質與執行效率

四月 2017 - 三月 2019

執行長助理

巨思文化《數位時代》

 

1. 執行長行程安排、會議安排與紀錄追蹤

2. 跨部門專案支援:線下活動之行銷與企劃、活動官網統籌製作

Powered by CakeResumePowered by CakeResume