Bootstrap 5 從頭開始 | 建構 5 個現代網站

Esa

6 年前

學習使用 Bootstrap 5 從頭開始自訂和建立現代網站

從這 13.5 小時的課程，你會學到

從頭開始創建 5 個高品質網站
建立環境樣板來編譯 Sass 並自訂 Bootstrap
3 個迷你專案挑戰
使用沙箱檔案學習和檢查 Bootstrap classes & utilities
學習語意 HTML5 與 CSS 技術

要求

您應該了解 HTML 和 CSS 的基礎知識

課程說明

本課程適合任何想要學習如何使用 Bootstrap CSS 框架建立現代網站和 UI 的人。本課程非常適合初學者，但也適合任何想要建立一些很酷專案的人。

課程分為幾個部分…

Bootstrap 沙盒

我們將首先使用 Bootstrap 沙箱學習所有重要的 Bootstrap 類別、實用程式、幫助程式等。這是針對某些元件和區域（例如按鈕、版式、網格列、flex 等）進行分類的檔案集合。您將擁有一個沒有類別的入門版本，我們將瀏覽並添加類別並討論它們，在某些情況下檢查CSS。我們將為所有 CSS 元件以及 JavaScript 小工具（例如輪播、手風琴、toast 通知等）使用沙箱。

小型專案挑戰

我將要求您根據您在沙盒部分中學到的知識自行完成幾個小型專案。這包括定價網格、評級組件和用戶列表。我也可能會在本節中添加更多內容。

入門模板/樣板

我們將創建一個模板和環境來建立我們的主要專案。這將包括使用 NPM（節點套件管理器）來安裝 Bootstrap 和 Sass。我們將透過更改 Sass 變數來自訂 Bootstrap，然後編譯自訂 bootstrap.css 檔案。如果你不了解 NPM 或 Sass，那也沒關係。我邊走邊解釋一切。

5 個主要網站

接下來，我們將使用入門範本建立 5 個美觀的網站。在這些網站中，我們將使用 Bootstrap 元件、JavaScript 小工具以及一些自訂 JavaScript 和第 3 部分程式庫來為我們提供更多功能。

網站如下：

電子書網站 – 提供有關創建部落格的免費電子書的網站
Corso 網站 – 提供培訓課程和研討會的網站
投資組合網站 – 適合開發商的現代外觀投資組合
Yavin Website – 一家創建客製化辦公空間的企業
Vera 網站 – 軟體解決方案網站

目標受眾

想要使用 Bootstrap 建立高品質網站和 UI 的人

講師簡介

Brad Traversy Traversy Media 的全端 Web 開發者與講師

Brad Traversy 從事程式設計工作約 12 年，教學經驗近 5 年。他是 Traversy Media 的擁有者，這是一個成功的 Web 開發 YouTube 頻道，專注於從 HTML5 到 Angular 等前端框架以及 Node.js、PHP 和 Python 等伺服器端技術的所有領域。布拉德已經掌握了以簡單易懂的方式解釋非常複雜的主題。透過觀看 Brad 的課程來投資您的知識。

英文字幕：有

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

點選 ✨ 大多課程 NT320 優惠連結 ( 到 5/2 )| Udemy 永久擁有課程 ( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 | 建議登入 Udemy 帳號取得優惠）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現