What’s New in Bootstrap 4
4.7 (14 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.
130 students enrolled
Wishlisted Wishlist

Please confirm that you want to add What’s New in Bootstrap 4 to your Wishlist.

Add to Wishlist

What’s New in Bootstrap 4

Learn what changes and new features are coming in the Bootstrap 4 responsive framework and be able to use them yourself!
4.7 (14 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.
130 students enrolled
Created by Matt Greene
Last updated 4/2016
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 37 mins on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn and understand what the changes and latest new features for the new Bootstrap 4 ALPHA release are.
  • Use your new skills to begin testing the framework yourself and possibly aid in its future development!
  • Know where to go for additional resources on web development topics introduced through the course.
  • Have demo files to experiment with and a boiler plate template to explore the framework through.
View Curriculum
  • You should already be familiar with basic web development or the concepts behind using the Bootstrap framework.
  • You should have a text editor or other program installed if you wish to play with the demo files. However, we will cover a free suggestion in lecture 2 if you don't.
  • We will be looking at files on a GitHub repo, so having some idea what Github is may be useful, but not required for viewing.

This course is designed to take you through all the biggest changes and new features coming in the Bootstrap 4 Alpha release. There are 20 lectures making up about an 40 minutes of video content that will cover each feature or change through detailed explanation of the subject matter and demoing of its implementation in code samples. The course is structure to first take you through the major changes you should be aware of, and then introduce you to the newest features being added. You should take this course if you're interested in keeping up with the latest trends in web development, want to help test and develop one of the most popular responsive frameworks used in web design, or are just curious on what is coming down the pipe for Bootstrap.

Who is the target audience?
  • This Bootstrap 4 course is meant for individuals with a basic understanding of the Bootstrap Framework, or previous use in developing with it.
  • Although concepts regarding ES2015 and SASS are introduced, we only touch on them, and the lesson will attempt to explain the basics necessary to understand how it impacts the Bootstrap Framework.
  • This course is probably not for you if this is your first time looking into Web Development, or if you have no idea what the Bootstrap framework does.
Compare to Other Bootstrap Courses
Curriculum For This Course
Introduction to Bootstrap
2 Lectures 03:14

This lecture will cover who the instructor is, what the course will cover, and what skill levels are required to best understand the content presented.

Preview 01:44

This lecture will explain how demo files are constructed and why. After viewing this course you should know what to expect out of the code demos and how to test them yourself.

Preview 01:30
What Has Changed
8 Lectures 17:34

This lecture will cover one of the biggest changes to the framework, and what that means for you as a developer.

Preview 01:34

This lecture will expand upon Lecture 3, and explain one of the newest changes to improve customization.

Preview 02:30

This lecture will cover one of the most important changes to the framework and show how it will impact your future development using Bootstrap.

From px to rem and em

This lecture will go over how the grid system is improved and clear up some misconceptions on what is actually going on with the changes to it.

Improved Grid System

This lecture will cover what is changing with Media Queries and how the new mobile-first approach will help you as a developer.

Improved Media Queries

This lecture will explain how HTML style resets are advancing in the framework and shed light on what Bootstrap's Reboot is.

HTML Resets and Reboot

This lecture will go over what ES2015 is, as well as how it will impact the framework and why you should care.

Refactored JavaScript Plugins with ES2015

This lecture covers a few of the largest features being dropped from the framework and what that means for the future of the framework and you as a developer or user.

Preview 01:35
What Is New
9 Lectures 14:38

This lecture will explain what flexbox is, how to opt-in to the new feature in Bootstrap 4, as well as demo it's use.

Opt-in Flexbox support

This lecture will cover what Cards are and how they will replace wells and panels in Bootstrap.

Cards - A replacement for wells and panels

This lecture will explain how tooltips have been improved and what tether.js is. It will also show you how to implement a basic tooltip through a demo.

Improved Tooltips with tether.js

This lecture will go over expected improvements with Forms and what WTF Forms could provide to the framework.

Improved Form styles with WTF Forms

This lecture will explain how to use the new Margin and Padding utility classes, their various options, and show you how to implement them through a demo.

Margin and Padding Classes

This lecture will cover the new Display Heading classes and show you how they compare against standard headings through a demo.

New Display Headings

This lecture will demonstrate how to implement the new outline button classes that are coming with Bootstrap 4.

Outline Button Classes

This lecture will explain what has changed with responsive embed sizes and why you might care about this minor new feature.

A New Responsive Embed Size

This lecture will cover other possible new features or changes that have not yet been implemented into Bootstrap 4, and how you can continue to track the development of the framework as it works towards a BETA and eventual final release.

Future Additions
In Closing
1 Lecture 01:19

This lecture will recap everything that you have learned in this course and then close out the lessons. Thanks for watching!

Preview 01:19
About the Instructor
Matt Greene
4.7 Average rating
14 Reviews
130 Students
1 Course
Front-end Developer and IT Consultant

I work professionally as a front-end developer focused on public facing and intranet web development, information architecture, UX Design, and process management with SharePoint and other web tools for companies big and small.

In my free time I develop web apps, bots, and more using NodeJS, JavaScript, PhantomJS, etc, and have recently began dabbling in iOS, Swift, and mobile app development. I'm an advanced amateur graphic designer as well, with over 10 years of experience and self teaching.

My latest pet projects are two fully automated computer generated podcasts called TIL Reddit Recap, and Today In History, which you can find on iTunes, TuneIn, Stitcher, and other podcast catchers.

My major passions include; enterpraneurship, learning, teaching, programming, JavaScript, UX, graphic design, film, reading, and healthy living. I'm always interested in hearing about new opportunities and connecting, so feel free to reach out to me.