The Missing Bootstrap 5 Guide: Customize and extend Bootstrap 5 with Sass and JavaScript to create unique website design (Paperback)s

Jensen, Jeppe Schaumburg

  • 出版商: Packt Publishing
  • 出版日期: 2022-08-26
  • 售價: $1,575
  • 貴賓價: 9.5$1,496
  • 語言: 英文
  • 頁數: 384
  • 裝訂: Quality Paper - also called trade paper
  • ISBN: 180107643X
  • ISBN-13: 9781801076432
  • 相關分類: BootstrapJavaScript
  • 立即出貨 (庫存=1)

買這商品的人也買了...

相關主題

商品描述

Make your website stand out by unlocking the full potential of Bootstrap 5 and creating efficient UIs

Key Features

- Find out how to customize all parts of Bootstrap 5 with Sass, including working with the utility API
- Create a unique website using only Bootstrap 5 with Sass customization and interactive features
- Grasp advanced Bootstrap 5 topics related to Sass, CSS, JavaScript, and source code optimization

Book Description

Bootstrap is one of the world's most popular and easy-to-use frontend UI toolkits for building responsive websites, but few know how to get the most out of its vast range of components, utilities, JavaScript plugins, and other features. The Missing Bootstrap 5 Guide will help you customize Bootstrap 5 with Sass to achieve a layout that stands out from the crowd, enabling you to create something unique that doesn't look like it was created with Bootstrap.

With this practical guide to Bootstrap customization, developers working with Bootstrap will be able to utilize powerful customization techniques to create websites with unique designs and exclusive features. You'll see how you can develop a visually appealing website quickly and easily by taking a hands-on approach to customizing your website using advanced features of CSS, Sass, and JavaScript. Starting with learning how the Bootstrap 5 visual style is created with Sass, you'll find out how to customize it to fit your needs while achieving the website look you want. You'll then use this knowledge to create a website using most of Bootstrap 5's components and customization with Sass and JavaScript. Finally, you'll explore various advanced Bootstrap 5 topics related to Sass, CSS, JavaScript, and source code optimization.

By the end of this book, you'll be able to design and build modern, captivating, and unique websites on your own using the immense capabilities of Bootstrap 5.

What you will learn

- Identify the most important Sass features for using Bootstrap 5
- Understand the structure and content of Sass code used in Bootstrap 5
- Explore customization options, colors, layout, content, forms, components, helpers, and utilities
- Find out how to customize, extend, and improve a website to make it unique
- Discover different ways of using the CSS custom properties of Bootstrap 5
- Get to grips with Bootstrap 5 source code optimization

Who this book is for

This book is for UI designers and developers who are familiar with HTML and have prior experience with Bootstrap. Frontend as well as backend developers using Bootstrap, who don't know how to code CSS but have a solid grasp on HTML, will also find this book useful. Experienced users of the default Bootstrap files can use this book to learn all about customization and other advanced features.

商品描述(中文翻譯)

讓您的網站脫穎而出,發揮 Bootstrap 5 的全部潛力,並創建高效的使用者介面。

主要特點:
- 了解如何使用 Sass 自定義 Bootstrap 5 的所有部分,包括使用實用工具 API。
- 使用僅限於 Bootstrap 5 的 Sass 自定義和互動功能創建獨特的網站。
- 掌握與 Sass、CSS、JavaScript 和源代碼優化相關的高級 Bootstrap 5 主題。

書籍描述:
Bootstrap 是全球最受歡迎且易於使用的前端 UI 工具包之一,用於構建響應式網站,但很少有人知道如何充分利用其廣泛的組件、實用工具、JavaScript 插件和其他功能。《缺失的 Bootstrap 5 指南》將幫助您使用 Sass 自定義 Bootstrap 5,實現與眾不同的佈局,讓您創建出與 Bootstrap 不同的獨特網站。

通過這本實用的 Bootstrap 自定義指南,使用 Bootstrap 的開發人員將能夠利用強大的自定義技術創建具有獨特設計和獨家功能的網站。您將學習如何通過實踐來自定義您的網站,使用 CSS、Sass 和 JavaScript 的高級功能,快速輕鬆地開發出視覺上吸引人的網站。從了解 Bootstrap 5 的視覺風格如何使用 Sass 創建開始,您將發現如何根據自己的需求自定義它,同時實現您想要的網站外觀。然後,您將使用這些知識使用 Bootstrap 5 的大多數組件和 Sass、JavaScript 的自定義來創建網站。最後,您將探索與 Sass、CSS、JavaScript 和源代碼優化相關的各種高級 Bootstrap 5 主題。

