Master Bootstrap 5 from Scratch with Projects

Focused View

Supriyo Kundu

7:41:20

111 View

1 - Introduction

1 - Introduction.mp4

05:46

2 - Bootstrap 5 Crash Course

2 - Why we use Bootstrap.mp4

03:38

3 - Two ways of using Bootstrap in your project.mp4

13:47

4 - Important Not to skip meta tags.mp4

04:11

5 - Grid Containers.mp4

14:41

6 - Understanding Concept of colxxy.mp4

11:30

7 - Column Breaks.mp4

06:02

8 - Understanding Offset.mp4

07:48

9 - Concept of Ordering.mp4

09:57

10 - Task Equal Width Content.mp4

03:37

11 - Task Variable Width Content.mp4

03:27

12 - Exploring Positioning concept.mp4

11:49

13 - Lets learn about Display properties.mp4

06:31

14 - Difference between Flex and Inlineflex seems Confusing Take a look here.mp4

04:18

15 - Flex Concepts Flex Direction.mp4

05:39

16 - Flex Concepts Justify Content.mp4

05:25

17 - Flex Concepts Align Items.mp4

06:32

18 - Flex Concepts Align Self.mp4

02:04

19 - Understanding difference between em and rem.mp4

06:27

20 - Lets learn handling Margin and Padding.mp4

10:00

21 - Lets explore Images classes in Bootstrap 5.mp4

07:11

22 - Covering few Important Concepts using Images.mp4

06:28

23 - Lets explore Background Color and Gradients.mp4

04:58

24 - Text Color.mp4

01:31

25 - Typography.mp4

08:50

26 - Working with Icons.mp4

08:45

27 - Hover Effect Animating Icons.mp4

04:38

3 - Creating Components Using Bootstrap

28 - Project Accordion.mp4

22:33

29 - Important Collapse concept in Bootstrap 5.mp4

07:17

30 - Project Collapse.mp4

07:42

31 - Project Modal.mp4

12:09

32 - Project Dropdown.mp4

10:21

33 - Project Navigation.mp4

12:35

34 - Adding dropdown to Navigation.mp4

06:28

35 - Project Carousel Part1.mp4

13:41

36 - Project Carousel Part2.mp4

06:37

4 - Working with Forms

37 - Creating Basic Form.mp4

06:19

38 - Creating Form with Inline Content.mp4

02:26

39 - Working with Select Input.mp4

04:08

40 - Working with Radio Buttons.mp4

06:56

41 - How to work with Input Group in Smart Way.mp4

10:17

42 - Working with Checkbox.mp4

03:00

43 - Working with Switches.mp4

03:33

44 - Working with Floating Label.mp4

05:17

45 - Working with Range Input.mp4

04:18

46 - Getting and Showing Range Value.mp4

05:52

47 - Lets add a Textarea.mp4

02:36

48 - Lets Create a Submit Button for our Form.mp4

07:54

49 - Project Lets Create a Beautiful Login Form Part1.mp4

08:50

50 - Project Lets Create a Beautiful Login Form Part 2 Styling our Form.mp4

16:19

51 - Project Lets Create a Beautiful Login Form Part3 Adding Hover effect.mp4

07:33

5 - Creating Custom Navigation

52 - Custom Navigation Part1.mp4

08:43

53 - Custom Navigation Part 2 Custom Dropdown.mp4

04:22

54 - Custom Navigation Part 3 Addressing Responsiveness.mp4

08:02

55 - Custom Navigation Part 4 Handling Active state using Javascript.mp4

03:21

6 - Creating Awesome Animated Slider using Bootstrap No Paid Plugins

56 - Custom Slider Part1.mp4

12:27

57 - Custom Slider Part2 Animated Slider.mp4

10:52

58 - Custom Slider Part 3 Wave Effect.mp4

10:59

59 - Custom Slider Part 4 Particle Effect.mp4

22:23

7 - Resource Files

60 - Get all the resources and Project Files attached here.html

60 - bootstrap-resources.zip

Description

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

Who is this for?

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

More details

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 etc
In our next section we are going to create components using Bootstrap like Modal , Accordion , Dropdown , Navigation , Slider
In 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 Button
After 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 !!
Who this course is for:
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

User Reviews

Rating

average 0

Total votes0

Focused display

Bootstrap

Supriyo Kundu

Instructor's Courses

Hi ,My name is Supriyo . I am a Computer Science Engineer .I have equal passion for both Programming and Designing. Areas of Knowledge : Photoshop , Illustrator , Web Design , Web Development , Wordpress , Elementor.I help students to grow their Designing and Programming skills , be it Design Effects or Retouching or Photo Manipulation or Animations or Website Design (Design and coding both) etc .Currently , My courses have over 100000 Awesome Students and they also love me :)

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.