Bootstrap 4 From Scratch With 5 Projects

4.7 (12460)
Learning paid
11.5 hours course
Course by Udemy
What will you 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
About the course

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.

  • LoopLap - A social UI Theme
  • Mizuxe - A Book/Product Showcase Theme (Sass Project)
  • Blogen - A blog admin area UI
  • Glozzom - A multi page theme with a carousel and some 3rd party scripts
  • Portfoligrid - A portfolio theme using the grid, flexbox and the collapse widget
  • Program
    Intro & Getting Started
    Learn what Bootstrap is and what this course is about. We will also setup the environment for the course
    Welcome To The Course
    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?
    What's New In Bootstrap 4?
    Initial Environment Setup
    Bootstrap Sandbox Setup
    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
    Typography & Utilities
    Learn utilities and helper classes of Bootstrap 4 as well as typography and text formatting
    Section Introduction
    Headings & Basic Typography
    Text Alignment & Display
    Floats & Fixed Positions
    Colors & Background
    • You should have basic knowledge of HTML & CSS
    • You do NOT need to know any Bootstrap 3
    Brad Traversy
    Brad Traversy
    Full Stack Web Developer & Instructor at Traversy Media
    Udemy courses are suited to professional development. The platform is organized in such a way that it is experts themselves that decide the topic and when the course will start. All supporting documents are made available to you for lifetime access. On this platform, you can find a course on about any subject, and that is no exaggeration – from a tutorial on how to ride a motorcycle, to managing the financial markets. The language and the course format are established by the teacher. This is why it is important to read the information about the course carefully before parting with any money.
    Comments (12460)
    Like any other website, konevy uses «cookies». These cookies are used to store information including visitor's preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information. For more general information on cookies, please read the «What Are Cookies» article on Cookie Consent website.