Learning Path: Bootstrap 4 Application Development
3.9 (7 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.
54 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learning Path: Bootstrap 4 Application Development to your Wishlist.

Add to Wishlist

Learning Path: Bootstrap 4 Application Development

Create attractive websites and web applications with Bootstrap 4 framework
3.9 (7 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.
54 students enrolled
Created by Packt Publishing
Last updated 8/2017
English
Curiosity Sale
Current price: $10 Original price: $200 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 9.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
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
View Curriculum
Requirements
  • Familiarity with HTML, CSS, as well as creating and editing files is required.
Description

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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
74 Lectures
09:30:35
+
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
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

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
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

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
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

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
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

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

Difference between Bootstrap 3 and Bootstrap 4
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
+
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
06:59

Using Bootstrap within your web applications

Adding Bootstrap to Web Projects
07:07

Find out more about using Bootstrap benefits of Bootstrap

What is Bootstrap?
06:42

Basics of how Bootstrap works.

Bootstrap Containers
05:51

How to work more efficiently to build websites quickly

Creating a Bootstrap Template
05:36

Positioning of content making it respond to different size screens.

The Grid System
08:37

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

Bootstrap Columns and Rows
10:27

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

Bootstrap Jumbotron
04:22

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

Bootstrap Typography
12:17

Alignment of text and text options

Text Styles
09:45

New Bootstrap 4 component for grouping content together

Bootstrap Cards
10:31

Visual images and what can be down with bootstrap

Bootstrap Images
06:27

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

Bootstrap Nav
06:28

How to use Bootstrap classes to make buttons

Bootstrap Buttons
05:02

more advanced options for Bootstrap buttons

Bootstrap Button Grouping
06:51

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

Bootstrap Alignments and Styling
05:20

Making website design easy and quick with Bootstrap

Bootstrap Other Components
08:33

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

Glyphicons and Font Awesome
05:52

In this video we are going to learn about Bootstrap Alerts

Bootstrap Alerts
05:40

In this lesson we are going to revisit Pagination in Bootstrap

Bootstrap Pagination
04:36

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

Bootstrap Nav
09:43

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

Bootstrap Navbars
07:28

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

Responsive Media Queries
07:57

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

Forms working with Field
06:37

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

Bootstrap Forms
16:31

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

Bootstrap Responsive Utilities
04:14

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

Useful Web Resources for Better Building
09:43

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

Bootstrap Template Resource
03:45

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
03:51

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

Setting up jQuery
05:16

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

CDN and what can be done with jQuery
10:33

Simple jQuery functional elements

Bootstrap ToolTips
05:55

Learn how to effectively create popup messages with Bootstrap Modals

Bootstrap 4 Modal
08:06

Create image carousels with classes and attributes

Bootstrap 4 Carousel
08:29

Bringing bootstrap carousels to the next level

Bootstrap 4 Carousel options
04:13

Bootstrap and adding active classes to current screen locations.

Bootstrap 4 ScrollSpy
05:16

Learn about getting started to build a website with Bootstrap

Planning Design Website Concept
03:02

Starting off to create a website

Creating Template and Container
03:03

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

Add Placeholder Content and Sections
04:11

How to add navigation to your website

Create Navbar
06:24

Why content area planning is important and how to do it

Create the Content Area
08:58

Website review process to fine tune your site

Update and Tweak Layout
04:55

Web resources that you can use to supplement Bootstrap

Add custom Styling and Fonts
10:31

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

Create Functionality Using JQuery
06:55

Steps and resources for starting a web project

Planning Design Website Concept
06:22

Starting with a template and building a website from scratch

Creating Template and Container
04:56

Design your website without assets ready

Adding placeholder Content and Sections
05:01

Using navigation bars design patterns for web users

Creating Navbar
05:32

how to prepare for content

Creating the Content Area
06:53

Use Bootstrap to style amazing contact forms

Creating Contact Form
07:09

Create visually styled content using Bootstrap

Creating Portfolio page
06:51

Prepare your website and check it for tweaks and updates

Updating and Tweak Layout
02:57

Customize your website to look the way you want

Adding Custom Styling and Fonts
03:48

Do more with your website make it dynamic and interactive

Creating Functionality Using JQuery
07:46

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

Adding in Bootstrap jQuery Components
07:07
About the Instructor
Packt Publishing
3.9 Average rating
7,282 Reviews
51,902 Students
616 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.