Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
16 Hour(s) 15 Minute(s)
Language
English
Taught by
Norbert B. Menyhart
Rating
1 views
Course Overview
Master Bootstrap and build real world websites using Bootstrap 5 components with HTML5 semantics elements + CSS3 & SASS
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.
Project - Bio website theme
Project - Business Directory website themes
Project - Resume website themes
Project - Photo website theme
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.
Course Content
- 10 section(s)
- 110 lecture(s)
- Section 1 Introduction
- Section 2 Bootstrap Typography and the basics.
- Section 3 Flexbox and The Grid System
- Section 4 Components
- Section 5 Icons
- Section 6 Project - Bio website theme
- Section 7 Project - Business Directory Website Themes
- Section 8 Project - Resume Website Themes
- Section 9 Project - Photo website theme
- Section 10 Sass / Scss
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.
Reviews
-
MMarian Stevens
I'm a seasoned web developer and have been favoring web templates that use bootstrap and have been customizing them. I've been wanting to make my own custom tempates with Bootstrap running the framework with my own javascript sprinklings plus what Bootstrap brings to the table to create my own user experiences and integrate it into my own custom CMS I've developed over the years. This course is giving me the deep dive I need to get under the hood! The instructor is telling it in simple language too; I wonder what courses he might have for a developer like me who has a lot of technical expertise.
-
KKiril Dimitrov
You are constantly making mistakes and copy paste code left, right and center. It is extremely difficult to follow as a complete beginner. Although some mistakes are okay as in real live they will happen to me too, but you could have edited your videos to avoid SO MANY mistakes. I mean literally, every 1 minute of each video some block of code needs to be moved or you misspelled something. I will finish the course as I am almost done with it, but it really was not worth my time.
-
PPrimera Dama
no
-
LLuis Miguel Vilela da Silva
I'm still in the beggining but it seems like a good professor. Let's see how it goes throughout the course!
