Learn website development using HTML, CSS, JavaScript & PHP

Name: Learn website development using HTML, CSS, JavaScript & PHP
Rating: 4.7 (17 reviews)

Become a Web developer | Master HTML5, CSS3, JavaScript, PHP & MySQL!

Highest Rated

Created byAhmad Hassan

Last updated 4/2026

Hindi

What you'll learn

Understand the foundational structure of HTML and HTML5
CSS for styling a Website
JavaScript for interacting with user while they are on your website
jQuery for adding animations to a Wesbite
PHP for interacting with user (like form handling, file upload, etc)
Databases
PHP and MySQL for storing users information on a web server
FINAL PROJECT: A dynamic website with login system for admin and authors only.

Course content

7 sections • 89 lectures • 7h 13m total length

Introduction3:59
कोर्स का परिचय - वेब डेवलपमेंट की बेसिक्स।
Installing a code editor (VS Code, Sublime Text)0:01
वीएस कोड/सबलाइम टेक्स्ट जैसे एडिटर्स को इंस्टॉल करना।
Creating Your First HTML File10:45
पहली HTML फाइल बनाना और ब्राउज़र में दिखाना।
Line breaks, spacing, and comments6:22
HTML में लाइन ब्रेक (<br>), स्पेसिंग और कमेंट्स () का इस्तेमाल।
Ordered and Unordered lists4:47
(<ol>) और बुलेट पॉइंट्स (<ul>) वाली लिस्ट बनाना।
Creating a table4:28
टेबल बनाने के लिए <table>, <tr>, <td> टैग्स का उपयोग।
Creating Hyperlinks (Anchor Tags)3:31
दूसरे पेज/वेबसाइट पर लिंक (<a href="...">) जोड़ना।
Internal Page Links (Bookmarks)4:19
एक ही पेज में सेक्शन्स के बीच लिंक (Bookmarks) कैसे बनाएँ।
Adding Images to a Web Page1:50
इमेज जोड़ने के लिए <img src="..."> टैग का इस्तेमाल।
Image Sizing and Scaling3:18
इमेज की साइज़ width और height से एडजस्ट करना।
Nested elements1:28
एक HTML एलिमेंट के अंदर दूसरे एलिमेंट्स (जैसे लिस्ट के अंदर लिंक) जोड़ना।
Text Input Fields4:23
यूज़र इनपुट के लिए सिंगल-लाइन टेक्स्ट बॉक्स (<input type="text">)।
Associating Labels with Form Fields3:19
टेक्स्ट बॉक्स के लिए लेबल (<label>) जोड़कर यूज़र एक्सपीरियंस इम्प्रूव करना।
Textarea Elements2:50
लंबे टेक्स्ट के लिए <textarea> एलिमेंट का इस्तेमाल।
Radio buttons2:46
सिंगल चॉइस के लिए रेडियो बटन्स (<input type="radio">)।
Checkbox1:35
मल्टीपल चॉइसेज़ के लिए चेकबॉक्स (<input type="checkbox">)।
Number Input Fields1:48
नंबर्स इनपुट करने के लिए फ़ील्ड (<input type="number">)।
Drop-down list2:42
ड्रॉप-डाउन मेनू (<select> और <option>) बनाना।
Date and number box3:00
डेट पिकर (<input type="date">) और नंबर इनपुट फील्ड।
Fieldbox and Legend elements1:58
फॉर्म के ग्रुप को बॉक्स में दिखाने के लिए <fieldset> और उसका टाइटल देने के लिए <legend> टैग।
HTML Attributes3:33
HTML एलिमेंट्स के प्रॉपर्टीज जैसे id, class, style जो उनकी बिहेवियर या स्टाइल बदलते हैं।
Meta Element & SEO4:39
वेबपेज का मेटाडेटा (जैसे करैक्टर एन्कोडिंग, व्यूपोर्ट) डिफाइन करने के लिए <meta> टैग।
HTML Escape Characters2:22
HTML में विशेष करैक्टर्स (जैसे <, >) को <, > लिखकर दिखाना।
Text Formatting: Bold/Italic3:00
टेक्स्ट को बोल्ड (<b>, <strong>) या इटैलिक (<i>, <em>) बनाना।
Embedding with iframe6:01
एक वेबपेज के अंदर दूसरा वेबपेज एम्बेड करने के लिए <iframe>।
Superscript & Subscript1:47
सुपरस्क्रिप्ट (जैसे x<sup>2</sup>) और सबस्क्रिप्ट (जैसे H<sub>2</sub>O) टेक्स्ट बनाना।
Accessibility Attributes2:42
alt इमेज का अल्टरनेटिव टेक्स्ट देता है, title हॉवर पर टूलटिप दिखाता है।
Audio Embedding3:16
ऑडियो फाइल प्ले करने के लिए <audio> टैग।
Advanced Audio Attributes2:28
ऑडियो कंट्रोल्स (controls), ऑटोप्ले (autoplay), लूप (loop) जैसे ऐट्रिब्यूट्स।
Video Embedding2:03
वीडियो एम्बेड करने के लिए <video> टैग।
Document Type (DOCTYPE)2:48
HTML वर्जन डिक्लेयर करने के लिए <!DOCTYPE html>।
QUIZ
Build Your Personal Profile Web Page Using HTML

