Building a Responsive Application with Bootstrap [Video]

Preview in Mapt

Building a Responsive Application with Bootstrap [Video]

Vedran Cindrić

Create stunning web pages with intricate designs for mobiles and the web using Bootstrap
Mapt Subscription
FREE
$29.99/m after trial
Video
$72.25
RRP $84.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$72.25
$29.99p/m after trial
RRP $84.99
Subscription
Video
Start 30 Day Trial

Frequently bought together


Building a Responsive Application with Bootstrap [Video] Book Cover
Building a Responsive Application with Bootstrap [Video]
$ 84.99
$ 72.25
Azure for Architects Book Cover
Azure for Architects
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $85.98
Add to Cart
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 

Video Details

ISBN 139781785284557
Course Length3 hours and 10 minutes

Video Description

Bootstrap discards the myth of “the creative type” and enforces the belief that even you are capable of design. It is easy to learn, open source, customizable, and coupled with an incredible support from the community; in short it is truly worth your time! This course walks you through the fascinating arena of web development, giving you a grid-based framework that’s easy to work on and saves the time that goes into CSS framework development.

You will see how to create a “PACKT CMS’ application, which will have a custom CMS layout with amazing real-time features. This will enable PACKT to create new courses, and users to view all the data in an advanced table format and get a dashboard overview of all the courses, views, subscriptions, and so on.

We'll start with a dedicated video that explains the intricacies of the different components in our application, including hacks and gotchas to master bootstrap code. We will spice up our application by using Bootstrap JavaScript plugins such as modals, tooltips, popovers, alerts, and tabs. We will also use third-party JavaScript plugins for various elements you’ll be relying on day to day.

You'll find out how to migrate your existing application to Bootstrap 4 seamlessly. You'll add the newly introduced components from Bootstrap 4 in your current application and see what’s changed from Bootstrap 3. This course takes you from zero to hero, leaving you with the know-how required to build your own real-world project.

Style and Approach

This course takes a simple and effective approach to creating a full-featured “PACKT CMS” application. We’ll talk through the different Bootstrap features and then you'll get hands on and build themes and templates. You’ll learn by doing!

Table of Contents

Getting Started with Bootstrap
The Course Overview
Setting Up Our Project
Creating a Login Page
Working with Forms in Bootstrap
Designing Efficient Forms
Layout Basics
Building Layouts with Bootstrap
Custom Layouts and Bootstrap
Creating a Dashboard Page
Working with Tables
Creating Our First Table View
Tables and Bootstrap
Advanced Tables
Working with JS and Responsive design
Working with Bootstrap JS plugins
Most Popular Third-party JS plugins
Making Our App More Responsive
Migrating to Bootstrap 4
Difference between Bootstrap 3 and Bootstrap 4
Migrating Our App to Bootstrap 4
Using New Bootstrap 4 Components
Final Steps

What You Will Learn

  • Build any website layout using Bootstrap’s flexible grid system
  • Explore the different Bootstrap plugins and use them in your “PACKT CMS” application to get a real-time effect
  • Design efficient forms and style them to perfection, creating a lasting effect on your users
  • Understand the intricacies of creating a dashboard page and create your own rather than using pre-built templates
  • Work with tables in depth, from styling to making them responsive and using third-party plugins such as DataTables for advanced interaction control
  • Make your application responsive by learning the general principles of responsiveness and reflecting them in your design
  • See what’s changed from Bootstrap 3 and migrate your existing application to the current version
  • Explore the newly introduced components in Bootstrap 4 and implement them in your current project

Authors

Table of Contents

Getting Started with Bootstrap
The Course Overview
Setting Up Our Project
Creating a Login Page
Working with Forms in Bootstrap
Designing Efficient Forms
Layout Basics
Building Layouts with Bootstrap
Custom Layouts and Bootstrap
Creating a Dashboard Page
Working with Tables
Creating Our First Table View
Tables and Bootstrap
Advanced Tables
Working with JS and Responsive design
Working with Bootstrap JS plugins
Most Popular Third-party JS plugins
Making Our App More Responsive
Migrating to Bootstrap 4
Difference between Bootstrap 3 and Bootstrap 4
Migrating Our App to Bootstrap 4
Using New Bootstrap 4 Components
Final Steps

Video Details

ISBN 139781785284557
Course Length3 hours and 10 minutes
Read More

Read More Reviews

Recommended for You

Azure for Architects Book Cover
Azure for Architects
$ 35.99
$ 25.20
Implementing Qlik Sense Book Cover
Implementing Qlik Sense
$ 43.99
$ 30.80
Jupyter for Data Science Book Cover
Jupyter for Data Science
$ 31.99
$ 22.40
Practical Reinforcement Learning Book Cover
Practical Reinforcement Learning
$ 35.99
$ 25.20
Learning Neo4j 3.x - Second Edition Book Cover
Learning Neo4j 3.x - Second Edition
$ 39.99
$ 28.00
GeoServer Beginner's Guide - Second Edition Book Cover
GeoServer Beginner's Guide - Second Edition
$ 39.99
$ 28.00