Building a Responsive Application with Bootstrap

Create stunning web pages with intricate designs for mobiles and the web using Bootstrap

3.90 (23 reviews)
Udemy
platform
English
language
Web Development
category
131
students
3 hours
content
Jul 2016
last update
$19.99
regular price

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

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.

About The Author

Vedran Cindrić has been a front-end developer for around 15 years now and has been using Bootstrap exclusively for the last 4 years. He has run a web development company called Flip.hr for 5 years now, and he has worked on a lot of interesting projects for clients all around the world. He really enjoys writing great code, optimizing websites, and creating awesome responsive experiences. He has written some articles on Bootstrap before, but this is his first time creating a video course.

I’d like to thank a really special girl called Tea for buying me a better microphone and making sure I actually recorded the videos.


Content

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

Screenshots

Building a Responsive Application with Bootstrap - Screenshot_01Building a Responsive Application with Bootstrap - Screenshot_02Building a Responsive Application with Bootstrap - Screenshot_03Building a Responsive Application with Bootstrap - Screenshot_04

Reviews

Bryan
March 9, 2017
Good course, but was not as in-depth as I had hoped. Glossed over the style changes made to bootstrap. Lots of the plug-ins are not useful for enterprise developers like me using Angular and VueJs
Aivars
December 11, 2016
Your Rating Your review will be publicly visible within 24 hours. Here’s how to write a great review. Please tell us more about this course (optional) Are you learning valuable information?

Charts

Price

Building a Responsive Application with Bootstrap - Price chart

Rating

Building a Responsive Application with Bootstrap - Ratings chart

Enrollment distribution

Building a Responsive Application with Bootstrap - Distribution chart
870008
udemy ID
6/6/2016
course created date
3/17/2021
course indexed date
Bot
course submited by