通過閱讀本書,您將能夠利用 Bootstrap 5 的強大功能,自己設計和構建現代、引人入勝且獨特的網站。

您將學到什麼:
- 確定使用 Bootstrap 5 的最重要的 Sass 功能。
- 了解 Bootstrap 5 中使用的 Sass 代碼的結構和內容。
- 探索自定義選項、顏色、佈局、內容、表單、組件、助手和實用工具。
- 找出如何自定義、擴展和改進網站,使其獨特。
- 發現使用 Bootstrap 5 的 CSS 自定義屬性的不同方法。
- 掌握 Bootstrap 5 源代碼優化。

本書適合對 HTML 有經驗並熟悉 Bootstrap 的 UI 設計師和開發人員。使用 Bootstrap 的前端和後端開發人員,雖然不懂如何編寫 CSS,但對 HTML 有扎實的理解,也會發現本書很有用。對於使用默認 Bootstrap 文件的有經驗用戶,可以通過本書了解所有自定義和其他高級功能。

作者簡介

Jeppe Schaumburg Jensen is an experienced frontend developer with a deep interest in teaching Bootstrap and other UI frameworks. He holds a master of science degree in information technology with a specialization in interaction design and user experience. Over the last few years, he has been successful in establishing himself as an independent Instructor by creating online courses on different frontend development topics for various online course providers. On Udemy, his courses on Bootstrap have achieved the “Bestseller” and “Highest rated” badges, with more than 25,000 students so far. Besides teaching, Jeppe is a Senior Software Engineer on the Design System Team at Siteimprove, a multinational and industry-leading Software-as-a-Service (SaaS) company.

作者簡介(中文翻譯)

Jeppe Schaumburg Jensen 是一位經驗豐富的前端開發人員,對於教授 Bootstrap 和其他 UI 框架有濃厚的興趣。他擁有資訊科技碩士學位,專攻互動設計和使用者體驗。在過去幾年中,他成功地建立了自己的獨立教學者身份,為各種線上課程提供者創建了不同的前端開發主題的線上課程。在 Udemy 上,他的 Bootstrap 課程已經獲得了「暢銷課程」和「最高評分」的標籤,迄今已有超過 25,000 名學生。除了教學之外,Jeppe 是 Siteimprove 公司設計系統團隊的高級軟體工程師,該公司是一家跨國領先的軟體即服務(SaaS)公司。

目錄大綱

1. Why and How to Customize Bootstrap
2. Using and Compiling Sass
3. Downloading and Exploring the Bootstrap 5 Sass Files
4. Bootstrap 5 Global Options and Colors
5. Customizing Various Bootstrap 5 Elements
6. Understanding and Using the Bootstrap 5 Utility API
7. Creating the Website Using Default Bootstrap 5 Elements
8. Customizing the Website Using Bootstrap 5 Variables, Utility API and Sass
9. Improving the Website with Interactive Features Using JavaScript
10. Using Bootstrap 5 with Advanced Sass and CSS Features
11. Using Bootstrap 5 with Advanced JavaScript Features
12. Optimizing the Compiled Bootstrap 5 CSS and JavaScript Code

目錄大綱(中文翻譯)

1. 為什麼和如何自定義 Bootstrap
2. 使用和編譯 Sass
3. 下載和探索 Bootstrap 5 的 Sass 檔案
4. Bootstrap 5 的全域選項和顏色
5. 自定義各種 Bootstrap 5 元素
6. 理解並使用 Bootstrap 5 的實用工具 API
7. 使用預設的 Bootstrap 5 元素建立網站
8. 使用 Bootstrap 5 變數、實用工具 API 和 Sass 自定義網站
9. 使用 JavaScript 增強網站的互動功能
10. 使用進階的 Sass 和 CSS 功能與 Bootstrap 5 一起使用
11. 使用進階的 JavaScript 功能與 Bootstrap 5 一起使用
12. 優化編譯後的 Bootstrap 5 CSS 和 JavaScript 代碼