Bootstrap By Example（Paperback）

Master Bootstrap 4's frontend framework and build your websites faster than ever before

About This Book

• Become an expert in Bootstrap framework, and speed up front-end development and prototyping through real-life examples
• An applied guide exploring two web applications such as Twitter and Dashboard from scratch
• Hands on the Bootstrap version 4 even before the official release

Who This Book Is For

If you are a frontend developer with no knowledge of Bootstrap, then this book is for you. Basic knowledge of HTML, CSS, and JavaScript is expected, as well as a reasonable understanding of web frameworks, such as jQuery.

What You Will Learn

• Discover how to use Bootstrap's components and elements, and to customize them for your own projects
• Understand the framework's usage in the best way with the recommended development patterns
• Create web pages for any kind of device like tablet, mobile, computer, etc.
• Construct a Twitter app by exploring the advanced bootstrap components like Breadcrumbs, Pagination, Media objects, and so on
• Combine the power of JavaScript with your Bootstrap app for more functionality
• Create a Dashboard web app using Bootstrap's JavaScript plugins
• Learn the difference between Bootstrap's version 3 and 4 of the framework
• Extend your knowledge on Bootstrap's external plugins, their incorporation and usage

In Detail

Bootstrap is a free, open source collection of tools that helps developers create websites or web applications. It provides a faster, easier, and less repetitive solution to designing and building applications. Before Bootstrap's release, it was necessary to import a variety of libraries into your project that offered different components and features for web interface development. Plus with the increased popularity of smartphones there were lack of libraries that could handle the responsiveness of a web page. Bootstrap's existence let it quickly become famous as a front-end framework that offered a wide set of tools from page grid up to components that render a web page in the best possible way for any device.

This book will be a tutorial covering various examples as well as step-by-step methodology to create interesting web applications using Bootstrap and to understand the front-end framework to its core.

We begin with an introduction to the Bootstrap framework and setting up an environment to build a simple web page. We then cover the grid system, basic Bootstrap components, HTML elements, and customization components for responsive and mobile first development. This is presented by creating a beautiful Landing page sample. You will also learn how to create a web application like Twitter by using the full set of components offered in the framework. Finally, you will learn to create a dashboard web app, using Bootstrap to its finest potential including component customizations, event handling, and external library integration. All these examples are explained step-by-step and in depth, while covering the versions 3 and the most recent version 4 of Bootstrap. So, you will be in the state of the art for front-end development.

By the end of this book, you will be familiar with the development of a plugin for the framework and Bootstrap's world which is popular for fast paced front-end web development, used in countless projects all over the world, and now yours.

《精通 Bootstrap 4：前端框架，讓您的網站開發更快速》

關於本書：
- 透過實例學習，成為 Bootstrap 框架的專家，加速前端開發和原型製作
- 從頭開始探索兩個網頁應用程式（Twitter 和儀表板），實際應用指南
- 在官方發布之前就實際操作 Bootstrap 4

本書適合對 Bootstrap 沒有了解的前端開發人員。預期讀者具備 HTML、CSS 和 JavaScript 的基本知識，以及對於 jQuery 等網頁框架的合理理解。

學到什麼：
- 探索如何使用 Bootstrap 的元件和元素，並為自己的專案進行自定義
- 以最佳方式使用框架，了解推薦的開發模式
- 為平板電腦、手機、電腦等各種設備創建網頁
- 通過探索高級 Bootstrap 元件（如面包屑導航、分頁、媒體對象等）來建立 Twitter 應用程式
- 將 JavaScript 的功能與 Bootstrap 應用程式結合，實現更多功能
- 使用 Bootstrap 的 JavaScript 插件創建儀表板網頁應用程式
- 了解 Bootstrap 框架版本 3 和 4 的差異
- 擴展對 Bootstrap 外部插件的了解，以及它們的整合和使用方法

詳細內容：
Bootstrap 是一個免費、開源的工具集，幫助開發人員創建網站或網頁應用程式。它提供了一種更快、更簡單、更少重複性的解決方案，用於設計和構建應用程式。在 Bootstrap 發布之前，必須導入各種庫到項目中，這些庫提供了不同的組件和功能，用於網頁界面開發。隨著智能手機的普及，缺乏能處理網頁響應性的庫。Bootstrap 的出現讓它迅速成為一個前端框架，提供了從頁面網格到以最佳方式呈現網頁的組件等一系列工具。

本書將通過各種實例和逐步方法，教您使用 Bootstrap 創建有趣的網頁應用程式，並深入了解前端框架的核心。我們首先介紹 Bootstrap 框架，並建立一個簡單的網頁。然後，我們介紹網格系統、基本 Bootstrap 元件、HTML 元素和用於響應式和移動優先開發的自定義元件。這些內容通過創建一個漂亮的登陸頁面示例來呈現。您還將學習如何使用框架中提供的完整組件集創建類似 Twitter 的網頁應用程式。最後，您將學習如何使用 Bootstrap 的最佳功能創建儀表板網頁應用程式，包括組件自定義、事件處理和外部庫整合。所有這些示例都將逐步深入解釋，並涵蓋 Bootstrap 的版本 3 和最新版本 4。因此，您將處於前端開發的最新狀態。

通過閱讀本書，您將熟悉框架和 Bootstrap 的世界，這是一個用於快節奏前端網頁開發的流行工具，被無數項目在全球使用，現在也包括您的項目。