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.

Bootstrap 4 Projects

Learn how to build responsive web and mobile web applications utilizing the core features of Bootstrap 4

4.8
(3 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.

Quite often when building various web applications, you will face the need to build out beautiful and mobile responsive websites in a small time frame. Bootstrap 4 helps alleviate the pain by defining sophisticated and refined user inputs and web components ready for your use. Learn how to quickly get your projects up to speed with the world’s most popular front-end framework.

Through this course, we will take you through not only Bootstrap 4's new features and changes, but create larger projects with these components and frameworks. These projects include building out the structure and design of a social media platform, comprehensive login and registration forms, and finally a music library application. Each project will provide you with a chance to use some of the new Bootstrap 4 components in the greater context of the Bootstrap framework.

Having completed this course, you will have sufficient knowledge on how to build out application user interfaces that are mobile-responsive, accessible, and importantly look good, all with the help of Bootstrap 4.

About the Author

Aaron Vanston is a front-end developer and product specialist based in Melbourne, Australia, specializing in usability and user experience design on the web.

Aaron has a multidisciplinary background ranging from digital marketing to web application development. He is currently exploring his passion for web development through his own web development studio and start-ups/ web development teams within Melbourne.

In the past, Aaron has developed a range of tutorials based on design and web development including various Bootstrap written tutorials.

Who is the target audience?

This course is ideal for intermediate web developers who want to gain expertise in creating real-world responsive websites with Bootstrap.

Users may have no prior knowledge to Bootstrap and thus may not understand the basic concepts of this framework and what it adds.

What Is Bootstrap?

03:45

This video seeks to inform the users on various new features of Bootstrap 4, of which they may have no prior knowledge. The introduction of these features will help the user understand where these components will become useful in the forthcoming projects.

Broad Overview of New Features of Bootstrap 4

04:56

Users unfamiliar with Bootstrap won't know how to get started with the framework. This video will help lay the base for downloading and setting up Bootstrap ready for our projects.

Installing Bootstrap 4

06:32

+–

Creating a Social Media Platform

4 Lectures
30:56

In order to navigate throughout the social media platform, we require a main menu and main heading to display the corresponding section.

Bootstrap’s grid system can be quite complex. Users deep-diving into Bootstrap won't understand how it works and the required syntax. Using the grid system in the context of a project will help understand how to accurately use it.

Utilizing the Bootstrap Grid System

06:03

We need a way to display our data that is both modular and can be customized to multiple datasets.

Building the Foundation Blocks of Our Content

07:19

Our social platform has no place to input or view any social statuses and content. Adding a status submit input and various content blocks will solve this.

Social Feed Content

09:33

+–

Extending Our Social Platform

3 Lectures
22:07

User messages don’t have a place within the current UI. We need a way to display various message data that the user may have.

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.