सॉफ़्टवेयर इंजीनियरिंग (Software Engineering)

MCQ Quiz /* Basic CSS resets */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; background-color: #f1f8e9; color: #33691e; } .content-container { background-color: #dcedc8; padding: 5px; border-radius: 5px; max-width: auto; margin: 20px auto; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); position: relative; } .header { background-color: #7cb342; color: #ffffff; text-align: center; padding: 20px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); position: relative; } .header h1 { margin: 0; font-size: 28px; }

/* Hamburger Menu Icon */ .hamburger { position: absolute; top: 8px; left: 8px; z-index: 1000; width: 20px; height: 15px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } .hamburger-line { height: 3px; background-color: #fff; border-radius: 2px; }

/* Sidebar (Question Nav) */ #questionNavOverlay { position: fixed; top: 0; left: -250px; /* hidden by default */ width: 250px; height: 100%; background-color: #fff; transition: left 0.3s ease-in-out; z-index: 2000; box-shadow: 2px 0 6px rgba(0,0,0,0.3); padding: 20px; overflow-y: auto; } #questionNavOverlay.show { left: 0; /* slide in */ } #questionNavTitle { margin-bottom: 10px; font-weight: bold; font-size: 1.1rem; } .question-nav { display: flex; flex-wrap: wrap; gap: 5px; } .circle-number { width: 30px; height: 30px; border-radius: 50%; background-color: #ccc; color: #000; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none; /* Prevent text selection */ transition: background-color 0.2s; } .circle-number:hover { background-color: #aaa; } .circle-number.active { background-color: #4CAF50; color: #fff; }

/* Quiz Container */ .quiz-container { background-color: #fff; border-radius: 10px; padding: 5px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); max-width: auto; width: 100%; margin: 0 auto; text-align: center; position: relative; } .question-counter { font-weight: bold; padding: 5px 10px; border-radius: 5px; background-color: #d9edf7; position: absolute; top: 10px; left: 10px; } /* Timer display */ .timer { font-weight: bold; padding: 5px 10px; border-radius: 5px; background-color: #ffcccb; position: absolute; top: 10px; right: 10px; }

.question { font-size: 1.2rem; margin-top: 40px; margin-bottom: 20px; text-align: left; } .choices { display: flex; flex-direction: column; gap: 10px; } .choice { padding: 10px; background-color: #f0f0f0; border: 1px solid #ddd; border-radius: 5px; cursor: pointer; transition: background-color 0.3s, box-shadow 0.3s; } .choice:hover { background-color: #e0e0e0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .choice.selected { background-color: #28a745; /* More vivid green */ color: #fff; } .choice.correct { background-color: #28a745; /* More vivid green */ border-color: #28a745; color: #fff; } .choice.incorrect { background-color: #dc3545; /* More vivid red */ border-color: #dc3545; color: #fff; } .choice.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.6; } .explanation { margin-top: 20px; text-align: left; background-color: #e7f3fe; padding: 15px; border-left: 5px solid #2196F3; border-radius: 5px; } .buttons { display: flex; justify-content: center; gap: 10px; margin-top: 20px; flex-wrap: wrap; } .btn { flex: 1 1 auto; padding: 8px 12px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 0.9rem; text-align: center; min-width: 100px; max-width: 150px; transition: none; } .btn.disabled { background-color: #cccccc; cursor: not-allowed; } .hidden { display: none; }

/* Result Section */ #resultContent { text-align: center; margin-top: 20px; } .congrats { font-size: 1.5rem; color: #4CAF50; } .sad { font-size: 1.5rem; color: #d32f2f; }

/* Popup Message (Optional) */ #popupMessage { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); color: white; padding: 10px 20px; border-radius: 5px; font-size: 1rem; z-index: 5000; display: none; } #popupMessage.show { display: block; } #popupMessage.correct { background-color: #28a745; } #popupMessage.incorrect { background-color: #dc3545; }

MCQs Quiz

Questions

1/3 Time: 00:00

Loading question...

Previous Submit Answer Next

Quiz Completed

/***** JavaScript Code *****/ // Quiz data (sample) const quizData = [ { "question": "इंटरनेट के मूल सिद्धांतों में से कौन सा प्रोटोकॉल इंटरनेट पर डेटा के संचार के लिए सबसे अधिक महत्वपूर्ण है?", "options": [ "HTTP", "FTP", "TCP/IP", "SMTP" ], "correct": 2, "explanation": "TCP/IP (Transmission Control Protocol/Internet Protocol) इंटरनेट पर डेटा संचार के लिए मूलभूत प्रोटोकॉल है। यह डेटा पैकेट्स के रूप में डेटा को विभाजित करता है और उन्हें गंतव्य तक पहुँचाने का कार्य करता है। TCP/IP इंटरनेट की मूल संरचना को निर्धारित करता है।" }, { "question": "वेब डेवलपमेंट में 'फ्रंट-एंड' क्या होता है?", "options": [ "सर्वर-साइड लॉजिक", "यूजर इंटरफेस और क्लाइंट-साइड स्क्रिप्टिंग", "डेटाबेस प्रबंधन", "नेटवर्क प्रोटोकॉल" ], "correct": 1, "explanation": "'फ्रंट-एंड' वेब डेवलपमेंट का वह हिस्सा होता है जो यूजर इंटरफेस और क्लाइंट-साइड स्क्रिप्टिंग (जैसे HTML, CSS, JavaScript) पर केंद्रित होता है। यह उपयोगकर्ताओं के लिए वेब पेज का दृश्य भाग तैयार करता है।" }, { "question": "HTML में कौन सा टैग हेडर को परिभाषित करने के लिए उपयोग किया जाता है?", "options": [ " ", " ", " ", " " ], "correct": 2, "explanation": "HTML में से लेकर तक के टैग हेडर (हेडिंग) को परिभाषित करने के लिए उपयोग किए जाते हैं, जहाँ सबसे महत्वपूर्ण हेडर होता है। टैग को विशेष रूप से हेडर सेक्शन के लिए उपयोग किया जा सकता है, लेकिन हेडिंग टेक्स्ट के लिए से तक के टैग्स का उपयोग करना अधिक सामान्य है।" }, { "question": "CSS में किस प्रॉपर्टी का उपयोग तत्व की पृष्ठभूमि रंग बदलने के लिए किया जाता है?", "options": [ "color", "background-color", "font-color", "border-color" ], "correct": 1, "explanation": "CSS में 'background-color' प्रॉपर्टी का उपयोग किसी तत्व की पृष्ठभूमि रंग बदलने के लिए किया जाता है। यह प्रॉपर्टी तत्व के बैकग्राउंड को निर्धारित करती है।" }, { "question": "JavaScript में, कौन सा कीवर्ड का उपयोग वेरिएबल को स्थायी बनाने के लिए किया जाता है?", "options": [ "var", "let", "const", "static" ], "correct": 2, "explanation": "JavaScript में 'const' कीवर्ड का उपयोग वेरिएबल्स को स्थायी (constant) बनाने के लिए किया जाता है, जिसका अर्थ है कि इसके मान को बाद में बदला नहीं जा सकता। 'let' का उपयोग ब्लॉक-स्कोप वेरिएबल्स के लिए और 'var' का उपयोग फंक्शन-स्कोप वेरिएबल्स के लिए किया जाता है।" }, { "question": "वेब सर्वर में कौन सा सॉफ्टवेयर सबसे अधिक प्रचलित है?", "options": [ "IIS", "Apache", "Nginx", "All of the above" ], "correct": 3, "explanation": "वेब सर्वर के लिए Apache, Nginx, और IIS सबसे अधिक प्रचलित सॉफ्टवेयर हैं। Apache और Nginx ओपन सोर्स सर्वर सॉफ्टवेयर हैं जो व्यापक रूप से उपयोग किए जाते हैं, जबकि IIS Microsoft का वेब सर्वर सॉफ्टवेयर है। सभी का अपना उपयोग और फायदे हैं, इसलिए 'All of the above' सही उत्तर है।" }, { "question": "वेब सुरक्षा में 'HTTPS' का मुख्य लाभ क्या है?", "options": [ "डेटा को संपीड़ित करना", "डेटा को एन्कोड करना और सुरक्षित बनाना", "सर्वर की स्पीड बढ़ाना", "वेब पेज की डिजाइन सुधारना" ], "correct": 1, "explanation": "'HTTPS' (HyperText Transfer Protocol Secure) का मुख्य लाभ डेटा को एन्कोड करना और सुरक्षित बनाना है। यह SSL/TLS प्रोटोकॉल का उपयोग करके डेटा ट्रांसमिशन को सुरक्षित बनाता है, जिससे यूज़र और सर्वर के बीच डेटा का सुरक्षित आदान-प्रदान होता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "वेब डेवलपमेंट में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "HTTP और HTTPS में मुख्य अंतर क्या है?", "options": [ "HTTP एक प्रोटोकॉल है जबकि HTTPS एक एन्क्रिप्टेड प्रोटोकॉल है", "HTTP तेजी से काम करता है", "HTTPS केवल ईमेल के लिए उपयोग किया जाता है", "HTTPS ओपन सोर्स है जबकि HTTP नहीं है" ], "correct": 0, "explanation": "HTTP (HyperText Transfer Protocol) एक प्रोटोकॉल है जो वेब डेटा ट्रांसमिशन के लिए उपयोग होता है, जबकि HTTPS (HyperText Transfer Protocol Secure) HTTP का एन्क्रिप्टेड संस्करण है जो SSL/TLS प्रोटोकॉल का उपयोग करके सुरक्षित डेटा ट्रांसमिशन सुनिश्चित करता है।" }, { "question": "Web Applications में 'AJAX' का क्या कार्य है?", "options": [ "डेटाबेस को डिज़ाइन करना", "पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करना", "यूज़र इंटरफेस को स्टाइल करना", "सर्वर को तेज़ करना" ], "correct": 1, "explanation": "AJAX (Asynchronous JavaScript and XML) का उपयोग वेब एप्लिकेशन्स में पेज रीलोड किए बिना सर्वर से डेटा ट्रांसफर करने के लिए किया जाता है। यह यूज़र इंटरफेस को अधिक इंटरएक्टिव और रेस्पॉन्सिव बनाता है।" }, { "question": "कौन सा CSS फ्रेमवर्क 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है?", "options": [ "Bootstrap", "Foundation", "Tailwind CSS", "Bulma" ], "correct": 0, "explanation": "Bootstrap एक लोकप्रिय CSS फ्रेमवर्क है जो 'मोबाइल-फर्स्ट' डिज़ाइन पर केंद्रित है। यह मोबाइल उपकरणों पर अच्छे दिखने वाले और रिस्पॉन्सिव वेब पेज बनाने के लिए तैयार किए गए कंपोनेंट्स और ग्रिड सिस्टम प्रदान करता है।" }, { "question": "Web Security में 'Cross-Site Scripting (XSS)' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सरल बनाना" ], "correct": 1, "explanation": "Cross-Site Scripting (XSS) हमले को रोकने के लिए इनपुट वेलिडेशन और आउटपुट एस्केपिंग का उपयोग किया जाता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }, { "question": "Web Servers में 'Apache' का मुख्य कार्य क्या है?", "options": [ "डेटाबेस प्रबंधन", "वेब पेज को क्लाइंट को सर्व करना", "यूज़र इंटरफेस डिजाइन करना", "सिक्योरिटी मैनेज करना" ], "correct": 1, "explanation": "Apache एक वेब सर्वर सॉफ्टवेयर है जिसका मुख्य कार्य वेब पेज को क्लाइंट (ब्राउज़र) को सर्व करना है। यह HTTP प्रोटोकॉल का उपयोग करके क्लाइंट रिक्वेस्ट को संसाधित करता है और वेब पेजेज को प्रदान करता है।" }, { "question": "कौन सा प्रोटोकॉल मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है?", "options": [ "HTTP", "SMTP", "FTP", "SSH" ], "correct": 1, "explanation": "SMTP (Simple Mail Transfer Protocol) मुख्य रूप से ईमेल भेजने के लिए उपयोग किया जाता है। यह प्रोटोकॉल ईमेल क्लाइंट्स और सर्वर्स के बीच ईमेल संदेशों के ट्रांसमिशन को नियंत्रित करता है।" }, { "question": "वेब डेवलपमेंट में 'Responsive Design' का क्या अर्थ है?", "options": [ "वेब पेज का तेज लोड होना", "वेब पेज का विभिन्न उपकरणों पर अनुकूल रूप से दिखना", "वेब पेज का सिर्फ डेस्कटॉप पर दिखना", "वेब पेज का मल्टीपल लैंग्वेज सपोर्ट करना" ], "correct": 1, "explanation": "'Responsive Design' का अर्थ है वेब पेज का विभिन्न उपकरणों (जैसे मोबाइल, टैबलेट, डेस्कटॉप) पर अनुकूल रूप से दिखना। यह डिज़ाइन तकनीकें उपयोग की जाती हैं ताकि वेब साइट सभी स्क्रीन आकारों पर अच्छी तरह से काम करे और उपयोगकर्ता अनुभव बेहतर हो।" }, { "question": "कौन सा प्रोटोकॉल वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है?", "options": [ "HTTP", "FTP", "HTTPS", "SMTP" ], "correct": 2, "explanation": "HTTPS (HyperText Transfer Protocol Secure) वेब सर्वर और क्लाइंट के बीच सुरक्षित संचार सुनिश्चित करता है। यह SSL/TLS प्रोटोकॉल का उपयोग करता है जो डेटा को एन्क्रिप्ट करके सुरक्षित बनाता है।" }, { "question": "Web Applications में 'RESTful API' का क्या उपयोग है?", "options": [ "डेटा को स्टोर करने के लिए", "डेटा को कुकीज में संग्रहित करने के लिए", "सर्वर और क्लाइंट के बीच डेटा संचार के लिए", "यूज़र इंटरफेस डिज़ाइन करने के लिए" ], "correct": 2, "explanation": "'RESTful API' का उपयोग सर्वर और क्लाइंट के बीच डेटा संचार के लिए किया जाता है। यह एक आर्किटेक्चरल स्टाइल है जो HTTP प्रोटोकॉल का उपयोग करता है और लाइटवेट, स्केलेबल वेब सेवाओं को डिजाइन करने के लिए महत्वपूर्ण है।" }, { "question": "JavaScript में DOM (Document Object Model) का क्या कार्य है?", "options": [ "डेटा को स्टोर करना", "वेब पेज के तत्वों को प्रोग्रामेटिकली बदलने की अनुमति देना", "सर्वर-साइड लॉजिक को नियंत्रित करना", "यूज़र के इनपुट को प्रॉसेस करना" ], "correct": 1, "explanation": "DOM (Document Object Model) वेब पेज के सभी तत्वों का एक संरचित प्रतिनिधित्व है जिसे JavaScript द्वारा प्रोग्रामेटिकली बदलने की अनुमति देता है। इससे डेवलपर्स वेब पेज पर तत्वों को जोड़ सकते हैं, हटा सकते हैं, या संशोधित कर सकते हैं, जिससे पेज की गतिशीलता बढ़ती है।" }, { "question": "वेब होस्टिंग में 'Shared Hosting' क्या है?", "options": [ "जहां एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं", "जहां एक सर्वर पर सिर्फ एक वेबसाइट होस्ट की जाती है", "जहां वेबसाइट को क्लाउड में होस्ट किया जाता है", "जहां सर्वर आपके अपने होस्टिंग इंफ्रास्ट्रक्चर पर होता है" ], "correct": 0, "explanation": "'Shared Hosting' में एक सर्वर पर कई वेबसाइट्स होस्ट की जाती हैं। यह छोटे व्यवसायों और व्यक्तिगत वेबसाइट्स के लिए किफायती विकल्प है, लेकिन यह संसाधनों को साझा करने के कारण प्रदर्शन में कमी हो सकती है।" }, { "question": "वेब सुरक्षा में 'SQL Injection' हमले को कैसे रोका जा सकता है?", "options": [ "डेटा को एन्कोड करना", "इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग करना", "सर्वर को तेज़ करना", "यूज़र इंटरफेस को सुरक्षित करना" ], "correct": 1, "explanation": "SQL Injection हमलों को रोकने के लिए इनपुट वेलिडेशन और प्रिपेयर्ड स्टेटमेंट्स का उपयोग किया जा सकता है। यह सुनिश्चित करता है कि यूज़र द्वारा प्रदान किया गया डेटा सुरक्षित रूप से हैंडल किया जाए और किसी भी हानिकारक स्क्रिप्ट को निष्क्रिय किया जाए।" }

// More questions as needed... ];

let currentQuestionIndex = 0; // Track current question let userAnswers = Array(quizData.length).fill(null); // Track user's answers

// Timer variables let totalQuizTime = quizData.length * 30; // total seconds = 30 seconds * no. of questions let timeLeft = totalQuizTime; let timerInterval;

// On page load, initialize quiz window.onload = function() { generateQuestionNav(); // Generate the question navigation circles loadQuestion(); startTimer(); // Start the countdown };

// Start the countdown timer function startTimer() { updateTimerDisplay(timeLeft); timerInterval = setInterval(() => { timeLeft--; updateTimerDisplay(timeLeft);

if (timeLeft <= 0) { clearInterval(timerInterval); showResults(); // Force show results if time is up } }, 1000); }

// Update timer on the screen in mm:ss format function updateTimerDisplay(seconds) { const timerEl = document.getElementById("timer"); const mins = Math.floor(seconds / 60).toString().padStart(2, '0'); const secs = (seconds % 60).toString().padStart(2, '0'); timerEl.innerText = `Time: ${mins}:${secs}`; }

// Toggle the question nav when hamburger is pressed const hamburgerBtn = document.getElementById('hamburgerBtn'); hamburgerBtn.addEventListener('click', () => { document.getElementById('questionNavOverlay').classList.toggle('show'); });

// Close hamburger menu if user clicks outside the nav and menu document.addEventListener('click', (e) => { const navOverlay = document.getElementById('questionNavOverlay'); const hamburger = document.getElementById('hamburgerBtn'); // If the menu is open, and the click is outside both the overlay and the hamburger, close it if ( navOverlay.classList.contains('show') && !navOverlay.contains(e.target) && !hamburger.contains(e.target) ) { navOverlay.classList.remove('show'); } });

// Create small clickable circles for each question function generateQuestionNav() { const navContainer = document.getElementById("questionNav"); navContainer.innerHTML = ""; // clear old items if any

quizData.forEach((_, index) => { const circle = document.createElement("div"); circle.classList.add("circle-number"); circle.innerText = index + 1; // Show question number (1-based) circle.onclick = () => jumpToQuestion(index); navContainer.appendChild(circle); }); }

// Jump to a specific question function jumpToQuestion(qIndex) { currentQuestionIndex = qIndex; // Hide the nav on mobile after selection document.getElementById('questionNavOverlay').classList.remove('show'); // Reset submission/next button state document.getElementById("submitAnswerButton").classList.remove("hidden"); document.getElementById("nextButton").classList.add("hidden"); loadQuestion(); }

// Load current question function loadQuestion() { highlightCurrentCircle();

// Hide explanation area and Next button initially document.getElementById("explanation").classList.add("hidden"); document.getElementById("nextButton").classList.add("hidden");

const questionData = quizData[currentQuestionIndex]; document.getElementById("question").innerText = questionData.question; document.getElementById("questionCounter").innerText = `${currentQuestionIndex + 1}/${quizData.length}`;

// Clear old choices const choicesContainer = document.getElementById("choices"); choicesContainer.innerHTML = "";

// Populate choices questionData.options.forEach((option, index) => { const choiceElement = document.createElement("div"); choiceElement.className = "choice"; choiceElement.innerText = option;

// If previously selected, mark it if (userAnswers[currentQuestionIndex] === index) { choiceElement.classList.add("selected"); }

// On clicking a choice choiceElement.onclick = () => { // Clear all selections first document.querySelectorAll(".choice").forEach(c => c.classList.remove("selected")); // Mark this one as selected choiceElement.classList.add("selected"); userAnswers[currentQuestionIndex] = index; };

choicesContainer.appendChild(choiceElement); });

// Handle Previous button visibility document.getElementById("prevButton").style.display = currentQuestionIndex === 0 ? "none" : "inline-block"; }

// Highlight the current question circle function highlightCurrentCircle() { const circles = document.querySelectorAll(".circle-number"); circles.forEach((circle, idx) => { circle.classList.remove("active"); if (idx === currentQuestionIndex) { circle.classList.add("active"); } }); }

// Submit the current question's answer function submitAnswer() { const questionData = quizData[currentQuestionIndex]; const userAnswer = userAnswers[currentQuestionIndex];

// Show the explanation div const explanationDiv = document.getElementById("explanation"); explanationDiv.classList.remove("hidden");

// Clear previous correctness classes and disable further selection document.querySelectorAll(".choice").forEach((c) => { c.classList.add("disabled"); c.onclick = null; });

// Determine correctness or skipping if (userAnswer === null) { explanationDiv.innerHTML = "You Skipped the question.

व्याख्या: " + questionData.explanation; showPopupMessage("You Skipped the question", false); } else if (userAnswer === questionData.correct) { explanationDiv.innerHTML = "You got it right!

व्याख्या: " + questionData.explanation; showPopupMessage("You got it right", true); // Highlight correct choice document.querySelectorAll(".choice")[userAnswer].classList.add("correct"); } else { explanationDiv.innerHTML = "You got it wrong.

व्याख्या: " + questionData.explanation; showPopupMessage("You got it wrong", false); // Highlight correct choice document.querySelectorAll(".choice")[questionData.correct].classList.add("correct"); // Mark the chosen one as incorrect document.querySelectorAll(".choice")[userAnswer].classList.add("incorrect"); }

// Hide the submit button, show the next button document.getElementById("submitAnswerButton").classList.add("hidden"); document.getElementById("nextButton").classList.remove("hidden"); }

// Go to the next question or show final results function nextQuestion() { currentQuestionIndex++; if (currentQuestionIndex >= quizData.length) { // Show results if no more questions showResults(); } else { // Reset buttons document.getElementById("submitAnswerButton").classList.remove("hidden"); document.getElementById("nextButton").classList.add("hidden"); loadQuestion(); } }

// Go to the previous question function previousQuestion() { if (currentQuestionIndex > 0) { currentQuestionIndex--; document.getElementById("submitAnswerButton").classList.remove("hidden"); document.getElementById("nextButton").classList.add("hidden"); loadQuestion(); } }

// Show final quiz results function showResults() { // Stop the timer if it's still running clearInterval(timerInterval);

// Calculate correct answers const correctAnswersCount = userAnswers.filter( (ans, i) => ans === quizData[i].correct ).length;

// Hide quiz content document.getElementById("quizContent").classList.add("hidden"); // Show results document.getElementById("resultContent").classList.remove("hidden");

document.getElementById("resultMessage").innerHTML = resultHTML; document.getElementById("scoreMessage").innerText = `आपने कुल ${quizData.length} में से ${correctAnswersCount} प्रश्न सही उत्तर दिए हैं।`; }

// Optional popup message function showPopupMessage(message, isCorrect) { const popup = document.getElementById('popupMessage'); popup.innerText = message; popup.className = ''; popup.classList.add('show'); popup.classList.add(isCorrect ? 'correct' : 'incorrect'); setTimeout(() => { popup.classList.remove('show'); popup.classList.add('hidden'); }, 2000); }

// Button event listeners document.getElementById('prevButton').addEventListener('click', previousQuestion); document.getElementById('submitAnswerButton').addEventListener('click', submitAnswer); document.getElementById('nextButton').addEventListener('click', nextQuestion); // Predefined Darker Color Themes const themes = [ { header: '#a31645', headerText: '#ffffff', container: '#e8c4d6', containerText: '#6e0c36', headings: '#6e0c36' }, // Berry Delight { header: '#00574b', headerText: '#ffffff', container: '#b3dfd7', containerText: '#00382e', headings: '#00382e' }, // Ocean Breeze { header: '#c95a00', headerText: '#ffffff', container: '#dca865', containerText: '#7a3400', headings: '#7a3400' }, // Sunset Glow { header: '#4a0f6f', headerText: '#ffffff', container: '#cdb5e3', containerText: '#320b4a', headings: '#320b4a' }, // Calming Lavender { header: '#1e4d2b', headerText: '#ffffff', container: '#98c1a3', containerText: '#122417', headings: '#122417' }, // Forest Retreat { header: '#c99800', headerText: '#ffffff', container: '#e8d18a', containerText: '#6c4f00', headings: '#6c4f00' }, // Golden Elegance { header: '#01477e', headerText: '#ffffff', container: '#86b9e4', containerText: '#00223d', headings: '#00223d' }, // Sky Calm { header: '#5a3b2e', headerText: '#ffffff', container: '#b8a89c', containerText: '#32211a', headings: '#32211a' }, // Retro Rust { header: '#b34727', headerText: '#ffffff', container: '#f2c29d', containerText: '#6a2915', headings: '#6a2915' }, // Warm Peach { header: '#0f4c43', headerText: '#ffffff', container: '#92c3b8', containerText: '#072822', headings: '#072822' }, // Cool Mint ];

// Apply Random Darker Theme function applyRandomTheme() { const header = document.querySelector('.header'); const container = document.querySelector('.content-container'); const headings = document.querySelectorAll('.content-container h2');

// Select a random theme const randomTheme = themes[Math.floor(Math.random() * themes.length)];

// Apply Header Colors header.style.backgroundColor = randomTheme.header; header.style.color = randomTheme.headerText;

// Apply Container Colors container.style.backgroundColor = randomTheme.container; container.style.color = randomTheme.containerText;

// Apply Heading Colors headings.forEach((heading) => { heading.style.color = randomTheme.headings; heading.style.borderBottom = `2px solid ${randomTheme.headings}`; }); }

// Apply the theme on page load window.onload = function () { applyRandomTheme(); // Set random theme generateQuestionNav(); // Generate question navigation loadQuestion(); // Load the first question startTimer(); // Start the countdown timer };

सॉफ़्टवेयर इंजीनियरिंग (Software Engineering)

ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग (Object-Oriented Programming)

इंटरनेट और वेब तकनीक (Internet and Web Technologies)

इंटरनेट और वेब तकनीक (Internet and Web Technologies)

साइबर सुरक्षा (Cyber Security) Quiz

कंप्यूटर आर्किटेक्चर और संगठन (Computer Architecture and Organization)

Leave a Reply Cancel reply

क्या परीक्षा के नाम से हाथ-पैर ठंडे पड़ जाते हैं?

क्या आपका दिमाग भी पढ़ाई में धोखा देता है?

UPSC और PCS की तैयारी में एआई का सही उपयोग कैसे करें?

हिंदी व्याकरण में वाक्य रचना और उपवाक्य

जनजातीय गौरव दिवस: 15 नवंबर | भगवान बिरसा मुंडा की गाथा

हिंदी व्याकरण: उपसर्ग और प्रत्यय के भेद