Hands-On Web Development with Bootstrap and Vue

Hands-On Web Development with Bootstrap and Vue
Hands-On Web Development with Bootstrap and Vue
English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 0h 56m | 203 MB

Design responsive web pages with a mobile-first approach using Bootstrap-Vue

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.

This course involves practical examples covering the most commonly used components in modern web applications. This course will take you through a journey of exploring the architecture of Bootstrap-Vue and Vue.js. You’ll be given a detailed understanding of its components and directives and how you can use them to create beautiful and mobile-first web applications.

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
Table of Contents

1 The Course Overview
2 First Step Towards Bootstrap-Vue and Vue.js
3 Setting Up Bootstrap-Vue Using webpack and Vue CLI
4 Importing Bootstrap-Vue Individual Components and Directives
5 Build Variants, Browser Support, and Tooling Support
6 Designing Form Components
7 Designing a Landing Page for a Web Application
8 Utilizing Tables, Tabs, and Progress Components
9 Working with Layout and Grid System
10 Bootstrap-Vue Popovers Using Bootstrap V4 CSS for Styling and Animation
11 Introduction to Scrollspy and How It Works
12 Adding Custom Bootstrap-Vue Tooltips
13 Router Support, Spacing Classes, and Form Validations