Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Bootstrap 4 From Scratch With 5 Projects
Rating: 4.6 out of 5(17,121 ratings)
71,293 students

Bootstrap 4 From Scratch With 5 Projects

Master Bootstrap 4 and build 5 real world themes while learning HTML5 semantics & CSS3
Created byBrad Traversy
Last updated 6/2018
English

What you'll learn

  • Learn and create amazing high quality Bootstrap 4 themes and UIs from scratch
  • Learn the Bootstrap 4 utilities, classes, components & JS widgets using a custom sandbox environment
  • Learn semantic HTML5 & modern CSS3 techniques
  • Learn to compile Sass in the easiest way possible using a GUI

Course content

11 sections • 74 lectures • 11h 21m total length

  • Welcome To The Course4:47

    In this intro video we will talk about what you can expect from this course. We will also talk about the Bootstrap 4 projects included

  • What Is Bootstrap & Why Use It?7:20
  • What's New In Bootstrap 4?5:23
  • Initial Environment Setup8:58
  • Bootstrap Sandbox Setup5:50

    In this video we will setup the custom Bootstrap Sandbox UI that I have created. This sandbox will be used in the next few sections to learn about utilities, components, grids, widgets, etc. Make sure you follow along and unzip the files to your machine

Requirements

  • You should have basic knowledge of HTML & CSS
  • You do NOT need to know any Bootstrap 3

Description

This course will literally take you from knowing nothing about Bootstrap 3 or 4 to learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 for this course. Even if you already know Bootstrap 4, skip the learning sections and head right for section 6 to create the simple boiler theme and start the projects. Everything is completely modular!

Custom Bootstrap Sandbox

I have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an html page associated with it and has a start state. As we move along through the lectures, you code along with me learning all that Bootstrap 4 offers including helpers/utilities, components, widgets, flexbox and more.

5 Real Projects/Themes

We will create 5 real world themes including. These projects are completely open source and you are free to use them anywhere.

  1. LoopLap - A social UI Theme
  2. Mizuxe - A Book/Product Showcase Theme (Sass Project)
  3. Blogen - A blog admin area UI
  4. Glozzom - A multi page theme with a carousel and some 3rd party scripts
  5. Portfoligrid - A portfolio theme using the grid, flexbox and the collapse widget

Who this course is for:

  • Anyone that wants to learn & master Bootstrap 4.1.x and build real world themes

Report abuse