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.6 (13 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.
117 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 20
  • Length 37 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2015 English

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

What are the 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.

What am I going to get from this course?

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

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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to Bootstrap
01:44

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.

01:30

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.

Section 2: What Has Changed
01:34

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

02:30

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

06:40

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

02:07

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.

00:51

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

01:10

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

01:07

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

01:35

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.

Section 3: What Is New
02:51

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.

01:06

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

02:04

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.

01:03

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

03:17

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.

01:18

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

01:15

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

00:40

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

01:04

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.

Section 4: In Closing
01:19

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Matt Greene, 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.

Ready to start learning?
Take This Course