Bootstrap 5 有什麼新特色!?

大家好，我是卡斯伯老師～

請問你切版時，是用哪一個方式在進行呢？

• 手刻至上，不使用框架或任何工具
• 使用 Sass 等工具，透過相關方法優化結構
• 使用框架作為基底，並自行撰寫 CSS 調整樣式
• 使用框架搭配 Sass 進行整合，大幅加速開發速度

從純 CSS 轉至工具至上的開發型態

過去，我也是使用純 CSS 的方式在撰寫網頁，不過隨著工具越來越豐富，我也從純 CSS 慢慢轉變為 Sass 及 Bootstrap 整合的方式進行開發，明顯的差異點在於：

• CSS 行數大幅減少：以前動輒上千行的 CSS，現在只需要調整變數就能完成，可以專注在新功能的開發
• 協作更為容易：每個人撰寫的習慣不同，就如 “按鈕” 有人習慣稱為 button 有些人則習慣使用 btn ，甚至同一個人每個階段的撰寫方式都不一樣。透過框架命名、架構的習慣會更有一致性。
• 不需要每次撰寫相同的模組：同樣的按鈕每個網站都需要用到，如果每次都重新撰寫將會花去不少時間，就算是 copy & paste 都有可能出錯，與其如此不如就直接引入，快速又可減少錯誤～

許多細微的差異下，從過去一個網站需花費兩週，到現在只需要 1 ~ 2 天就可完成相同品質的網站，剩下的時間可以用來優化更進階的視覺效果，長時間累積下來自然能夠有超越其他人的表現。

來自一段學長姐的話：

切版一定要快，如果連 CSS 都搞不定怎麼能做好專業的前端工程師呢？

Bootstrap 5 網頁開發整合術

• 聽說 Bootstrap 都長一樣，怎麼可能符合每個網站的需求？
  → 實戰都會透過變數客製化，調整成符合每個網站樣式及需求啦
• Sass 環境好像很難搞，學的時間該不會就抵掉之後節省的時間？
  → 課程中只花 3 分鐘介紹如何安裝 Sass 環境，只要文字編輯器不須另外安裝工具，相信你用一次就上癮
• 上述介紹了 Bootstrap 5 的一些特點，但這個工具真的有這麼好嗎？
  → 來參加活動，我現場示範給你看

接下來，我們預計在 10/27 進行「 Bootstrap 5 網頁開發整合術」的課程介紹，歡迎你提前發問，我將在直播過程中一一回覆。

• Slido 提前發問區
• 直播連結
• 直播時間：10/27 20:00
• 訂閱課程通知搶優惠（LINE）

想要即時收到 Bootstrap 5 課程活動訊息嗎？趕快訂閱起來！

訂閱課程通知 準時看直播