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

About This Book

• 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

Who This Book Is For

This course is mainly intended for web developers who want to learn to build enterprise-level and professional websites efficiently with Bootstrap. You must have a basic and fundamental understanding of HTML, CSS, and JavaScript; however, there is no need to have prior Bootstrap experience.

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 mobile-ready 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

In Detail

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 hands-on 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 mobile-first 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 hands-on 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

Style and approach

This course takes a practical approach to teach you how to build modern responsive websites with Bootstrap. It follows a project-based approach to creating different types of popular websites using Bootstrap.