Hands-on-Web-Development-with-Bootstrap-and-Vue

This is the code repository for Hands-On Web Development with Bootstrap and Vue [Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.

About the Video Course

Bootstrap-Vue provides one of the most comprehensive implementations of Bootstrap 4’s components and grid system for Vue.js. Together, both of these tools help designers and developers create stunning applications. In this course, you’ll be exploring how to integrate Bootstrap with Vue.js using Bootstrap-Vue by building a web app on Vue.js. Bootstrap-Vue not only supports the Bootstrap components and grid system but also includes support for Vue.js Directives. We’ll start working with both tools to create a friendly, practical, and responsive user interface. You’ll learn how to make your UI look prettier by writing SASS and then you’ll finally package your app using Webpack. By the end, you’ll be confident and equipped with Bootstrap-Vue to build amazing-looking applications that are responsive by default and create stunning applications that will wow users.

What You Will Learn

  • Import Bootstrap-Vue into your new and existing web applications
  • See workings of the Bootstrap-Vue layout and grid system
  • Design responsive mobile-first web pages
  • Use Bootstrap V4 CSS for styling and animations
  • Use tables, tabs, and spacing classes to enrich your web application front-end

Instructions and Navigation

Assumed Knowledge

This course is suitable for Vue.js developers who want to build complex but reliable, multi-component, front-end applications with Vue.js and Bootstrap.

Technical Requirements

This course has the following requirements:
Bootstrap 4 CSS/SCSS
Webpack
Vue CLI

Related Products