時間與費用

  • 時間:2016.04.16 9:00~17:00(7hrs)

    中午休息 1 小時,不供餐。

  • 地點:台北車站前 NOVA 廣場附近
  • 費用:NT$4,000(含稅)
  • 報名:點我報名
  • 人數:上限 25,不足 12 人會取消開班,

    並退還所有報名費用。

「RWD 入門與實戰」以 RWD 的概念與技巧為主,講義與課堂練習都是由 MUKI 精心安排,希望大家課後能有獨立製作 RWD 網站,或獨立搜尋資料的能力。

該課程會讓大家專注在 Gird System 的練習,搭配 Bootstrap CSS framework 與 media query,做出各種不同的網站排版。

如果您想了解大概會學到哪些東西?可以參考我們的課程大綱。雖然課程大綱會根據學員程度與現場狀況隨時做調整,但是主要的項目是不會改變的喔!

以下課程大綱僅供參考,會根據現場狀況而隨時修正。
  • 了解流動式排版的組成
  • Bootstrap 介紹與應用
  • CSS media query 應用
  • RWD 網頁排版解析
  • RWD 規劃與經驗分享
  • 開發者工具使用與除錯

「RWD 入門與實戰」為初級偏中級課程。招收的對象偏重會切板、想學 Bootstrap、從事網站相關產業的朋友。現場沒有時間重新教導 HTML/CSS 等相關知識,如果已經從事相關產業,會更快上手。

如果您不確定自己適不適合該課程,歡迎參考以下檢測表,如果以下四點符合您目前的學習狀況,歡迎報名這門課。

  • 我可以使用 float, display, position 做出一般的網站版面
  • 我大概可以了解哪些是影響 HTML 排版的語法,哪些是影響 HTML 樣式的語法。
  • 我只聽過 Bootstrap,但還沒實際使用過,但我有興趣想學習與了解 Bootstrap。
  • 我不會害怕用打字的方式,打出 HTML 以及 CSS 語法。


常見問題

這裏收集了一些學員常見的問題,包含上課教室的環境、設備,以及上課的教材 ...等。

大家對課程如果有任何疑問,請先參考常見問題;或是用聯繫表單詢問我。

問:可以帶早餐到教室吃嗎?
答:

  • 因為是電腦教室,所以請大家不要在裡面吃東西,也不能喝飲料喔(可以喝水),教室外面有休息室,可以在那邊吃早餐。建議大家提早 10 分鐘到,在休息室解決早餐 :)
  • 休息室有提供水跟紙杯,也歡迎大家自行攜帶環保杯

問:需要帶筆電嗎?
答:教室有提供電腦 (PC + Win7),但如果你習慣使用自己的電腦,也歡迎攜帶唷!現場有插座與 wifi 可使用。

問:會提供書面教材或簡報嗎?
答:上課會使用電子檔教材,沒有提供書面紙本,講義都會放在網路上讓大家自由閱覽。課後依然可以自由存取練習。



學員心得

摘取部分學員的上課心得。

如果你想報名,卻不知道這堂課適不適合你,除了參考課程說明的「招生對象」之外,也可以參考學員們的上課心得唷。

  • 感謝老師的教學,解釋非常清楚,且透過上課,得到撰寫 RWD正 確的思維方式、概念、經驗,我覺得對我很重要
  • 對於 RWD 以及 Bootstrap 的概念更加清楚,很多關鍵性的地方,以前自學的時候並不知道,上了Muki老師的課後才曉得!覺得相當實用!
  • 很開心可以在課堂上完整的實作出 RWD 的效果,課程內容真的很豐富.非常有收穫喔!!!
  • 老師的講解非常清晰易懂,且會舉出實例和圖解輔助理解,課程安排不疾不徐,不會有還沒吸收完就要直接實作的情況,在有不明白的時候老師也很親切回答問題。
  • 感謝老師細心說明每一章節細節及無私分享個人經驗。
  • 了解到 bootstrap 原來不是讓網頁變漂亮而已,謝謝 Muki 老師。
    推薦還不會 RWD 的設計師來學習! 可以縮小設計師與工程師對於討論畫面的"鴻溝"。
    也推薦需要做 layout 的 PM 或全端工程師來學習,可以學到 CSS 有趣的實用方法與 RWD 的基本架設。
  • 實作讓人清楚明白 RWD 實際作業的過程。
  • 一個老是硬幹的工程師,發現原來Bootstrap 不是只是讓按鈕和 form 比較美麗的秘密。發現 CSS 原來很強,原來不用 jQuery 也可以達成。
  • 由淺入深的講說,讓我能清楚了解 RWD 的架構,配上實作部分,很多上網查資料覺得一頭霧水的部分,都有得到解答


