bloopcommitsWebsite do tarah ki hoti hain: ek pamphlet jaisi, ek software jaisi. Is guide mein static aur dynamic website ka farak, dono kaise kaam karti hain, kaunsa kab chunna hai, aur ek hosting service (GitHub Pages) ki ek zaroori limit seedhi bhaasha mein samjhayi hai. Saari baatein MDN aur GitHub ke official pages se li gayi hain.
Pamphlet vs shop ka counter
Pamphlet sabko ek jaisa milta hai. Shop ka counter har bande ko uske order ke hisaab se alag jawab deta hai. Website ke do type isi tarah samajh lo: pamphlet jaisi website static hai, counter jaisi website dynamic.
| Static (pamphlet jaisi) | Dynamic (counter jaisi) | |
|---|---|---|
| Server kya bhejta hai | Apni files bina badle, seedha browser ko (MDN: "as-is") | Application server bhejne se pehle files ko update karta hai |
| Server ke saath kya hota hai | Sirf HTTP server (software) | Extra software, aam taur par application server aur database |
| Content kaisa | Jaisi file hai waisa hi | Zarurat ke waqt generate hota hai, user ki di hui information ke hisaab se alag bhi ho sakta hai |
| Set up | MDN: sabse aasaan | Static se zyada hissey (extra software) |
Cheat sheet: shabd aur matlab
| Shabd | Seedhi bhaasha mein |
|---|---|
| Web server | Hardware ya software ya dono. Wo computer jo website ki files rakhta hai aur browser ko bhejta hai. |
| Static web server | Computer plus ek HTTP server. Files ko jaisa hai waisa (as-is) browser ko bhejta hai. |
| Dynamic web server | Static web server plus extra software, aam taur par application server aur database. |
| Application server | Wo software jo browser ko bhejne se pehle files ko update karta hai. |
| Database | Jahan data store hota hai, jisse page ke andar ka content aata hai. |
| Template | Ek HTML ka dhancha, jisme database ka data bhara jaata hai. |
Static website kaise kaam karti hai
- Tum browser se ek page maangte ho.
- Server apni files mein se maangi gayi file nikalta hai.
- Wo file bina badle seedha browser ko bhej deta hai.
- Tumhare browser mein wahi page khulta hai jo file mein likha tha.
Dynamic website kaise kaam karti hai
- Tum browser se page maangte ho. Is request ke saath user ki di hui information bhi ja sakti hai, jaise login ya cart.
- Request application server tak pahunchti hai.
- Application server database se data leta hai.
- Wo ek template mein database ka data bhar sakta hai, yaani page tayaar karta hai.
- Final page browser ko bheja jaata hai.
- Static = server files ko as-is bhejta hai.
- Dynamic = ek dynamic site user ki di hui information ya stored preferences ke hisaab se ek hi URL par alag data bhej sakti hai.
Do examples (banaya hua example)
| Page | Sabko ek jaisa? | Kyun |
|---|---|---|
| Ek simple menu page | Haan, sabko ek jaisa dikhta hai | Isme user ki information ki zarurat nahi. |
| Cart | Nahi, har bande ka apna | Cart ka data user ke hisaab se badalta hai. |
Ye dono examples samajhne ke liye banaye gaye hain, kisi asli website ke nahi. Asli website kaisi banegi, ye is par depend karta hai ki tumhe page mein kya dikhana hai.
Hosting: GitHub Pages ka example
GitHub Pages ek static site hosting service hai. Wo GitHub par rakhe repository se HTML, CSS aur JavaScript files leti hai, chahe to unhe ek build process se guzarti hai, aur website publish kar deti hai.
- GitHub Pages par limits hoti hain (site ka size, bandwidth, builds waghera). Exact numbers official page par dekho.
- GitHub Pages ko free hosting ki tarah online business, e-commerce site ya aisi site chalane ke liye use karna allowed nahi hai, jo mainly commercial transactions ya SaaS ke liye ho.
- Passwords ya credit card numbers jaise sensitive transactions ke liye GitHub Pages sites use nahi karni chahiye.
Kaunsa chunu? Step by step
- Likho ki page mein kya dikhana hai.
- Socho: kya ye sabko ek jaisa dikhna chahiye? Aisa hai, to static se kaam chal sakta hai.
- Kya login, cart ya database ka data chahiye? Tab dynamic ke baare mein socho.
- Pehli website hai? MDN ki salah hai ki pehli site static banao, kyunki static sabse aasaan set up hoti hai.
- Hosting chunne se pehle uska official page padho, khaaskar limits aur allowed use.
Ye salah hai, guarantee nahi. Tumhara project alag ho sakta hai.
Mere liye kaunsa? Checklist
| Mujhe chahiye | Is taraf socho |
|---|---|
| Sabko ek jaisa page (jaise ek simple menu ya jaankari wala page) | Static se kaam chal sakta hai |
| Login ya cart | Dynamic ke baare mein socho |
| Database se aane wala data | Dynamic ke baare mein socho |
| Meri pehli website | Static se shuru karo (MDN ki salah) |
Aam galtiyan
- GitHub Pages ko free hosting bana kar online business ya e-commerce chalana. Official page ke hisaab se ye allowed nahi hai.
- GitHub Pages par passwords ya credit card numbers jaise sensitive transactions karwana.
- Pehli hi website mein bina zarurat application server aur database jod dena, jabki static sabse aasaan set up hoti hai.
- Static ka matlab "user ke hisaab se nahi badalta" hai: server files jaisi hain waisi bhejta hai. Isse ye mat samajhna ki website mein koi bhi cheez chal nahi sakti.
Aam sawaal
Kya static website mein JavaScript ho sakta hai?
Haan. GitHub Pages jaisi static hosting HTML, CSS aur JavaScript files leti hai. MDN ke hisaab se browser mein chalne wala code (client-side) page ka look aur behaviour behtar karta hai, jabki server-side code mostly ye chunta hai ki browser ko kaunsa content bheja jaye.
Static aur dynamic mein se behtar kaunsa hai?
Koi ek behtar nahi hai. Dono alag zarurat ke liye hain. Jab page sabko ek jaisa dikhna ho, static kaafi ho sakta hai. Jab content user ki information ke hisaab se badalna ho, dynamic ki taraf dekho.
- Static = pamphlet. Server files bina badle bhejta hai.
- Dynamic = counter. Extra software (application server + database) page ko pehle update karta hai.
- MDN ki salah: pehli website static banao.
- GitHub Pages: static hosting, limits hoti hain, free hosting ki tarah business chalana allowed nahi.