Client-Side Scripting in Hindi
DIPLOMA_CSE / Web Technology
Client-Side Scripting Kya Hai? (in Hindi)
Client-Side Scripting in Hindi
Client-Side Scripting рдПрдХ рдкреНрд░рдХрд╛рд░ рдХреА web scripting рд╣реЛрддреА рд╣реИ рдЬреЛ user рдХреЗ browser рдореЗрдВ run рд╣реЛрддреА рд╣реИред рдЗрд╕рдХрд╛ рдореБрдЦреНрдп рдЙрджреНрджреЗрд╢реНрдп user experience рдХреЛ рдмреЗрд╣рддрд░ рдмрдирд╛рдирд╛ рд╣реЛрддрд╛ рд╣реИред рдЬрдм рдХреЛрдИ user рдХрд┐рд╕реА рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреЛ open рдХрд░рддрд╛ рд╣реИ, рддреЛ рд╡рд╣ scripts рдЙрд╕рдХреЗ browser рдореЗрдВ execute рд╣реЛрддреА рд╣реИрдВ, рдЬрд┐рд╕рд╕реЗ рд╡рд╣ рдмрд┐рдирд╛ server рд╕реЗ рдмрд╛рд░-рдмрд╛рд░ рд╕рдВрдкрд░реНрдХ рдХрд┐рдП рдХрдИ рдХрд╛рд░реНрдп рдХрд░ рд╕рдХрддрд╛ рд╣реИред
Definition of Client-Side Scripting
Client-Side Scripting рд╡реЛ code рд╣реЛрддрд╛ рд╣реИ рдЬреЛ web browser рдореЗрдВ execute рд╣реЛрддрд╛ рд╣реИ рдирд╛ рдХрд┐ web server рдкрд░ред рдЗрд╕рд╕реЗ page faster load рд╣реЛрддрд╛ рд╣реИ рдФрд░ user рдХреЛ real-time interaction рдорд┐рд▓рддрд╛ рд╣реИред
Importance of Client-Side Scripting
- Fast response рдФрд░ рдмреЗрд╣рддрд░ performance рджреЗрддрд╛ рд╣реИред
- Interactive User Interface рддреИрдпрд╛рд░ рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХрд░рддрд╛ рд╣реИред
- Form validation рдЬреИрд╕реЗ tasks рдХреЛ рдмрд┐рдирд╛ server рдХреЛ request рднреЗрдЬреЗ handle рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
Working of Client-Side Scripting in Hindi
рдЬрдм рдХреЛрдИ user web page access рдХрд░рддрд╛ рд╣реИ, рддреЛ HTML, CSS рдФрд░ Client-Side Scripts рдЙрд╕рдХреЗ browser рдореЗрдВ load рд╣реЛ рдЬрд╛рддреЗ рд╣реИрдВред рдЬреИрд╕реЗ рд╣реА browser script рдХреЛ рдкрдврд╝рддрд╛ рд╣реИ, рд╡реЛ рддреБрд░рдВрдд execute рд╣реЛ рдЬрд╛рддреА рд╣реИ рдФрд░ dynamic content create рдХрд░рддреА рд╣реИред
Steps of Working
- Browser HTML рдФрд░ JavaScript рдХреЛ load рдХрд░рддрд╛ рд╣реИред
- Script parse рд╣реЛрддреА рд╣реИ рдФрд░ browser рдЙрд╕реЗ execute рдХрд░рддрд╛ рд╣реИред
- DOM (Document Object Model) рдХреЛ access рдХрд░ рдХреЗ elements рдХреЛ manipulate рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
- User рдХреЗ interaction рдкрд░ script events handle рдХрд░рддреА рд╣реИ (рдЬреИрд╕реЗ click, input рдЖрджрд┐)ред
Advantages of Client-Side Scripting in Hindi
Main Benefits
- Faster Execution: Code browser рдореЗрдВ execute рд╣реЛрддрд╛ рд╣реИ рдЬрд┐рд╕рд╕реЗ рдХреЛрдИ delay рдирд╣реАрдВ рд╣реЛрддрд╛ред
- Reduced Server Load: Server рдкрд░ рдХрдо load рдкрдбрд╝рддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ scripts local machine рдкрд░ run рд╣реЛрддреА рд╣реИрдВред
- Interactive UI: Real-time interaction possible рд╣реЛрддрд╛ рд╣реИ рдЬреИрд╕реЗ рдХрд┐ form validation, animation рдЖрджрд┐ред
- Offline Capabilities: рдХреБрдЫ cases рдореЗрдВ local storage рдХрд╛ use рдХрд░рдХреЗ offline functionality рднреА рджреА рдЬрд╛ рд╕рдХрддреА рд╣реИред
Disadvantages of Client-Side Scripting in Hindi
Limitations and Drawbacks
- Security Risk: Scripts user рдХреЗ browser рдореЗрдВ run рд╣реЛрддреА рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП malicious code inject рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
- Browser Dependency: рдХреБрдЫ scripts рд╕рднреА browsers рдореЗрдВ рд╕рдорд╛рди рд░реВрдк рд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреАрдВред
- Disabled Scripts: рдЕрдЧрд░ user рдиреЗ browser рдореЗрдВ scripts disable рдХреА рд╣реИрдВ рддреЛ functionality рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдЧреАред
- Source Code Exposure: Script рдХрд╛ code client рдХреЗ рдкрд╛рд╕ рд╣реЛрддрд╛ рд╣реИ, рдЬрд┐рд╕рд╕реЗ рдХреЛрдИ рднреА рдЙрд╕реЗ рджреЗрдЦ рд╕рдХрддрд╛ рд╣реИред
Languages Used for Client-Side Scripting in Hindi
Main Client-Side Languages
Language | Use Case |
---|---|
JavaScript | Web page рдХреЛ interactive рдмрдирд╛рдирд╛ рдЬреИрд╕реЗ form validation, dynamic content etc. |
HTML | Web page рдХреА structure define рдХрд░рдирд╛ред |
CSS | Web page рдХреЛ style рдФрд░ design рджреЗрдирд╛ред |
TypeScript | JavaScript рдХрд╛ enhanced version, scalable web applications рдмрдирд╛рдиреЗ рдореЗрдВ use рд╣реЛрддрд╛ рд╣реИред |
VBScript | Older Microsoft technologies рдореЗрдВ рдЙрдкрдпреЛрдЧ рд╣реЛрддрд╛ рдерд╛, рдЕрдм рдмрд╣реБрдд рдХрдо use рд╣реЛрддрд╛ рд╣реИред |
Note:
Client-Side Scripting рдХреЗрд╡рд▓ user-side рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧреА рд╣реЛрддрд╛ рд╣реИ, sensitive data рдФрд░ secure operations рд╣рдореЗрд╢рд╛ Server-Side Scripting рд╕реЗ рд╣реА handle рдХрд┐рдП рдЬрд╛рдиреЗ рдЪрд╛рд╣рд┐рдПред