Mastering Bootstrap 4

Learn how to build beautiful and highly customizable web interfaces by leveraging the power of Bootstrap 4

Mastering Bootstrap 4

This ebook is included in a Mapt subscription
Benjamin Jakobus, Jason Marah

2 customer reviews
Learn how to build beautiful and highly customizable web interfaces by leveraging the power of Bootstrap 4
$10.00
$44.99
RRP $35.99
RRP $44.99
eBook
Print + eBook
Preview in Mapt

Book Details

ISBN 139781783981120
Paperback285 pages

Book Description

Bootstrap 4 is a free CSS and JavaScript framework that allows developers to rapidly build responsive web-interfaces.

Right from the first chapter, dive into building a customized Bootstrap website from scratch. Get to grips with Bootstrap’s key features and quickly discover the various ways in which Bootstrap can help you develop web-interfaces. Then take walk through the fundamental features, such as its grid system, helper classes, and responsive utilities. When you have mastered these, you will discover how to structure page layouts, use forms, style different types of content and utilize Bootstrap’s various navigation components. Among other things, you will also tour the anatomy of a Bootstrap plugin, creating your own custom components and extending Bootstrap using jQuery. Finally, you will discover how to optimize your website and integrate it with third-party frameworks.

By the end of this book, you will have a thorough knowledge of the framework’s ins and outs, and be able to build highly customizable and optimized web interfaces.

Table of Contents

Chapter 1: Revving Up Bootstrap
Introducing our demo project
What Bootstrap 4 Alpha 4 has to offer
Setting up our project
Summary
Chapter 2: Making a Style Statement
The grid system
Image elements
Responsive utilities
Helper classes
Text alignment and transformation
Summary
Chapter 3: Building the Layout
Splitting it up
Adding Bootstrap components
Summary
Chapter 4: On Navigation, Footers, Alerts, and Content
Fixating the navbar
Improving navigation using Scrollspy
Customizing scroll speed
Icons
Using and customizing alerts
Creating a footer
Creating and customizing forms
Form validation
Progress indicators
Adding content using media objects
Figures
Quotes
Abbreviations
Summary
Chapter 5: Speeding Up Development Using jQuery Plugins
Browser detection
Enhanced pagination using bootpag
Displaying images using Bootstrap Lightbox
Improving our price list with DataTables
Summary
Chapter 6: Customizing Your Plugins
Anatomy of a plugin
Customizing plugins
Writing a custom Bootstrap jQuery plugin
Summary
Chapter 7: Integrating Bootstrap with Third-Party Plugins
Building a testimonial component with Salvattore
Hover
Summary
Chapter 8: Optimizing Your Website
CSS optimization
Minifying CSS and JavaScript
Introducing Grunt
Running tasks automatically
Stripping our website of unused CSS
JavaScript file concatenation
Summary
Chapter 9: Integrating with AngularJS and React
Introducing AngularJS
Introducing React
Summary

What You Will Learn

  • Create a professional Bootstrap-based website from scratch without using third-party templates
  • Apply the Bootstrap mobile-first grid system and add responsiveness and aesthetic touches to image elements
  • Style various types of content and learn how to build a page’s layout from scratch by applying the power of Bootstrap 4
  • Take advantage of Bootstrap’s form helper and contextual classes
  • Infuse your web pages with life and movement using Bootstrap jQuery plugins
  • Customize the behavior and features of Bootstrap’s jQuery Plugins extensively
  • Optimize your Bootstrap-based project before deployment
  • Incorporate Bootstrap into an AngularJS or React application and use Bootstrap components as AngularJS directives or React components

Authors

Table of Contents

Chapter 1: Revving Up Bootstrap
Introducing our demo project
What Bootstrap 4 Alpha 4 has to offer
Setting up our project
Summary
Chapter 2: Making a Style Statement
The grid system
Image elements
Responsive utilities
Helper classes
Text alignment and transformation
Summary
Chapter 3: Building the Layout
Splitting it up
Adding Bootstrap components
Summary
Chapter 4: On Navigation, Footers, Alerts, and Content
Fixating the navbar
Improving navigation using Scrollspy
Customizing scroll speed
Icons
Using and customizing alerts
Creating a footer
Creating and customizing forms
Form validation
Progress indicators
Adding content using media objects
Figures
Quotes
Abbreviations
Summary
Chapter 5: Speeding Up Development Using jQuery Plugins
Browser detection
Enhanced pagination using bootpag
Displaying images using Bootstrap Lightbox
Improving our price list with DataTables
Summary
Chapter 6: Customizing Your Plugins
Anatomy of a plugin
Customizing plugins
Writing a custom Bootstrap jQuery plugin
Summary
Chapter 7: Integrating Bootstrap with Third-Party Plugins
Building a testimonial component with Salvattore
Hover
Summary
Chapter 8: Optimizing Your Website
CSS optimization
Minifying CSS and JavaScript
Introducing Grunt
Running tasks automatically
Stripping our website of unused CSS
JavaScript file concatenation
Summary
Chapter 9: Integrating with AngularJS and React
Introducing AngularJS
Introducing React
Summary

Book Details

ISBN 139781783981120
Paperback285 pages
Read More
From 2 reviews

Read More Reviews