HTML कसे काम करते?
How Websites Work — Frontend vs Backend
Websites कसे काम करतात हे समजणे HTML शिकण्यापूर्वी खूप उपयुक्त आहे. तुम्ही Frontend आणि Backend बद्दल ऐकले असेल — त्याचा अर्थ काय?
Frontend vs Backend
- ▸Frontend: Website चा जो भाग तुम्हाला screen वर दिसतो — tables, images, buttons. हे HTML, CSS, JavaScript ने बनते.
- ▸Backend: मागे जे काम होते — data store करणे, process करणे. हे Python, Java, Node.js ने होते. Users ला हे दिसत नाही.
Marathi Analogy
🍽️ Analogy: Restaurant मध्ये जे menu, tables, decor दिसते ते Frontend. Kitchen मध्ये जे cooking, billing होते ते Backend. दोन्ही मिळून restaurant चालते — तसेच website चालते.
Website कशी काम करते?
आपण browser मध्ये www.google.com टाइप करतो — हे request Web Server ला जाते. Web Server HTML, CSS, JavaScript files पाठवतो. Browser या files वाचतो आणि screen वर webpage render करतो.
- ▸Step 1: Browser (client) web server ला request पाठवतो — उदाहरण: www.codewithharry.com
- ▸Step 2: Web server HTML, CSS, JavaScript files पाठवतो
- ▸Step 3: Browser या files parse करतो आणि सुंदर webpage दाखवतो
Web Browser म्हणजे काय?
Web Browser म्हणजे एक program जो HTML tags समजतो आणि त्यांना human-readable format मध्ये दाखवतो. Developer HTML code लिहितो कारण browser ते समजतो आणि screen वर display करतो.
Browser कसे काम करते?
- ▸Browser HTML document receive करतो — raw bytes म्हणून
- ▸Bytes → Characters → Tokens → Nodes मध्ये convert होतात
- ▸Nodes एक tree structure बनवतात — DOM (Document Object Model)
- ▸DOM tree तयार झाल्यावर browser screen वर render करतो
Browser नक्की कसे काम करते हे खूप complex आहे — आत्ता त्याबद्दल जास्त विचार करू नका. HTML शिकण्यावर focus करा!
HTML Document म्हणजे काय?
HTML document म्हणजे .html किंवा .htm extension असलेली text file. यात text आणि specific tags असतात ज्या < > मध्ये enclosed असतात. या tags browser ला webpage कसा दाखवायचा याच्या instructions देतात.
✅ Key Points — लक्षात ठेवा
- ▸Frontend = दिसणारे भाग (HTML, CSS, JS) | Backend = मागे होणारे काम
- ▸Browser server ला request करतो → server HTML files पाठवतो → browser render करतो
- ▸Browser = HTML tags समजणारा program
- ▸DOM = Document Object Model — browser HTML ला tree structure मध्ये convert करतो
- ▸HTML document = .html extension ची text file