Bootstrap 4 Site Blueprints

Bass Jobsen, David Cochran, Ian Whitley

• Publisher: Packt Publishing
• Year: 2016
• eBook ISBN: 9781785889653
• Edition: 1
• Topic: Computer Science
• Subtopic: Programming in JavaScript
• Index: Computer Science

Explore the robust features of Bootstrap 4 to create exciting websites through this collection of excellent hands-on projects

About This Book

• Explore the inner workings of Bootstrap 4 by building different websites
• Customize your designs by working directly with Bootstrap's SASS files
• Leverage Bootstrap's excellent JavaScript plugins

Who This Book Is For

If you are a web developer who wants to build professional websites using Bootstrap 4, then this book is for you. Familiarity with the basics of HTML, CSS, and JavaScript is assumed.

What You Will Learn

• Understand how Bootstrap compiles SASS code to static CSS and ES6 code into JavaScript code
• Integrate Bootstrap into application frameworks such as Angular 2 (AngularJS), Ember, and React
• Reuse Bootstrap's SASS mixins and set responsive breakpoints in your designs
• Customize Bootstrap's SASS files and add your own in the process
• Manage multiple rows of products in a complex responsive grid
• Create a complete one-page scrolling website using Bootstrap's components and plugins

In Detail

Packed with trade secrets, this second edition is your one-stop solution to creating websites that will provide the best experience for your users. We cover six popular, real-world examples, where each project teaches you about the various functionalities of Bootstrap 4 and their implementation.

The book starts off by getting you up and running with the new features of Bootstrap 4 before gradually moving on to customizing your blog with Bootstrap and SASS, building a portfolio site, and turning it into a WordPress theme. In the process, you will learn to recompile Bootstrap files using SASS, design a user interface, and integrate JavaScript plugins. Towards the end of the book, you will also be introduced to integrating Bootstrap 4 with popular application frameworks such as Angular 2, Ruby on Rails, and React.

Style and approach

This book follows a project-based approach to creating different types of popular websites using Bootstrap. You'll work through easy-to-follow, clear, and logical steps, with screenshots and tips provided along the way to help you get more from Bootstrap.

Bootstrap 4 Site Blueprints

---

Bootstrap 4 Site Blueprints

Copyright © 2016 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the authors, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: February 2014

Second edition: October 2016

Production reference: 1241016

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham

B3 2PB, UK.

ISBN 978-1-78588-965-3

www.packtpub.com

Credits

Authors Bass Jobsen David Cochran Ian Whitley	Copy Editor Safis Editing
Reviewer Silvio Moreto	Project Coordinator Ritika Manoj
Commissioning Editor Ashwin Nair	Proofreader Safis Editing
Acquisition Editor Smeet Thakkar	Indexer Rekha Nair
Content Development Editor Sachin Karnani	Graphics Abhinash Sahu
Technical Editor Rupali R. Shrawane	Production Coordinator Melwyn Dsa

About the Authors

Bass Jobsen lives in Orthen in the Netherlands. Bass tries to combine his interests in web technology with his compassion for a sustainable lifestyle. He therefore not only owns a web development company, but is also board member at the Energie Cooperatie 073. In his spare time, he plays tennis and spends a lot of time with his kids Kiki, Dries, Wolf, and Helena.

Bass has been programming the web since 1995, ranging from C to PHP. He is always looking for the most accessible interfaces. He has a special interest in the processes between designer and programmer. Web interfaces should work independently of devices or browsers in his opinion. He also works on the accessibility of Bootstrap and his JBST WordPress starters theme.

Delivering readable and maintainable code is important for his daily job so that's why he loves CSS preprocessors and other tools that stimulate DRY (Don't Repeat Yourself) coding in web development. Also, Bootstrap helps him to work faster and make his clients and users more content.

With over 5 years of experience with Bootstrap, Bass has been actively contributing to the community with his blogs (http://bassjobsen.weblogs.fm/) and Git repos (https://github.com/bassjobsen). He has created sites such as http://www.streetart.com/ with Bootstrap. The newest version of JBST for Bootstrap 4 is already available at https://github.com/bassjobsen/jbst-4-sass. He released a CLI for Bootstrap 4 in March 2016 ( https://github.com/bassjobsen/bootstrap-cli).

In the summer of 2016, Bass started teaching programming Scratch for primary school kids using the Massive Open Online Courses (MOOCs) on the edX-platform offered by Delft University of Technology.

He is also the author of, among others, Sass and Compass Designer's Cookbook with Packt Publishing and some other books on Less (Leaner CSS).

I would also like to thank Smeet and Sachin from Packt for their support and feedback. Last but not least, the critical and useful reviews of Silvio helped me to right a better book. Without the support of those wonderful people I could not wrote this book!

David Cochran serves as an Associate Professor of Communication at Oklahoma Wesleyan University. He has been teaching Interactive Design since 2005. A passion for best practices induced him to avoid shortcuts and hew towards web standards. When Twitter Bootstrap was first released in August 2011, he recognized it as a tool that would speed up development while supporting best practices. Thus, he began folding Bootstrap into his university courses, much to the benefit of his students. In 2012, David produced a Bootstrap 2.0 tutorial series for webdesign.tutsplus.com. He also published a first short book about Bootstrap, Twitter Bootstrap Web Development How-To, Packt Publishing.

Ian Whitley developed a passion for writing and literature at a young age. In 2010, he developed a deep interest in web development and decided to get involved in it. When the opportunity to help write a book on web development came up, it seemed like too good of an offer to pass up. He was one of the early adopters of Twitter Bootstrap when it was first released in 2011. With the help of David Cochran, he quickly conquered the system and has used it for many different web projects. Currently, he uses Bootstrap in relation to WordPress, using both in conjunction to create custom and creative solutions for his client.

Living in the Bartlesville, OK, Ian is the lead developer for BitBrilliant, the company that David Cochran founded. He is always looking to further his skills—both for the web and in the many hobbies he pursues, which include leather working and writing.

About the Reviewer

Silvio Moreto is a developer with more than 8 years of experience with frontend technologies and has created many websites and web applications using the Bootstrap framework. From simple pages to complex ones, he has always used the Bootstrap framework. Silvio is also the creator of the bootstrap-select plugin (http://silviomoreto.github.io/bootstrap-select/), which is a very popular plugin among the community. It is for replacing a selected element by a Bootstrap button drop-down element. Silvio foresaw that a plugin such as this one was missing in the original framework, and it could be useful for the community. Silvio is the writer of the book Bootstrap by Example, published by Packt Publishing as well. Besides this, he is very active in the open source community, participating in some open source repository and issue communities, such as Stack Overflow. Also, he finished third in the worldwide Django Dash 2013 challenge.

www.PacktPub.com

For support files and downloads related to your book, please visit www.PacktPub.com.

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at [email protected] for more details.

At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

https://www.packtpub.com/mapt

Get the most in-demand software skills with Mapt. Mapt gives you full access to all Packt books and video courses, as well as industry-leading tools to help you plan your personal dev...

Table of contents

• Bootstrap 4 Site Blueprints