Learning Path: Bootstrap 4 Application Development
4.2 (10 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.
79 students enrolled

Learning Path: Bootstrap 4 Application Development

Create attractive websites and web applications with Bootstrap 4 framework
4.2 (10 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.
79 students enrolled
Created by Packt Publishing
Last updated 8/2017
Current price: $13.99 Original price: $199.99 Discount: 93% off
6 days left at this price!
30-Day Money-Back Guarantee
  • 9.5 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?
  • Understand how to plan and design a responsive website
  • Build any website layout using Bootstrap’s flexible grid system
  • You will see how to create a “PACKT CMS’ application, which will have a custom CMS layout with amazing real-time features
  • Explore the different Bootstrap plugins and use them in your “PACKT CMS” application to get a real-time effect
  • Migrate smoothly From Bootstrap 3 to Bootstrap 4
  • See how to use Bootstrap 4 to develop multi-page websites
  • Master styling, navigation, and alerts, and responsive queries
  • Bring your web pages to life using Bootstrap jQuery plugins
Curriculum For This Course
74 Lectures
Building a Responsive Application with Bootstrap
18 Lectures 03:10:08

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

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

Creating a Login Page

This will show how to use Bootstrap forms.

Working with Forms in Bootstrap

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

Designing Efficient Forms

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.

Building Layouts with Bootstrap

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

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

Creating a Dashboard Page

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

Creating Our First Table View

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

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

Advanced Tables

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

Working with Bootstrap JS plugins

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

Most Popular Third-party JS plugins

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

Making Our App More Responsive

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

Difference between Bootstrap 3 and Bootstrap 4

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

Migrating Our App to Bootstrap 4

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

Using New Bootstrap 4 Components

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
Mastering Bootstrap 4
56 Lectures 06:20:27

This video provides an overview of the entire course.

Preview 07:26

Source online for Bootstrap source files

Getting Bootstrap – Download - CDN

Using Bootstrap within your web applications

Adding Bootstrap to Web Projects

Find out more about using Bootstrap benefits of Bootstrap

What is Bootstrap?

Basics of how Bootstrap works.

Bootstrap Containers

How to work more efficiently to build websites quickly

Creating a Bootstrap Template

Positioning of content making it respond to different size screens.

The Grid System

Focus on columns and why it's important to understand how they work.

Bootstrap Columns and Rows

How to quickly style headings and highlight visible content within your web project

Bootstrap Jumbotron

Going beyond HTML with Bootstrap typography, making typically styling easy with Bootstrap.

Bootstrap Typography

Alignment of text and text options

Text Styles

New Bootstrap 4 component for grouping content together

Bootstrap Cards

Visual images and what can be down with bootstrap

Bootstrap Images

In this video we are going to look at the class Nav

Bootstrap Nav

How to use Bootstrap classes to make buttons

Bootstrap Buttons

more advanced options for Bootstrap buttons

Bootstrap Button Grouping

How to make your text appear and get presented within your web application.

Bootstrap Alignments and Styling

Making website design easy and quick with Bootstrap

Bootstrap Other Components

In this section we are going to go have a look at Glyphicons and Font Awesome

Glyphicons and Font Awesome

In this video we are going to learn about Bootstrap Alerts

Bootstrap Alerts

In this lesson we are going to revisit Pagination in Bootstrap

Bootstrap Pagination

In this video we are going to look at the class Nav 

Bootstrap Nav

In this video we are going to look at what we can do with Bootstrap Navbars

Bootstrap Navbars

In this video we are going to look at Responsive Media Queries

Responsive Media Queries

In this section we are going to introduce you to form elements and form classes

Forms working with Field

In this video we are going to learn about Bootstrap Forms and how we can use them

Bootstrap Forms

In this lesson we are going to look at Bootstrap Responsive Utilities

Bootstrap Responsive Utilities

In this section we are going to highlight some of the top resources online.

Useful Web Resources for Better Building

In this lesson we are going to look at Bootstrap Template resources

Bootstrap Template Resource

To help create maintainable code, the SOLID principles of software design can be used as a tool to help ensure our codebase stays in a testable and robust state.

Bootstrap Templates

What jQuery is and how to get it into web projects for dynamic capability.

Setting up jQuery

Where to get jQuery and how to bring it into your projects

CDN and what can be done with jQuery

Simple jQuery functional elements

Bootstrap ToolTips

Learn how to effectively create popup messages with Bootstrap Modals

Bootstrap 4 Modal

Create image carousels with classes and attributes

Bootstrap 4 Carousel

Bringing bootstrap carousels to the next level

Bootstrap 4 Carousel options

Bootstrap and adding active classes to current screen locations.

Bootstrap 4 ScrollSpy

Learn about getting started to build a website with Bootstrap

Planning Design Website Concept

Starting off to create a website

Creating Template and Container

How to get started with your web project before you have the assets

Add Placeholder Content and Sections

How to add navigation to your website

Create Navbar

Why content area planning is important and how to do it

Create the Content Area

Website review process to fine tune your site

Update and Tweak Layout

Web resources that you can use to supplement Bootstrap

Add custom Styling and Fonts

Web users are expecting more, they are looking for dynamic capabilities within website.

Create Functionality Using JQuery

Steps and resources for starting a web project

Planning Design Website Concept

Starting with a template and building a website from scratch

Creating Template and Container

Design your website without assets ready

Adding placeholder Content and Sections

Using navigation bars design patterns for web users

Creating Navbar

how to prepare for content

Creating the Content Area

Use Bootstrap to style amazing contact forms

Creating Contact Form

Create visually styled content using Bootstrap

Creating Portfolio page

Prepare your website and check it for tweaks and updates

Updating and Tweak Layout

Customize your website to look the way you want

Adding Custom Styling and Fonts

Do more with your website make it dynamic and interactive

Creating Functionality Using JQuery

What Bootstrap can do to make it easy to add cool stuff to your website

Adding in Bootstrap jQuery Components
  • Familiarity with HTML, CSS, as well as creating and editing files is required.

If you are creative, having designing skills, and willing to create responsive, innovative websites and applications in a modern way, explore this Learning Path and you’’ll get what you’re looking for. 

 Bootstrap is a free and open source frontend web framework for designing websites and web applications.

 Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it. 

You will expand your creative horizon, first by designing responsive web pages, styling them to perfection in Bootstrap 3, and then seamlessly moving on to Bootstrap 4.    

You’ll learn how you can use CSS classes within your HTML to bring Bootstrap 4 functionality to your project.

Among other things, you will also tour the anatomy of a Bootstrap plugin, create your own custom components, and extend Bootstrap using jQuery. 

By the end of this Learning Path, you will have a thorough knowledge of the framework’s ins and outs, and be able to build highly customizable and optimized web interfaces. Your websites and projects of all sizes will work across multiple screens sizes perfectly with Bootstrap 4.

Vedran Cindrić

Vedran Cindrić has been a frontend 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. 

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. 

Laurence Svekis 

Laurence Svekis is a highly experienced web developer with over 18 years of web development experience. He has worked on various large and small projects, and has been an instructor for several Bootstrap projects on a number of platforms, reaching a large number of students and professionals. His web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP, and MySQL. Laurence is passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.

Who is the target audience?
  • If you are willing to experiment your designing skills by creating attractive applications, then this Learning Path is for you.
  • This Learning Path combines in-depth content balanced with tutorials that put theory into practice. The focus is on giving you both theoretical understanding and practical experience required for you to master the art of web development with Bootstrap.
Compare to Other Bootstrap Courses