Development
Web Development
Bootstrap
What’s New in Bootstrap 4
4.4 (16 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
144 students enrolled

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.4 (16 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
144 students enrolled
Created by Matt Greene
Last updated 4/2016
English
English [Auto]
Preview this course
What’s New in Bootstrap 4
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 37 mins on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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.
Course content
Expand all 20 lectures 36:45
+ – 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.

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

Following along with the demos
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.

Moving from LESS to SASS
Preview 01:34

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

Customizing SASS with variables
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
06:40

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
02:07

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

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
01:10

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
01:07

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.

What has been dropped
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
02:51

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

Cards - A replacement for wells and panels
01:06

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
02:04

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

Improved Form styles with WTF Forms
01:03

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

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

New Display Headings
01:18

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

Outline Button Classes
01:15

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
00:40

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
01:04
+ – 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!

Recap and Closing
Preview 01:19
Requirements
  • 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.
Description

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 this course is for:
  • 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.