課程報名

填寫報名資料送出後,會由主辦單位(MIS2000)跟你聯絡,請照著信上的匯款資訊繳費。

費用確認收到後,您會在課程開始前得 3~5 天,收到教室的完整地址,以及 MUKI 寄的課程通知信。

報名已結束



課程留言

如果在常見問題沒有看到你想要的答案,可以透過留言表單詢問喔。

請盡量針對該課程做詢問,如果過於離題,muki 有權不回答喲!

  • JFat

    哦耶~~~~~我要上~~~~花哈哈哈哈~))))

  • Weilun Chang

    請問最近還會開課嗎?
    謝謝

    • mukiwu

      你好,目前沒有開課計畫,請隨時關注粉絲團或部落格訊息唷!

    • 8/1 開課喔 ~

  • 黃皮皮

    近日還會開課嗎

    • 8/1 開課喔

  • 莊佳蓉

    拜託!懇請到南部開課!!!
    拜託~~~可以先付費卡位~~~
    拜託~~~
    南部資源不足~~~銜接上有相當難度…
    拜託~~~(很盧這樣)

    我不信南部不足12人啊!!!!!!!!!!
    請不要拋棄南部人阿(吶喊)

    • mukiwu

      XDDDD 吶喊也太趣味!
      未來會考慮的,請不用擔心 :)))

  • Phila Yang

    請問近期還會開課嗎?謝謝你

    • 會唷!!~ 11/21 開課

  • 張小捷

    請問課程裡會教到Bootstrap對於行動裝置的表單設計嗎?
    例如input select texture…等等這些表單 寫在modal裡的話 對行動裝置(特別是iOS 的safari上會有一些bug的問題) 是否有這類的相關解決方案的課程嗎?

    • 你好,目前沒有教到這部分,因為這門課是入門課程,詳細的課程大綱可以參考網站的說明喔。
      不過我有在規劃進階課程,也歡迎你將實際碰到的問題分享給我,讓我可以排入進階課程之中,謝謝 ^____^

  • 柯力文

    為什麼不利用活動報名平台來收費呢?不是方便許多嗎?

  • Oscar

    請問上完課有辦法製作出類似下面網址的效果嗎?
    http://hicksdesign.co.uk/

    (左上角的那個圖片在大螢幕時,可以比其他圖片暫更多的區塊,螢幕較小時,卻又和其他圖片佔比相同)

    • 可以唷,我已經把這個效果加入這次的課堂飯粒,有興趣可以來聽聽看 🙂

  • Oscar

    可以有線上Demo讓我們知道上完課後的成品效果嗎?這樣較能明確知道上課內容和自己閉門造車的差異度,進而方便評估是否要報名。 以上 謝謝您

    • 不好意思,我們沒有線上 Demo 這種東西,你可以參考課程大綱與內容,如果無法確定,那可以再參考其他業界開的前端課程唷,我相信一定可以找到適合你而且有提供線上 Demo 的課程,謝謝你~

  • oscar

    請問月底這班何時確定會開? 謝謝

  • Oscar

    很可惜上個月沒有報名成功,沒搶到位置。請問下次有預計幾月份開嗎?

    • 目前最新的時間是 4/16 ,現在還在招生中喔。

  • Steven

    請問Bootstrap可以解決現行所有RWD的效果嗎?如果不行,課堂會教如何解決嗎?謝謝

    • 沒辦法很武斷地跟你說可以唷,課堂上也不可能教所有的效果,謝謝。

  • Oscar

    我昨天已經報名了,請問我是要等你們的確認信嗎?

    • 是的,主辦單位會通知您付款方式,繳費後會再收到上課地點等資訊,謝謝;)

  • Nini Chen

    請問什麼時候再開課呢?