Master Bootstrap 5 From Scratch With Projects

Published 1/2023
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.79 GB | Duration: 7h 41m
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

Homepage

https://www.udemy.com/course/master-bootstrap5/