4.57
(7 Ratings)

23075 Bootstrap Essentials: Building Responsive Web Design

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Students will acquire the tools and knowledge necessary to create modern, responsive, and visually appealing websites efficiently and effectively.

What you’ll learn

  1. Responsive Web Design: You learn how to create mobile-friendly websites that adapt to various screen sizes.
  2. Grid System: Bootstrap’s grid system helps you build flexible and responsive page layouts.
  3. Styling and Components: You’ll gain skills in styling elements and using pre-built CSS and JavaScript components for various site elements.
  4. Customization: Bootstrap allows you to customize and theme your websites using variables and SASS, making your projects unique.

Syllabus

Introducton to HTML – all the tags ,CSS – All the types of Styling properties.

Introduction to Bootstrap

Overview of Bootstrap and its purpose

Setting up a Bootstrap development environment

Basic usage of Bootstrap classes

Building Responsive Web Applications

Understanding the Bootstrap grid system

Styling text, forms, and buttons

Creating responsive navigation bars and menus

Advanced Bootstrap and Final Project

Interactive Components

Using Bootstrap’s interactive elements (modals, tooltips, etc.)

Enhancing user experience with JavaScript

Customizing Bootstrap with variables

Responsive Web Design and Projects

Implementing responsive design with media queries

Final project: Building a responsive web application

 

 

Show More

What Will You Learn?

  • • To build a custom website with HTML, CSS, and Bootstrap.
  • • You learn real-world skills to build professional and modern websites.
  • • You learn the basic building blocks to becoming a web developer.
  • • To build websites while you learn each building block - HTML, CSS, Bootstrap.
  • • You get an idea how to use each skill in the real world with case studies.
  • • You get knowledge about basic web design tips so your websites look and act professionally.

Course Content

Join Whatsapp group

  • join whatsapp group
    00:00

Introduction to HTML

HTML Tags 1
In this lecture we are going to see the basics of HTML Tags.

HTML Tags 2
In this video Lecture the next level of HTML tags were discussed like insert , delete, strikeout tags, meta tag, different types of list tag were discussed .

HTML Tag 3 (definition list,image tag etc)
Watch video lecture 4 , then try all the exercises which we discussed in the video lecture .

HTML Tag 4 (Table Tag and its attributes)

HTML Tag 5 (iframe tag and its attributes)
It about how to embed another website or video in your web page , also how to add google map of a particular place in your web page.

HTML Tag 6(form tag and input tag)

HTML Tag 7 (Textarea Tag and other Input Tags)

HTML Tag 8 (Label Tag, Fieldset Tag, Legend Tag and advanced Tag in HTML 5)

Introduction to CSS

CSS: ID selector , Text Decoration and Text Alignment Properties.

CSS: Text spacing , Text indent , Pseudo element and Pseudo classes

CSS: Box Properties

CSS:Class Selector and Background Properties

CSS:List Property and Table Property

Introduction to PHP
In this lecture discussed , introduction to PHP , why PHP , how PHP works and variables in PHP.

Variables and conditional statements and looping statements in PHP

PHP Array : indexed array and associative array

PHP : Handling Form Data

PHP: Working with Databases and SQL – Lecture 1

PHP: Working with Databases and SQL – Lecture 2

PHP: Working with Databases and SQL – Lecture 3

Executing PHP with MYSQL Database using Mobile Apps

PHP Program with MYSQL Code

Student Ratings & Reviews

4.6
Total 7 Ratings
5
4 Ratings
4
3 Ratings
3
0 Rating
2
0 Rating
1
0 Rating
MC
2 months ago
Good
IP
2 months ago
Really good experience
SF
2 months ago
Wonderful course , mams explanation was top notch.
SP
5 months ago
it was nice explanation.easy to understand the concepts
HR
5 months ago
nice one
MM
8 months ago
Good
MK
1 year ago
Good