MUKI space*

課程安排是 RWD 入門與實戰，讓大家瞭解 RWD 的組成，並透過練習，使用 Bootstrap 製作 RWD 網站。

1. 瞭解流動式排版的組成
2. Bootstrap 介紹與應用
3. CSS media query 應用
4. RWD 網頁排版解析
5. RWD 規劃與經驗分享
6. 開發者工具使用與除錯

HackCourse – 網頁前端

網頁前端設計師的工作可不是設計網站頁面而已，這次的網頁前端課程從必備的 HTML/CSS 語法開始，還將教你 Javascript、jQuery、網頁排版、架構、除錯等等重要技術，不需要任何基礎，讓初學者邁入網站前端的精彩世界！

主題：打造行動裝置網站的經驗談

以實際開發 RWD 網站為例，分享 RWD 的踩雷經驗，以及如何將已上線的網站用「硬幹」的模式做成 RWD。

主題： WordPress 網頁架設

WordPress 入門容易，架站快速，為世界上許多網誌、內容網站、購物車之架站選擇。 本次工作坊對象為具備 html/css 基本觀念的學生，計畫邀請具有豐富前端與 WordPress 開發經驗的 MUKI Wu 吳姿穎，讓參與學員藉實作的方式瞭解 WordPress 的佈景主題架構及語法運用，培養內容網頁架站能力。

受邀擔任中華電信企業講師，課程以 RWD 概念與實作為主。以下為針對中華電信客製化的課程內容：

1. 瞭解流動式排版的組成
2. Bootstrap 介紹與應用
3. CSS media query 應用
4. RWD 網頁排版解析
5. RWD 規劃與經驗分享
6. 開發者工具使用與除錯

應邀參加廣州的前端研討會，分享的主題是 RWD 的經驗分享，以及大型網站(拾木文具)製作經驗。

受邀擔任 1111 人力銀行的企業講師，課程以 RWD 概念與實作為主。開會瞭解學員狀況外，以下為針對 1111 人力銀行客製化的課程內容：

1. RWD 基本認識，通用規範與規劃經驗分享
2. Bootstrap Grid 入門與瞭解
3. RWD 動態元件應用與實作
4. 多種 RWD 版型設計應用
5. transform 動畫原理介紹
6. RWD 總結與注意事項

於世新大學教授學生認識與製作 Wireframe，以便畢業後可以跟企業接軌，認識到科技業工作的流程與分工。

除了授課講解流程外，也讓同學分組做出網站的 wireframe，並在課後簡單的講評。透過這樣的實務練習，可以讓學生更快進入狀況。

在台北科技大學，主要是教授 WordPress CMS 系統，根據學生資歷與門檻，又可分為以下兩大課程：

1. WordPress 基礎建置：認識與操作 WordPress 部落格
2. WordPress woo commerce 購物網站建立與使用

演講主題：WordPress x Design thinking