Introduction to HTML52:17
HTML5 कोर्स का ओवरव्यू और इसके मुख्य कॉन्सेप्ट्स।
Why HTML5 is important3:17
HTML5 के फायदे: बेहतर सेमांटिक्स, मल्टीमीडिया सपोर्ट, मोबाइल फ्रेंडली।
HTML5 Syntax Updates - Part 13:11
HTML5 में नए सिंटैक्स नियम
HTML5 Syntax Updates - Part 22:25
HTML5 में नए सिंटैक्स नियम
HTML5 Semantic Tags3:54
सेमांटिक टैग्स: <header>, <nav>, <section>, <article>, <footer>।
HTML5 Semantic Tags - Part 23:58
सेमांटिक टैग्स: <header>, <nav>, <section>, <article>, <footer>।
HTML5 Semantic Tags - Part 35:05
HTML5 के नए एलिमेंट्स जैसे <mark>, <progress>, <time>।
New HTML5 Elements3:41
Canvas vs SVG - Part 14:18
ग्राफिक्स बनाने के दो तरीके:
Canvas: जावास्क्रिप्ट से डायनामिक ग्राफिक्स।
SVG: स्केलेबल वेक्टर इमेजेस।
Canvas vs SVG - Part 22:18
Canvas vs SVG - Part 31:31
Canvas Drawing Technique4:10
कैनवास पर fillRect(), strokeRect() मेथड्स से आयत बनाना।
Canvas: Drawing Shapes2:35
QUIZ

Introduction2:17
कोर्स का परिचय - वेबपेज लेआउट बनाने की प्रक्रिया।
Styling the body5:42
पूरे पेज की बेसिक स्टाइलिंग (बैकग्राउंड, फॉन्ट, मार्जिन)।
Adding header and navigation section5:38
हेडर सेक्शन और नेविगेशन मेनू बनाना (<header>, <nav> का उपयोग)।
Adding the main content section6:07
मुख्य कंटेंट एरिया की लेआउट डिज़ाइन (<main>, <section> के साथ)।
Adding the sidebar8:40
साइडबार कॉलम बनाना (फ्लोट/फ्लेक्सबॉक्स/ग्रिड तकनीकों का उपयोग)।
Adding additional content panels4:05
कंटेंट को अलग-अलग पैनल/कार्ड्स में ऑर्गनाइज़ करना।
Image sidebar3:12
साइडबार में इमेज गैलरी या विज़ुअल एलिमेंट्स जोड़ना।
Adding the footer4:02
फुटर सेक्शन डिज़ाइन करना (कॉपीराइट, लिंक्स, कॉन्टैक्ट इंफो)।
Organizing the stylesheet4:14
CSS फाइल को सेक्शन्स में व्यवस्थित करना (कमेंट्स, ग्रुपिंग)।
Navigation bar and buttons4:59
नेविगेशन बार और बटनों की स्टाइलिंग (हवर इफेक्ट, ट्रांजिशन)।
Finishing the buttons3:42
आइकन्स, शैडो, रेस्पॉन्सिव डिज़ाइन)
Working in the header3:40
हेडर को रिफाइन करना (लोगो पोजिशनिंग, सर्च बार जोड़ना)।
Working in the footer5:22
फुटर में कॉलम्स/सोशल मीडिया लिंक्स ऐड करना।
Source control3:27
कोड मैनेजमेंट के लिए Git का उपयोग (कमिट, पुश, ब्रांचिंग)।
The Fixed Layout3:45
फिक्स्ड-विड्थ लेआउट बनाना (पिक्सल-बेस्ड डिज़ाइन)।
The Fixed Layout Part 23:37
फिक्स्ड लेआउट को रेस्पॉन्सिव बनाने के टिप्स।
Quiz

Introduction2:01
कोर्स का ओवरव्यू - जावास्क्रिप्ट की भूमिका वेब डेवलपमेंट में।
Understanding JavaScript Statements3:57
जावास्क्रिप्ट स्टेटमेंट्स की बेसिक्स (जैसे console.log("Hello");)।
JavaScript Variables Explained6:12
वेरिएबल्स डिक्लेयर करना (var, let, const) और डेटा टाइप्स।
JavaScript Variables Part 22:45
वेरिएबल स्कोप (ग्लोबल vs लोकल) और होइस्टिंग कॉन्सेप्ट।
Linking External JavaScript Files4:01
HTML में एक्सटर्नल JS फाइल्स जोड़ना (<script src="file.js">)।
JavaScript Functions4:25
फंक्शन्स बनाना और कॉल करना
Functions Advanced Concepts in JavaScript3:39
कॉलबैक फंक्शन्स, क्लोजर्स और IIFE (Immediately Invoked Function Expressions)।
JavaScript Operators7:15
ऑपरेटर्स के प्रकार:
अरिथमेटिक (+, -, *)
लॉजिकल (&&, ||, !)
टर्नरी (condition ? true : false)
Conditional Statements in JavaScript (If-Else) - Part 15:41
बेसिक कंडीशनल लॉजिक
Advanced Conditional Logic in JavaScript - Part 22:22
कॉम्प्लेक्स कंडीशन्स (switch स्टेटमेंट्स, नेस्टेड if-else)।

