किसी साइट के पीछे क्या लोड होता है? आसान समझ
आप अपने फोन पर Flipkart खोलते हैं। एक सेकंड में पूरा पेज सामने आ जाता है — फोटो, बटन, कीमत, सब कुछ। पर असल में लोड क्या हुआ? पेज तो एक ही चीज़ जैसा दिखता है, मगर अंदर से वो बस कुछ फाइलें हैं जो साथ मिलकर काम करती हैं।
किसी साइट के पीछे क्या लोड होता है — असल में तीन तरह की फाइलें: HTML (पेज का ढांचा), CSS (उसका रूप-रंग) और JavaScript (उसकी हरकत)। हर वेबसाइट, चाहे कितनी भी फैंसी हो, ब्राउज़र में बस यही फाइलें डाउनलोड करती है।
एक वेबपेज असल में बनता कैसे है?
एक घर बनाने की सोचिए। पहले ईंटों का ढांचा खड़ा होता है। फिर पेंट उसे सुंदर बनाता है। फिर वायरिंग उसे चालू करती है।
वेबपेज भी ठीक इसी तरह बनता है — तीन परतें, हर एक का अपना काम। पहले हड्डी, फिर त्वचा, फिर हरकत। ये तीनों साथ आकर वो पेज बना देते हैं जिसे आप देखते और छूते हैं।
HTML, CSS और JavaScript में फर्क क्या है?
तीनों फाइलों का काम अलग है। इन्हें एक लाइन में याद रखिए:
- HTML — ढांचा बनाता है। यही पेज का कंटेंट रखता है: टेक्स्ट, फोटो, बटन।
- CSS — स्टाइल देता है। यही तय करता है कि कंटेंट कैसा दिखे — रंग, साइज़, जगह।
- JavaScript — व्यवहार जोड़ता है। यही पेज को रिएक्ट कराता है, जैसे बटन दबाने पर कुछ होना।
HTML कंटेंट रखता है, CSS उस कंटेंट को स्टाइल करता है, और JavaScript उसे ज़िंदा करता है। यही मिलकर पूरा पेज है।
यह जानना क्यों मायने रखता है?
क्योंकि हर साइट जो आप खोलते हैं, अंदर से बस यही फाइलें डाउनलोड करती है। वेबसाइट जादू नहीं है। चाहे वो कितनी भी बड़ी या फैंसी लगे, बात आखिर में कुछ फाइलों पर ही आ जाती है।
एक बार आप यह समझ जाएँ, तो हर वेबपेज कम रहस्यमय और ज़्यादा अपना सा लगने लगता है। और जब आप AI से अपनी साइट बनवाते हैं, तो आपको पता होता है कि अंदर हो क्या रहा है।
इसे खुद कैसे आज़माऊँ?
एक छोटा एक्सपेरिमेंट कीजिए। अपने टर्मिनल में किसी साइट को curl करके उसकी पहली लाइन पढ़िए:
curl -s https://www.flipkart.com | head -n 1
आपको HTML का एक टैग दिखेगा, कुछ ऐसा:
<!DOCTYPE html>
वो पहली लाइन ही पेज की शुरुआत है। यानी जो खूबसूरत पेज आप देखते हैं, वो असल में इसी सादे HTML से शुरू होता है। अगर आपने अभी तक curl या टर्मिनल नहीं देखा है, तो घबराइए नहीं — पूरा फ्री Zero to AI Hero कोर्स आपको शुरू से, आसान हिंदी में, यहाँ तक ले आता है।
मुख्य बातें (Key takeaways)
- किसी साइट के पीछे क्या लोड होता है — असल में तीन तरह की फाइलें: HTML, CSS और JavaScript।
- HTML ढांचा (कंटेंट) है, CSS स्टाइल (रूप) है, JavaScript व्यवहार (हरकत) है।
- कोई भी वेबसाइट, चाहे कितनी फैंसी हो, ब्राउज़र में बस यही फाइलें डाउनलोड करती है।
curlसे किसी साइट की पहली लाइन देखकर आप खुद यह HTML टैग देख सकते हैं।
इससे पहले हमने देखा था कि कोड में इतनी सारी भाषाएँ क्यों होती हैं। अब आप जानते हैं एक साइट किन फाइलों से बनती है। आगे हम समझेंगे: Client बनाम server — यानी ये फाइलें आती कहाँ से हैं।
🚀 पूरा फ्री कोर्स देखें: Zero to AI Hero — हिंदी में सीखें। रोज़ नए लेसन। शुरुआत से AI इस्तेमाल करना और बनाना सीखें।
Want to actually learn this?
151 free 2-minute lessons — from "what's a file?" to building with AI.
▶ Start the free course