Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Bootstrap

Bootstrap 5 Course: The Complete Guide (Step by Step)

Build 3 Live Real-World Projects with the Latest Bootstrap 5 CSS Framework. In-Depth Training on Bootstrap 5
Rating: 4.3 out of 54.3 (440 ratings)
40,131 students
Created by Fatah Gabrial
Last updated 8/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • You will learn the Latest Bootstrap v5 Framework
  • Build Bootstrap 5 EMS front-end App (Project)
  • Build Bootstrap 5 Blog App (Project)
  • Build Bootstrap 5 Educational Website (Project)
  • Complete Bootstrap Implementation into any website
  • You will learn Responsive Web Site Designing
  • You will learn to Build customized Bootstrap 5 Web Apps
  • You will learn different Breakpoints in Bootstrap 5
  • You will learn how to use Bootstrap 5 Containers
  • You will Bootstrap 5 Grid system
  • You will learn to create responsive images, tables and typography
  • You will learn to create customized Bootstrap 5 Forms
  • You will learn all the Bootstrap 5 components like, Badge, Breadcrumb, Buttons, Button group, Card, and much more
  • You will learn to build a complete Bootstrap 5 Based website
Curated for the Udemy for Business collection

Course content

8 sections • 67 lectures • 5h 31m total length

  • Preview02:12
  • Preview00:53
  • Preview01:54
  • Preview01:36
  • Section 1: Quiz
    3 questions

  • Preview01:48
  • Preview01:21
  • Preview04:24
  • Grids Part-2
    03:18
  • Grids for multiple devices
    04:33
  • Align Columns in Grid
    03:07
  • Section 2: Quiz
    3 questions

  • Typography
    02:09
  • Images
    02:12
  • Tables
    03:11
  • Section 3: Quiz
    3 questions

  • Basic Login Form
    01:50
  • Designing Form Holder with Custom & In-Built CSS
    02:12
  • Styling Form Fields
    04:02
  • Form Layout
    04:53
  • Section 4: Quiz
    3 questions

  • Dismissable Alerts
    01:54
  • Badges
    02:34
  • Breadcrumbs
    01:50
  • Button & Button Groups
    02:46
  • Cards
    02:25
  • Carousels
    02:16
  • Collapse
    01:39
  • Dropdown
    01:02
  • List Group
    03:54
  • Modals
    03:26
  • Navs
    02:33
  • Navbar
    03:38
  • Pagination
    01:29
  • Popover
    01:20
  • Progress Bars
    03:47
  • Progress Bar Snippet
    00:20
  • Scrollspy
    05:02
  • Section 5: Quiz
    6 questions

  • Setting up document for Project
    02:18
  • Creating Login page for EMS App
    06:23
  • Creating Dashboard Navbar
    07:50
  • Add cards to Dashboard
    05:46
  • Creating Employees Page
    08:44
  • Creating Add Employee Form
    08:12
  • Creating Single Detail for Employee
    05:51
  • Creating Edit, Delete Options for Employee
    06:09
  • Creating Jobs List Page
    03:09
  • Creating Add, Edit & Delete Options to Jobs List
    07:17
  • Creating Log Out Button
    02:44

  • Navbar for the Blog App
    07:32
  • Creating Blog Banner
    10:50
  • Building Cards for Home Page
    07:11
  • Footer for Home Page
    02:41
  • Creating Default Fall Back Page for Blog App
    10:21
  • Creating Sidebar for the Blog App
    08:11
  • Creating Post & Page for Blog App
    04:10
  • Creating Comment Section for Blog App
    03:33
  • Creating Category, Archives & Other Pages
    09:31

  • Getting started with Live Project
    02:35
  • Creating Custom Navbar
    05:15
  • Registration Popup under Navbar
    08:42
  • Creating Banner for Home Page
    08:58
  • Adding Features Section to Home Page
    07:06
  • Creating Online Courses Text Widget
    04:38
  • Adding Online Courses Cards to Home Page
    07:28
  • Creating Classroom Training Text Widget
    03:24
  • Creating Classroom Training Sidebar & List
    10:27
  • Creating the Review Slider Section
    17:35
  • Creating Footer Widgets
    12:43
  • Creating About & Contact Page
    16:17
  • Creating Archive, Category, & Other Pages
    10:16

Requirements

  • You need to know Basics of HTML5 & CSS3

Description

Bootstrap 5 is the Latest version of the most popular CSS framework ever. More than a million website are now powered by Bootstrap. In this course you will learn Bootstrap 5 from a complete beginner to advanced level.

We will cover everything in Bootstrap 5 Documentation, in addition to that we will also create 3 Live projects.

  1. In this course as a first project you will build a EMS (Employee Management System) Web app (Front-End) which can later be used to integrate dynamic functionality.

  2. In the 2 project we will build a Blog Theme Project for the most popular content management system WordPress.

  3. As the 3rd project we will build a complete Educational Website from start to finish with the help of Advanced Bootstrap 5 Components.

Who this course is for:

  • Anyone who is interested to learn Bootstrap 5
  • Anyone who is a web designer
  • Anyone who is a web developer
  • Anyone who wants to learn responsive web designing

Instructor

Fatah Gabrial
Professional Trainer
Fatah Gabrial
  • 4.3 Instructor Rating
  • 9,441 Reviews
  • 236,475 Students
  • 24 Courses

Fatah Gabrial is a Graphic Designer, Web Designer, Web Developer, Digital Marketer and loves to teach. He has been teaching online and offline to people for more that 10+ years now, where he has help more than 100’s of people to setup their own business.


In addition, Fatah Gabrial loves to code & design more than anything. He can easily adapt to any new technologies, which helps him learn anything faster. He also likes to keep upgrading my skills as often as possible.


Fatah Gabrial has also worked on many platforms like WordPress, Angular, ReactJS, Python, Django and many more. He is also an SEO – Search Engine Optimization specialist which is a huge advantage if you are looking for Digital Marketing.


In addition to that Fatah Gabrial owns a Professional Training Institute in Bangalore ZINFOMATIC. Where he educates students and other candidates on all the new and professional platforms like Graphic, Web, Design, Development, SEO and Digital Marketing.


Here are what some of the students say about Fatah Gabrial, these reviews are directly from Google. So, you can check it out. Just look for ZINFOMATIC and you will find all the info you need.


Reviews from Genuine Students:

--------------------------------------

“Hi everyone. I joined here for angular course. and I must say the training is really good. am very satisfied. I would recommend you guys also to join here”.

- Siddegowda N


“I had been looking for web design class but couldn't find any. After long time somebody suggested me to join here. Now am really happy that I joined here. so far, the classes are great... Here they have given us many advantages. am glad I joined here”

- nehaammu ammu


“I joined here for web designing course. the course is very nice and well structured. affordable fee and nice training.”

- Paramesh G P


“This is best institute to learn web development guys. Don't think just join. I joined last year and today am a freelance. They also gave me Internship and projects.”

- Mohan M


“Value for money. I mean their pricing is reasonable. I say this because I compared many institutions with what they teach and how they charge. I felt zinfomatic price is very reasonable.”

- Mallu S

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.