Master Bootstrap 5 From Scratch With Projects

Learn Bootstrap 5 with starting from basics to creating components to creating custom Animated Slider, custom Navigation

What you'll learn

You will Learn Bootstrap 5 from basics to Master Level

You will Learn how to work with Typography , Spacing , Images , Layout in Bootstrap 5

You will Learn Creating Components like Accordion , Modal , Dropdown , Navigation , Carousel using Bootstrap 5

You will Learn working with Forms in Bootstrap 5

You will Learn Creating Custom Navigation using Bootstrap 5

You will Learn Creating Awesome Animated Slider with Wave Effect , Particle Effect using no paid plugins just using Bootstrap 5

Requirements

Basic CSS knowledge is required

Description

Do You want to Learn Bootstrap 5 from Scratch ?Do you want to Learn concepts behind Creating Components in Bootstrap ?Do you want to Create Forms with Features like switches , Floating Label , interactive range Input Showing User selected Value ?Do you want to Learn working with Forms, Typography , Icons , Spacing , Images in Bootstrap 5 ?Do you want to create Components in Bootstrap like Accordion, Modal, Dropdown , Navigation ?Do you want to Learn Creating Custom Animated Slider without any paid plugin ?Do you want to Learn Creating Custom Navigation using Bootstrap 5 giving any look you want ?If your answer to any of the above questions is YES , then this course is for you !!!Welcome to one of the most Comprehensive Bootstrap5 Course .If you are someone who believe learning using projects and who love to learn concepts , then this course is for you.First , we are going to cover basics in Bootstrap 5 where we are going to Learn about grid containers , flex items , working with spacing , display , images etcIn our next section we are going to create components using Bootstrap like Modal , Accordion , Dropdown , Navigation , SliderIn our next section , we will comprehensively cover working with forms where we are going to create block level forms , inline level form contents , creating floating label , working with select inputs , radio buttons , checkbox , switches .Next we are going to create a beautifully Looking Login Form with a cool hover effect on Login ButtonAfter that we have two sections with projects creating custom styled navigation and Awesome Animated Slider  Each and every thing is explained in detail . Also if you have any issue understanding some concept or doing any project , you can always feel free to let me know via q/a section or you can even message me .So are you ready to Master Bootstrap 5 from scratch ? Why waiting ? Enroll now and take your first step !! Looking forward to see you inside !!

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Bootstrap 5 Crash Course

Lecture 2 Why we use Bootstrap ?

Lecture 3 Two ways of using Bootstrap in your project

Lecture 4 Important : Not to skip meta tags

Lecture 5 Grid Containers

Lecture 6 Understanding Concept of col-xx-y

Lecture 7 Column Breaks

Lecture 8 Understanding Offset

Lecture 9 Concept of Ordering

Lecture 10 Task : Equal Width Content

Lecture 11 Task : Variable Width Content

Lecture 12 Exploring Positioning concept

Lecture 13 Lets learn about Display properties

Lecture 14 Difference between Flex and Inline-flex seems Confusing ? Take a look here

Lecture 15 Flex Concepts : Flex Direction

Lecture 16 Flex Concepts : Justify Content

Lecture 17 Flex Concepts : Align Items

Lecture 18 Flex Concepts : Align Self

Lecture 19 Understanding difference between em and rem

Lecture 20 Lets learn handling Margin and Padding

Lecture 21 Lets explore Images classes in Bootstrap 5

Lecture 22 Covering few Important Concepts using Images

Lecture 23 Lets explore Background Color and Gradients

Lecture 24 Text Color

Lecture 25 Typography

Lecture 26 Working with Icons

Lecture 27 Hover Effect : Animating Icons

Section 3: Creating Components Using Bootstrap

Lecture 28 Project : Accordion

Lecture 29 Important : Collapse concept in Bootstrap 5

Lecture 30 Project Collapse

Lecture 31 Project : Modal

Lecture 32 Project : Dropdown

Lecture 33 Project : Navigation

Lecture 34 Adding dropdown to Navigation

Lecture 35 Project Carousel : Part1

Lecture 36 Project Carousel : Part2

Section 4: Working with Forms

Lecture 37 Creating Basic Form

Lecture 38 Creating Form with Inline Content

Lecture 39 Working with Select Input

Lecture 40 Working with Radio Buttons

Lecture 41 How to work with Input Group in Smart Way

Lecture 42 Working with Checkbox

Lecture 43 Working with Switches

Lecture 44 Working with Floating Label

Lecture 45 Working with Range Input

Lecture 46 Getting and Showing Range Value

Lecture 47 Lets add a Textarea

Lecture 48 Lets Create a Submit Button for our Form

Lecture 49 Project : Lets Create a Beautiful Login Form : Part1

Lecture 50 Project : Lets Create a Beautiful Login Form : Part 2 : Styling our Form

Lecture 51 Project : Lets Create a Beautiful Login Form : Part3 : Adding Hover effect

Section 5: Creating Custom Navigation

Lecture 52 Custom Navigation : Part1

Lecture 53 Custom Navigation : Part 2 : Custom Dropdown

Lecture 54 Custom Navigation : Part 3 : Addressing Responsiveness

Lecture 55 Custom Navigation : Part 4 : Handling Active state using Javascript

Section 6: Creating Awesome Animated Slider using Bootstrap ( No Paid Plugins )

Lecture 56 Custom Slider : Part1

Lecture 57 Custom Slider : Part2 : Animated Slider

Lecture 58 Custom Slider : Part 3 : Wave Effect

Lecture 59 Custom Slider : Part 4 : Particle Effect

Section 7: Resource Files

Lecture 60 Get all the resources and Project Files attached here

If you want to Learn Bootstrap 5 , this course is for you,If you want to Learn basic concepts of creating components in Bootstrap , this course is for you,If you want to Learn working with spacing , Flex , Typography , Images , Colors , Background Color , Grid , this course is for you,If you want to Learn Creating Components like Accordion , Modal , Carousel , Navigation , Dropdown , this course is for you,If you want to Learn how to give professional look to Navigation , this course is for you,If you want to create Premium Looking Animated Slider without any Paid Plugin , this course is for you