OMI STUDENT LEARNING

Web Development

Learn website development step-by-step. Start from HTML basics and gradually learn CSS, responsive design and JavaScript.

21

Lessons

Beginner

Level

Web

Development

📚 Course Lessons

Learn every topic step-by-step.

LESSON 01

HTML Basics

HTML kya hai, website me HTML ka kya kaam hai aur HTML se webpage kaise banaya jata hai.

Open Lesson →
LESSON 02

HTML File Kaise Banaye

VS Code me HTML file banana, save karna aur browser me website open karna seekhen.

Open Lesson →
LESSON 03

Basic HTML Structure

DOCTYPE, html, head, title aur body ka use simple example ke saath samjhen.

Open Lesson →
LESSON 04

Text & Headings

Website me headings, paragraphs aur different text elements ka use karna seekhen.

Open Lesson →
LESSON 05

Images

Website me images add karna, image path samajhna aur image ko properly display karna seekhen.

Open Lesson →
LESSON 06

Links & Buttons

Pages ko connect karna, links banana aur website me buttons create karna seekhen.

Open Lesson →
LESSON 07

CSS Basics

CSS kya hai aur HTML website ko colors, spacing, fonts aur design kaise dete hain.

Open Lesson →
LESSON 08

Website Design

Professional website layout, cards, navbar, sections aur clean design banana seekhen.

Open Lesson →
LESSON 09

Responsive Design

Website ko mobile, tablet aur desktop screen ke according responsive banana seekhen.

Open Lesson →
LESSON 10

JavaScript Basics

JavaScript se website me buttons, actions aur interactive features add karna seekhen.

Open Lesson →
LESSON 11

First Website

HTML, CSS aur JavaScript ko combine karke apni first professional website banana seekhen.

Open Lesson →
LESSON 12

HTML Forms

HTML forms ke through user se name, email, mobile, password aur message jaise information lena seekhen.

Open Lesson →
LESSON 13

CSS Flexbox

CSS Flexbox se website ke elements ko row, column, center aur properly align karna seekhen.

Open Lesson →
LESSON 14

CSS Grid

CSS Grid ka use karke cards, columns aur professional website layouts banana seekhen.

Open Lesson →
LESSON 15

CSS Animations

Website mein smooth hover effects, transitions aur simple professional animations add karna seekhen.

Open Lesson →
LESSON 16

JavaScript Events

Click, input aur submit jaise JavaScript events ka use karke website ko interactive banana seekhen.

Open Lesson →
LESSON 17

JavaScript DOM

JavaScript se HTML elements ko select, change aur control karna seekhen.

Open Lesson →
LESSON 18

Website Navbar

Professional navigation bar, menu links aur responsive navbar banana seekhen.

Open Lesson →
LESSON 19

Hero Section

Website ka attractive hero section, heading, paragraph, button aur background banana seekhen.

Open Lesson →
LESSON 20

Contact Form

Professional contact section aur contact form design karna seekhen.

Open Lesson →
LESSON 21

Complete Professional Website

HTML, CSS aur JavaScript ko combine karke complete professional website banana seekhen.

Open Lesson →