Creating the first web page10:12
बेसिक HTML स्ट्रक्चर के साथ वेबपेज बनाना।
Installing software2:35
वेब डेवलपमेंट के लिए जरूरी सॉफ्टवेयर (जैसे वेब सर्वर, डेटाबेस) इंस्टॉल करना।
My First script2:47
पहली स्क्रिप्ट (जावास्क्रिप्ट, PHP आदि में) लिखना।
Variables5:16
वेरिएबल्स: डिक्लेयर करना, वैल्यू असाइन करना और उपयोग करना।
String concatenation2:58
ऑपरेटर्स (जैसे JavaScript में `+`) से स्ट्रिंग्स को जोड़ना।
Escape characters1:43
स्ट्रिंग्स में एस्केप करैक्टर्स (जैसे `\n`, `\t`) का उपयोग।
Comments and Assignment Operators3:47
कमेंट्स लिखना और असाइनमेंट ऑपरेटर्स (`=`, `+=` आदि) का उपयोग।
Arithmetic Operators4:01
बेसिक अंकगणित: `+`, `-`, `*`, `/`, `%`।
Operator precedence2:39
ऑपरेशन्स का क्रम (जैसे गुणा, भाग जोड़ से पहले)।
The IF statement4:23
`if` का उपयोग करके कंडीशनल एक्ज़ीक्यूशन।
The IF else statement1:48
`if-else` से दो शाखाओं में काम करना।
The else if statement2:12
एक से अधिक कंडीशन्स के लिए `else if` का उपयोग।
Comparison operators4:08
`==`, `!=`, `>`, `<`, `>=`, `<=` जैसे ऑपरेटर्स।

Introduction - MySQL setup5:01
MySQL का परिचय और इसे इंस्टॉल व कॉन्फ़िगर करना।
How to Create a table2:51
`CREATE TABLE` कमांड से डेटाबेस में टेबल बनाना।
Insert data into database2:43
`INSERT INTO` कमांड से टेबल में डेटा जोड़ना।
Adding and removing columns3:06
`ALTER TABLE ... ADD COLUMN` और `ALTER TABLE ... DROP COLUMN` से टेबल में बदलाव करना।
How to Create users4:07
MySQL में यूज़र अकाउंट बनाना और उनकी अनुमतियाँ प्रबंधित करना।

Requirements

Basic knowledge of web browsers
Notepad

Description

Are you ready to kickstart your career as a Full-Stack Web Developer and start earning real money online?

This Complete Web Development Course is designed specifically for absolute beginners who want to go from zero experience to a job-ready full-stack developer in as little as 6 weeks. Whether you want to start freelancing, land a job, or build your own business—this course is for you.

What You’ll Learn:

We cover all the essential tools, technologies, and real-world skills you need to build modern, responsive, and fully functional websites and web applications:

HTML5 – Build the structure of your web pages
CSS3 – Design beautiful, responsive layouts
JavaScript – Add interactivity and functionality
PHP – Add server-side logic like file uploads and form handling
MySQL & PhpMyAdmin – Work with databases to store and manage data

Why This Course?

From Zero to Full Stack in 6 Weeks – Just one hour of study a day is enough to finish in 6 weeks (or go at your own pace).
Hands-On Projects & Assignments – Apply your skills immediately and reinforce what you learn.
Freelance Ready – Build real-world projects that can go into your portfolio or even go live.
Up-to-Date Content – Taught with the latest versions of the tools and frameworks.

Career Opportunities

By the end of this course, you'll be ready to:

Take on freelance web development projects
Apply for junior web developer jobs
Start your own web development business
Build websites for clients or yourself

No coding experience? No problem. Just bring your passion to learn, and we’ll take care of the rest.

Who this course is for:

Anyone who wants to code
Anyone who wants to build websites
Anyone who wants to start his own company or do freelance

Learn website development using HTML, CSS, JavaScript & PHP

What you'll learn

Explore related topics

Course content

HTML Foundation31 lectures • 1hr 44min

Introduction to HTML513 lectures • 43min

Learn about CSS16 lectures • 1hr 12min

Learn JS Foundation10 lectures • 42min

PHP Fundamentals13 lectures • 48min

MYSQL5 lectures • 18min

Project1 lecture • 1hr 46min

Requirements

Description

Who this course is for: