時間與費用

  • 時間:2016.12.05 ~ 2016.12.09

    每週一、三、五 7.30~10.30 PM,共 9 小時

  • 地點:家裡 / 遠端教學
  • 費用:NT$5,200
  • 報名:點我報名
  • 人數:上限 20 人。

Bootstrap 中階課程除了 Grid System 外,還會介紹更多 Bootstrap 與 jQuery 元件,並分享如何使用 Bootstrap 3 客製化您的網站版面。

此外,我們還會學到,怎麼利用 Bootstrap 3 做出課堂提供的兩種版面,做完的檔案都可視為一個獨立的專案,並直接在工作中運用。

範例檔案都會提供給學員,並包含詳細的介紹與步驟,供學員課後練習唷。

以下課程大綱僅供參考,會根據現場狀況而隨時修正。

第一堂:Bootstrap 與 RWD 技巧的導覽與快速複習

  • Bootstrap Grid 快速導覽
  • CSS Media query 導覽與複習
  • Bootstrap framework 介紹
  • 客製化 Bootstrap

第二 & 三堂:從網站架構開始,告訴大家怎麼使用 Bootstrap 做出一頁式版型的版型,預期課程結束後,能讓學員實際應用在職場上。


第二堂:一頁式版型製作

該版型會用到的技術(未全部列出):

  • Bootstrap 導航列
  • Bootstrap Slider
  • Bootstrap tab
  • 視差滾動

第三堂:活動版型製作

該版型會用到的技術(未全部列出):

  • Bootstrap 客製化網格
  • Bootstrap embed
  • CSS Shape 運用

*(為維護課程權益,版型截圖恕無法提供完整畫面)


  • 此為中階課程,希望已有 Bootstrap Grid 與 CSS media query 基礎的朋友再來報名喔。
  • 歡迎上過我的 RWD 入門與實戰 / 或前端組合的學員報名,可無縫銜接


常見問題

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

大家對課程如果有任何疑問,請先參考常見問題;或是透過下方的留言區詢問。

問:為什麼要用遠端教學?如何在家裡遠端教學?
答:考量到中南部的朋友無法到北部上課,所以這次採用遠端教學,讓大家可以輕鬆在家裡邊吃飯邊與我視訊唷(羞)。
我們會使用 ZOOM進行遠端教學,他支援 MAC 與 Windows,還有白版 / 舉手與發問機制,非常適合遠端教學,詳細的使用方法會在課前通知報名學員。

問:會提供書面教材或簡報嗎?
答:我們沒有提供書面紙本,上課使用的是電子檔教材,講義放在網路上讓大家自由閱覽,課程結束後會讓大家下載。

問:課後有問題該怎麼聯絡老師呢?
答:上課前我們會邀請學員加入 slack 討論群組,課程中或結束後有任何問題,都可以透過 slack 進行討論。
slack 類似 FB 社團,但是他的功能與隱私性更加強大,有許多新創公司都是利用 slack 在討論公司事務的唷,無毒請安心使用 😊

問:請問有提供錄影嗎?
答:不好意思,我們的課程並沒有提供錄影檔,敬請見諒。
我們不是販售錄影的課程,使用遠端的目的是為了讓各位能輕鬆在家學習,並讓外縣市朋友可以報名,所以錄影不在我們課程的考量範圍,以往在教室上課也是不提供錄影的。

問:如果臨時請假,可以補課或是提供錄影檔嗎?
答:承上,課程不提供錄影檔,也不提供補課唷。如果您外務很多,或是常常需要臨時加班,請斟酌是否要報名該課程,不便之處敬請見諒 😭



學員心得

這才第一堂課啦 XDD


課程報名

  • 報名人數如果低於 5 人課程會取消,並全額退費。
  • 費用確認收到後,您會在課程開始的前 3 天,收到 MUKI 寄的課程通知信。
  • 付款上有任何問題,請郵件聯繫我:mukispace@gmail.com



課程留言

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

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

  • Kuanzhao Lu

    老師您好~您這BOOTSTRAP的課程跟RWD 入門與實戰的課程有什麼差別呢?就是利用bootstrap這套件的功能,做出一個rwd的網站嗎?期待老師的開課。

    • 你好,RWD 入門與實戰偏向沒學過 RWD 的新手,內容著重 Grid System 的練習。
      而這個 Bootstrap 課程除了會延伸 Grid System 之外,也會加入更多 Bootstrap 元件的介紹,並且教大家做出更完整的 RWD 網站唷~

  • oscar

    上課過程有提供學員練習的時間嗎?或提供老師上課教學內容的原始碼下載?

    • 這次的課程比較緊湊,如果有多餘的時間會讓各位練習,但還是以講解為主。另外課程都會提供完整範例檔案給大家 ^___^

  • oscar

    課程結束後,有提供一個月的線上問答服務嗎

    • 課程結束後,有任何問題都可 E-mail 詢問唷~(終身!!!),只要來信說明是上過課的學生就行 😀

  • 許耀彰

    課程可以自己用錄製軟體錄製課程for 個人複習用嗎?謝謝