Bootstrap By Example(Paperback)
暫譯: Bootstrap 實戰範例(平裝本)
Silvio Moreto
- 出版商: Packt Publishing
- 出版日期: 2016-03-30
- 售價: $2,000
- 貴賓價: 9.5 折 $1,900
- 語言: 英文
- 頁數: 324
- 裝訂: Paperback
- ISBN: 1785288873
- ISBN-13: 9781785288876
-
相關分類:
Bootstrap
海外代購書籍(需單獨結帳)
相關主題
商品描述
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 和 Dashboard 兩個網頁應用程式
- 在官方發布之前,實際操作 Bootstrap 4 版本
## 本書適合誰
如果您是一位對 Bootstrap 毫無了解的前端開發者,那麼這本書就是為您而寫。預期您具備基本的 HTML、CSS 和 JavaScript 知識,以及對網頁框架(如 jQuery)的合理理解。
## 您將學到什麼
- 探索如何使用 Bootstrap 的組件和元素,並為自己的專案進行自定義
- 以推薦的開發模式理解框架的最佳使用方式
- 為平板電腦、手機、電腦等各種設備創建網頁
- 通過探索高級 Bootstrap 組件(如 Breadcrumbs、Pagination、Media objects 等)來構建 Twitter 應用程式
- 將 JavaScript 的力量與您的 Bootstrap 應用程式結合,以增強功能
- 使用 Bootstrap 的 JavaScript 插件創建 Dashboard 網頁應用程式
- 學習 Bootstrap 版本 3 和 4 之間的差異
- 擴展對 Bootstrap 外部插件的知識,包括其整合和使用
## 詳細內容
Bootstrap 是一個免費的開源工具集合,幫助開發者創建網站或網頁應用程式。它提供了一種更快、更簡單且重複性更低的解決方案來設計和構建應用程式。在 Bootstrap 發布之前,開發者需要將各種庫導入到專案中,以提供不同的組件和功能來開發網頁介面。此外,隨著智能手機的普及,缺乏能夠處理網頁響應式設計的庫。Bootstrap 的出現使其迅速成為一個前端框架,提供從頁面網格到能夠以最佳方式渲染網頁的組件的廣泛工具。
本書將是一個教程,涵蓋各種範例以及逐步的方法論,以使用 Bootstrap 創建有趣的網頁應用程式,並深入理解前端框架的核心。
我們將從介紹 Bootstrap 框架和設置環境以構建簡單的網頁開始。接著,我們將涵蓋網格系統、基本的 Bootstrap 組件、HTML 元素以及針對響應式和移動優先開發的自定義組件。這些內容將通過創建一個美觀的登陸頁面範例來呈現。您還將學習如何使用框架中提供的完整組件集來創建類似 Twitter 的網頁應用程式。最後,您將學會創建一個 Dashboard 網頁應用程式,充分發揮 Bootstrap 的潛力,包括組件自定義、事件處理和外部庫整合。所有這些範例都將逐步深入解釋,同時涵蓋 Bootstrap 的版本 3 和最新版本 4。因此,您將掌握前端開發的最新技術。
在本書結束時,您將熟悉為框架開發插件的過程,以及在全球無數專案中廣泛使用的快速前端網頁開發的 Bootstrap 世界,現在這個世界也屬於您。