(7 Ratings)

23075 Bootstrap Essentials: Building Responsive Web Design

By Ms Vanaja A Categories: Science and Technology

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

Responsive Web Design: You learn how to create mobile-friendly websites that adapt to various screen sizes.
Grid System: Bootstrap’s grid system helps you build flexible and responsive page layouts.
Styling and Components: You’ll gain skills in styling elements and using pre-built CSS and JavaScript components for various site elements.
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

• 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.

About Course

What Will You Learn?

Course Content

Join Whatsapp group

join whatsapp group

Introduction to HTML

Introduction to HTML

Lecture 1

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

HTML Tags 1

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 Tags 2

Lecture 3

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 3 (definition list , image tag , etc)

Lecture 4

HTML Tag 4 (Table Tag and its attributes)

Html Tag 4 (Table Tag and 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 5 (iframe Tag)

HTML Tag 6(form tag and input tag)

HTML Tag 6(form tag and input tag)

HTML Tag 7 (Textarea Tag and other Input Tags)

HTML: Textarea , Radio button , Checkbox , Dropdown list.

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

Label , Fieldset , legend tags and advanced tags in HTML 5

Introduction to CSS

Introduction to CSS

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

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

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

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

CSS: Box Properties

CSS : Box Properties

CSS:Class Selector and Background Properties

CSS:Class Selector and Background Properties

CSS:List Property and Table Property

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.

Introduction to PHP and PHP Variables

How to Execute PHP file using mobile apps

Variables and conditional statements and looping statements in PHP

Creating variables and inspecting variables content

Conditional Statements and looping statements in PHP

PHP Array : indexed array and associative array

PHP Array : indexed array and associative array

PHP : Handling Form Data

PHP : Handling Form Data

PHP: Working with Databases and SQL – Lecture 1

PHP: Working with Databases and SQL – Lecture 1

PHP: Working with Databases and SQL – Lecture 2

PHP: Working with Databases and SQL – Lecture 2

PHP: Working with Databases and SQL – Lecture 3

PHP: Working with Databases and SQL – Lecture 3

Executing PHP with MYSQL Database using Mobile Apps

Executing PHP with MYSQL Database using Mobile Apps

PHP Program with MYSQL Code

PHP Code discussed in the video

Student Ratings & Reviews

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 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.

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