Complete Bootstrap: Responsive Web Development with Bootstrap 4

Complete Bootstrap: Responsive Web Development with Bootstrap 4: Learn all the new features and build a set of example applications for your portfolio with the latest version of Bootstrap

Learn all the new features and build a set of example applications for your portfolio with the latest version of Bootstrap

Key Features

• Do more with JavaScript and learn how to create an enhanced user experience
• Leverage Sass to make your CSS code maintainable, reusable and prevent code duplications
• Leverage Bootstrap’s excellent JavaScript plugins

Book Description

Since its debut in August 2011, Bootstrap has become by far the most popular framework for empowering and enhancing frontend web design. With version 4, Bootstrap reaches an exciting new milestone, a lean code base optimized for modern browsers. Bootstrap 4 introduces a wide range of new features that make frontend web design even more simple and exciting. So, if you’re interested to unearth the potential of Bootstrap 4 to build highly responsive and beautiful websites using modern web techniques, then you should surely go for this course.

The highlights of this course are:

Learn out how to make your websites responsive

Explore the robust features of Bootstrap 4 and create exciting websites through excellent handson projects

Find out how to extend the capabilities of Bootstrap with a huge range of tools and plugins, including jQuery

Customize your designs by working directly with SASS files

Let’s take a quick look at your learning journey. In this comprehensive course, you’ll learn everything that you need to know excel in Bootstrap web development. You’ll first learn to build a simple blog named Hello World! You’ll then discover the principles of mobilefirst design in order to ensure your pages can fit any screen size and meet the responsive requirements. You’ll learn to play with Bootstrap’s grid system and base CSS to ensure your designs are robust and that your development process is speedy and efficient. You’ll then find out how you can extend your current build with some cool JavaScript plugins, and throw in some Sass to spice things up and customize your themes. Finally, you’ll go through different handson projects on Bootstrap such as building your portfolio, building an ecommerce website, and many more!

By the end of this course, you will able to build amazingly beautiful and responsive websites with Bootstrap.

Note: This course is a blend of text and quizzes, all packaged up keeping your journey in mind. It includes content from the following Packt products:

• Learning Bootstrap 4, Second Edition by Matt Lambert
• Bootstrap 4 Site Blueprints by Bass Jobsen, David Cochran, and Ian Whitley

What you will learn

• Fire up Bootstrap and set up the required build tools to get started
• Understand how and when to use Flexbox with the Bootstrap layouts
• Learn responsive web design and discover how to build mobileready websites with ease
• Find out how to extend the capabilities of Bootstrap with a huge range of tools and plugins, including jQuery
• Play around with the huge variety of components that Bootstrap offers
• Customize your designs by working directly with Bootstrap’s SASS files
• Explore the inner workings of Bootstrap 4 by building different websites

Table of Contents

Chapter 1. Setting up Our First Blog Project
Chapter 2. Jumping into Flexbox
Chapter 3. Working with Layouts
Chapter 4. Working with Content
Chapter 5. Playing with Components
Chapter 6. Extending Bootstrap with JavaScript Plugins
Chapter 7. Throwing in Some Sass
Chapter 8. Bootstrapping Your Portfolio
Chapter 9. Bootstrapping Business
Chapter 10. Bootstrapping ECommerce
Chapter 11. Bootstrapping a OnePage Marketing Website
Chapter 12. Assessment Answers