Introduction

Resources [Important]

Resource Links

How Web Works? 

Environment Setup

HTML Introduction

Head Section

Common HTML Tags

Media Tags

Linking Page

Untitled item

Forms I

Forms II

Comments

List

Tables

Inline and Block

Id & Classes

Introduction to CSS

CSS Types and Order

Selectors

Selector Game I

Selector Game II

Specificity

Common Properties

Semantics I

Semantics II

HTML Entity

Box Model

Box Sizing

Box Model Values

Unit Values

Display

Display vs Visibility

Position

Z Index

Pseudo Elements & Pseudo Classes

Responsiveness: Media Query 

Viewport Units: Height & Width 

Transform

Google Font

Button Design

Margin Auto vs Text Align Center

Box Shadow

Icons

Color suggestion

CSS Sequence: Advise

Background Gradient

Input fields

Forgot Password

Login Button

Min Max Width

Flexbox Introduction

Parent Properties

Child Properties

Flexbox Tool

Flexbox Game

Flexbox Project

Header I

Header II - Logo

Main I

Main II

Background Image

Footer I

Footer II

Footer III

Footer IV

Responsive Design: Main 

Responsive Design: Header 

Responsive Design: Footer 

Variables I

Variables II 

Next Steps

 Learn the Fundamentals of HTML & CSS along by building projects

Shubham is a software developer with a passion for teaching. He has worked with many funded startups, self-projects and as a top-rated freelancer on marketplaces.

Shubham has taught programming and digital marketing to over 50,000 students online and offline as an Instructor.

Shubham has mastered explaining very complex topics in the simplest manner that is easy to understand and follow. His video courses are also used by companies to train their employees and by colleges to prepare their students and upgrade skills according to industry requirements.

Shubham Sarda

Welcome to our beginner's guide - the "Web Development Foundation" course. This simplified and interactive course promises to guide you step-by-step on how to build responsive websites from scratch, using HTML5, CSS3, Bootstrap, and SASS.

The course begins by taking you through the journey of how the web works. You'll explore the magic behind the interaction between a client and a server, and you'll understand the essentials of HTTP requests and responses.

As we delve into the core development languages, you'll comfortably navigate the world of HTML, understanding syntax, document structure and other fundamental concepts that form the building blocks of any webpage. As a bonus, you'll also get to learn about HTML semantics that will help you design effective and easy-to-navigate webpages.

Next, we venture into the vibrant world of CSS. You'll learn how to add styles to your webpage, understand the need for different selectors, and learn about other important topics like the box model, sizing, positioning, and more. We further take you through the essentials of responsive design, ensuring your webpages look stunning on any device. Finally, you'll get to know about layouts using Flexbox, ensuring your webpages are dynamic and adaptable.

Our course is rooted in the concept-learning approach where every topic is linked with real-life examples and projects. It’s designed in such a way that by the end, you'll be ready to step into the field confidently. Whether you aim to be an intern, fresher, or freelancer, you'll find this course a stepping stone to your web development career.

Certificate Details

Learn Web Development Basics: HTML & CSS

Course Goals

Shubham Sarda