5.00(2)

Master HTML5 CSS3 Bootstrap5 by building Responsive Website

  • Categories Video Courses
  • Duration 01h 45m
  • Total Enrolled 154
  • Last Update April 3, 2022

Description

 

About Your Instructor

Dear Student,

I am super excited to have you in this course, let’s learn and grow together.

I have 11 years and 8 months of experience working in the IT industry with many International projects/ clients in tons of technology stacks. I have put all my experience into this course to make you successful in 2022.

Check my LinkedIn Profile

Check out Q&A and Career Guidance Facebook Group

Happy Learning!

In this course, you will learn to develop responsive websites using HTML, CSS3, Mediaqueries and Bootstrap5.

We will be also setting up IDE with required extensions to make our development experience smooth.

We will learn all the concepts with the help of code examples.

Following are the topics we will cover:

1.1-What is meant by Responsiveness

1.2-Example Non_responsive website

1.3-Creating HTML Skeleton for non-responsive website

1.4-Styling the non responsive page

2.1-Different Device break points

2.2-Make Responsive in device upto 768px

2.3-Make Responsive for device width upto 468px

2.4-Make Responsive for device width above 1024px

2.5-Making Responsive between 769px and 1023px

We will then learn about Bootstrap5, Font awesome, Google fonts in which we will be using following:

1. Navigation navbar

2. Buttons and nav links

3. Carousel and slides

4. Margin , Padding, Fontsize

5. Container & Container fluid

6. Column and Grid system

7. Form and Form controls

8. Fontawesome icons

9. Google fonts poppins

10. Block button

11. Bootstrap cards

We will develop website using all concepts of HTML CSS3 and Bootstrap5 and we will develop website with different sections like navigation section, slider section, listing section, call to action section, contact us section, footer section, copyright section.

After this course you will be able to develop any website of your own and use it for your own purpose.

What Will I Learn?

  • You will learn to develop website using HTML CSS3 & Bootstrap5
  • You will learn about Responsive web design and development
  • You will learn the concepts of Media Queries and how to use them
  • You will learn to use HTML and CSS3
  • You will learn to use Visual Studio Code editor and related extension

Topics for this course

29 Lessons01h 45m

Section 1: Introduction & Installation

Lecture 1: Installing VS Code and Server extension1:42
Lecture 2: What is meant by Responsiveness1:37
Lecture 3: Example Non Responsive website2:51
Lecture 4: Creating HTML Skeleton for non-responsive website2:51
Lecture 5: Styling the non responsive page7:04

Section 2: Media Queries & Device Breakpoints

Section 3: Website Development with Bootstrap5

Student Feedback

5.0

Total 2 Ratings

5
2 ratings
4
0 rating
3
0 rating
2
0 rating
1
0 rating

nice

Awesome course, now I am able to create my own responsive website with bootstrap thank you sir.

Free

Requirements

  • Laptop with Internet connection

Target Audience

  • Anyone who wants to learn and develop responsive websites using HTML, CSS3 and Bootstrap5