Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Complete Bootstrap 5 for Beginners with real world Projects
Rating: 4.2 out of 5(25 ratings)
208 students

Complete Bootstrap 5 for Beginners with real world Projects

Master Bootstrap and build real world websites using Bootstrap 5 components with HTML5 semantics elements + CSS3 & SASS
Last updated 1/2023
English

What you'll learn

  • Learn Bootstrap 5 themes and UIs from scratch and 10x your productivity.
  • Learn semantic HTML5 & modern CSS3 techniques like flexbox and the grid system integrated in Bootstrap 5.
  • Learn to create real life websites using Bootstrap 5 with amazing high quality UI ready to be added to your portfolio.
  • Learn the Bootstrap 5 utilities, classes, components.
  • Learn to modify Bootstrap 5 classes using Sass/Scss and create your own classes and components.

Course content

14 sections110 lectures16h 15m total length
  • Introduction to the course1:21
  • Course overview !2:34
  • What is Bootstrap ?3:36
  • What will you learn in this course ?0:35

Requirements

  • Basic HTML
  • Basic CSS
  • A PC or a Mac

Description

This course will take you from beginner Bootstrap to Master of Bootstrap 5 by  learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 or 4  for this course.


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 will code along with me learn all that Bootstrap 5 offers including NEW icons, helpers/utilities, components, widgets, flexbox, grid, offcanvas and more.


5 Real Projects/Themes

We will create 5 real world themes. These projects are completely open source and you are free to use them anywhere. All files can be downloaded.

  1. Project - Bio website theme

  2. Project - Business Directory website themes

  3. Project - Resume website themes

  4. Project - Photo website theme

  5. Project - eCommerce website using Bootstrap 5 locally + SASS

Who this course is for:

  • Beginner front end developers who want to learn  there very first front-end framework.

  • Junior web developers who never used Bootstrap and want to learn it from scratch.

  • Back-end developers who wish to create quick ready to go prototypes.

  • JavaScript Web developers.

  • WordPress developers who want to create high quality WordPress templates using a front end framework.

Who this course is for:

  • Beginner front end developers who want to learn there very first front-end framework.
  • Junior web developers who never used Bootstrap and want to learn it from scratch.
  • Back-end developers who wish to create quick ready to go prototypes
  • Web developers
  • Wordpress developers who want to create high quality Wordpress templates using a front end framework