Building a Responsive Application with Bootstrap

Unlock the power of Bootstrap to create stunning web pages with ease! This course covers everything from layouts to advanced features, perfect for beginners and seasoned developers alike.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course is like having a buddy show you the ropes of web design with Bootstrap—easy, fun, and totally attainable. You’ll be making beautiful web pages in no time!

Key Points

  • Create stunning web layouts using Bootstrap's grid system
  • Utilize various Bootstrap plugins for real-time interactivity
  • Migrate from Bootstrap 3 to Bootstrap 4 effortlessly

Learning Outcomes

  • Understand Bootstrap fundamentals and components
  • Design and develop your own custom CMS application
  • Gain confidence in building responsive and user-friendly web pages

About This Course

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

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.


  • 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

Instructor

Profile photo of Packt Publishing
Packt Publishing

Packt are an established, trusted, and innovative global technical learning publisher, founded in Birmingham, UK with over eighteen years experience delivering rich premium content from ground-breaking authors and lecturers on a wide range of emerging and established technologies for professional development.Packt’s purpose is to help technology professionals advance their knowledge and support the growth of new technologies by publishing vital...

Review
4.9 course rating
4K ratings
ui-avatar of Satish Kamatkar
Satish K.
3.0
7 years ago

No explanation of any custom css being used.

  • Helpful
  • Not helpful
ui-avatar of Edem Komlanvi
Edem K.
5.0
7 years ago

This is fantastic...clear explanation of the material...

  • Helpful
  • Not helpful
ui-avatar of Karina Figueroa
Karina F.
5.0
8 years ago

This course is very interesting and well explain by instructor

  • Helpful
  • Not helpful
ui-avatar of Bryan Jameson
Bryan J.
4.0
8 years ago

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

  • Helpful
  • Not helpful
ui-avatar of Renato Tereza
Renato T.
5.0
8 years ago

Excellent course. I highly recommend it.

  • Helpful
  • Not helpful
ui-avatar of Leon Small
Leon S.
5.0
8 years ago

Very comprehensive overview

  • Helpful
  • Not helpful
ui-avatar of Aivars Niedritis
Aivars N.
5.0
8 years ago

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?

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses