Sams Teach Yourself Bootstrap in 24 Hours (Paperback)
暫譯: Sams 24 小時自學 Bootstrap

Jennifer Kyrnin

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

相關主題

商品描述

Learn to create great-looking responsive web sites with Bootstrap

 

In just 24 lessons of one hour or less, Sams Teach Yourself Bootstrap in 24 Hours helps you use the free and open source Bootstrap framework to quickly build websites that automatically reflect each user’s device and experience, without complex hand crafting.

 

This book’s straightforward, step-by-step approach shows you how to install Bootstrap and quickly build basic sites; extend them with styles, components, and JavaScript plug-ins, and even create sophisticated designs with advanced features. In just a few hours, you’ll be using Bootstrap to bring responsive design to virtually any site. Every lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success.

 

  • Step-by-step instructions carefully walk you through the most common Bootstrap development tasks
  • Practical, hands-on examples show you how to apply what you learn
  • Quizzes and exercises help you test your knowledge and stretch your skills
  • Notes and tips point out shortcuts and solution 

 

Learn how to…

 

  • Download Bootstrap and integrate it into your project
  • Quickly build your first Bootstrap site with the basic template
  • Create beautiful and responsive site layouts with Bootstrap’s built-in grids
  • Display more interesting text with labels, badges, panels, and wells
  • Style tables and forms so they’re attractive, readable, and responsive
  • Use images, media, and icons, including free Glyphicons
  • Quickly create navigation and buttons, including dropdowns and search fields
  • Add alignment, color, and visibility with Bootstrap’s CSS utilities
  • Extend your site with alerts, image carousels, and other JavaScript plugins
  • Rapidly create appealing functional prototypes
  • Customize Bootstrap with CSS, Less, and Sass
  • Lighten Bootstrap downloads by stripping out unnecessary features
  • Build accessible sites
  • Create complex designs that don’t look generic

 

Who This Book is For

 

  • Those who already have an understanding of the basics of HTML and CSS
  • Having an understanding of JavaScript will make this book a bit easier to absorb, but it is not required because the basics of JavaScript are covered

 

Contents at a Glance

 

 

Part I: Getting Started with Bootstrap

Hour 1: What Is Bootstrap, and Why You Should Use It

Hour 2: Downloading and Installing Bootstrap

Hour 3: Build Your First Bootstrap Website with the Basic Template

Hour 4: Understanding Normalize.CSS and the Basics of Bootstrap CSS

 

Part II: Building and Managing Web Pages with Bootstrap

Hour 5: Grids and How to Use Them

Hour 6: Labels, Badges, Panels, Wells, and the Jumbotron

Hour 7: Bootstrap Typography

Hour 8: Styling Tables

Hour 9: Styling Forms

Hour 10: Images, Media Objects, and Glyphicons

Hour 11: Styling and Using Buttons and Button Groups

Hour 12: Creating Navigation Systems with Bootstrap

Hour 13: Bootstrap Utilities

 

Part III: Bootstrap JavaScript Plugins

Hour 14: Using Bootstrap JavaScript Plugins

Hour 15: Modal Windows

Hour 16: Affix, Tab, and ScrollSpy

Hour 17: Popovers and Tooltips

Hour 18: Transitions, Buttons, Alerts, and Progress Bars

Hour 19: Collapse and Accordion

Hour 20: Carousels

 

Part IV: Customizing Bootstrap

Hour 21: Customizing Bootstrap and Your Bootstrap Website

Hour 22: Making Bootstrap Accessible

Hour 23: Using Less and Sass with Bootstrap

Hour 24: Going Further with Bootstrap

 

 

商品描述(中文翻譯)

學習使用 Bootstrap 創建外觀優美的響應式網站

在短短 24 課,每課一小時或更少,Sams Teach Yourself Bootstrap in 24 Hours 幫助您使用免費且開源的 Bootstrap 框架,快速構建自動反映每位用戶設備和體驗的網站,而無需複雜的手工製作。

本書的簡單明瞭、逐步指導的方法展示了如何安裝 Bootstrap 並快速構建基本網站;使用樣式、組件和 JavaScript 插件擴展它們,甚至創建具有高級功能的複雜設計。在短短幾小時內,您將能夠使用 Bootstrap 為幾乎任何網站帶來響應式設計。每一課都建立在您已經學到的知識之上,為您在現實世界中的成功打下堅實的基礎。

- 逐步指導仔細引導您完成最常見的 Bootstrap 開發任務
- 實用的實作範例展示如何應用所學知識
- 測驗和練習幫助您檢測知識並提升技能
- 註解和提示指出捷徑和解決方案

學習如何……

- 下載 Bootstrap 並將其整合到您的專案中
- 使用基本模板快速構建您的第一個 Bootstrap 網站
- 使用 Bootstrap 內建的網格創建美觀且響應式的網站佈局
- 使用標籤、徽章、面板和井字顯示更有趣的文本
- 美化表格和表單,使其吸引人、易讀且響應式
- 使用圖像、媒體和圖示,包括免費的 Glyphicons
- 快速創建導航和按鈕,包括下拉選單和搜尋欄
- 使用 Bootstrap 的 CSS 工具擴展對齊、顏色和可見性
- 使用警報、圖像輪播和其他 JavaScript 插件擴展您的網站
- 快速創建吸引人的功能原型
- 使用 CSS、Less 和 Sass 自訂 Bootstrap
- 通過刪除不必要的功能來減少 Bootstrap 下載大小
- 構建可訪問的網站
- 創建不顯得普通的複雜設計

本書適合誰

- 已經了解 HTML 和 CSS 基礎的人
- 了解 JavaScript 將使本書更易於吸收,但並非必需,因為書中涵蓋了 JavaScript 的基礎知識

內容概覽

第一部分:開始使用 Bootstrap

第 1 小時:什麼是 Bootstrap,為什麼您應該使用它

第 2 小時:下載和安裝 Bootstrap

第 3 小時:使用基本模板構建您的第一個 Bootstrap 網站

第 4 小時:理解 Normalize.CSS 和 Bootstrap CSS 的基礎

第二部分:使用 Bootstrap 構建和管理網頁

第 5 小時:網格及其使用方法

第 6 小時:標籤、徽章、面板、井字和 Jumbotron

第 7 小時:Bootstrap 排版

第 8 小時:美化表格

第 9 小時:美化表單

第 10 小時:圖像、媒體對象和 Glyphicons

第 11 小時:美化和使用按鈕及按鈕組

第 12 小時:使用 Bootstrap 創建導航系統

第 13 小時:Bootstrap 工具

第三部分:Bootstrap JavaScript 插件

第 14 小時:使用 Bootstrap JavaScript 插件

第 15 小時:模態窗口

第 16 小時:Affix、Tab 和 ScrollSpy

第 17 小時:彈出提示和工具提示

第 18 小時:過渡、按鈕、警報和進度條

第 19 小時:折疊和手風琴

第 20 小時:輪播

第四部分:自訂 Bootstrap

第 21 小時:自訂 Bootstrap 和您的 Bootstrap 網站

第 22 小時:使 Bootstrap 可訪問

第 23 小時:在 Bootstrap 中使用 Less 和 Sass

第 24 小時:進一步探索 Bootstrap