Building a Responsive Application with Bootstrap
4.7 (12 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
83 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Building a Responsive Application with Bootstrap to your Wishlist.

Add to Wishlist

Building a Responsive Application with Bootstrap

Create stunning web pages with intricate designs for mobiles and the web using Bootstrap
4.7 (12 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
83 students enrolled
Created by Packt Publishing
Last updated 7/2016
English
Current price: $12 Original price: $85 Discount: 86% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I 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
View Curriculum
Requirements
  • This course is also for developers looking to upgrade their existing application to Bootstrap 4.
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.


Who is the target audience?
  • This course is for developers with little to no experience in web design who are looking to create cross-platform websites that scale well for different screen sizes. The course makes it easy for all skill levels to create rich UIs regardless of device.
Compare to Other Bootstrap Courses
Curriculum For This Course
18 Lectures
03:10:08
+
Getting Started with Bootstrap
5 Lectures 38:55

This video will offer an overview of the course.

Preview 04:00

This video will show how to configure your project properly. 

Setting Up Our Project
08:40

This video will show how to create our first page—the login page. 

Creating a Login Page
08:36

This will show how to use Bootstrap forms. 

Working with Forms in Bootstrap
08:48

This video will show how to use forms and Bootstrap forms to provide a better user and form experience. 

Designing Efficient Forms
08:51
+
Layout Basics
3 Lectures 27:40

This video will show you the different Bootstrap grid systems. It will also show you how to build a Bootstrap layout using some tricks and tips. 

Preview 09:07

This video will show you how to use the custom width layouts with Bootstrap and how to hack the Bootstrap grid. 

Custom Layouts and Bootstrap
09:46

In this video, we will be creating our dashboard page using the techniques learned so far. 

Creating a Dashboard Page
08:47
+
Working with Tables
3 Lectures 30:14

This video will show you to create your first basic table layout for CMS and how to transform it using Bootstrap. 

Preview 09:38

This video will teach you how to use classes to change the look and feel of a table. We will add pagination and make our page responsive. 

Tables and Bootstrap
07:10

The video will show you how to use DataTables and how to apply it to the existing table and customize it. 

Advanced Tables
13:26
+
Working with JS and Responsive design
3 Lectures 50:21

Bootstrap has over a dozen custom JS plugins and this video shows you how to bring Bootstrap component’s to life using them. 

Preview 15:22

This video covers the gems and must-have plugins that can make you site a joy to use. 

Most Popular Third-party JS plugins
21:05

Bootstrap is the most popular framework for developing responsive applications and this video shows just that.

Making Our App More Responsive
13:54
+
Migrating to Bootstrap 4
4 Lectures 42:58

This video gives you the basics of Bootstrap 4 and sets you up for migration. 

Preview 06:42

This video shows you how to upgrade from Bootstrap version 3 to version 4, emphasizing on major changes 

Migrating Our App to Bootstrap 4
18:18

This videos covers the newly introduced components and how they are replaced in the application 

Using New Bootstrap 4 Components
09:28

This video summarizes the section as a whole and gives you a bag of important resources that will aid your further study in Bootstrap 4 

Final Steps
08:30
About the Instructor
Packt Publishing
3.9 Average rating
8,249 Reviews
59,142 Students
687 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.