शीर्ष 25+ वेब डेवलपर साक्षात्कार प्रश्न और उत्तर

top 25 web developer interview questions

यह ट्यूटोरियल सामान्यतः पूछे जाने वाले का एक सेट प्रदान करता है वेब डेवलपर साक्षात्कार प्रश्न और जूनियर और वरिष्ठ स्तर के फ्रंट एंड वेब डेवलपर्स के लिए उत्तर:

मार्केटिंग टीम के लिए यह आवश्यक है कि वह एक विश्वसनीय वेब उपस्थिति का निर्माण करे, अपने उत्पादों और सेवाओं का विज्ञापन अपने भावी ग्राहकों के लिए करे, ट्रैक रखे और मौजूदा ग्राहकों को बिक्री के बाद की सेवाएं प्रदान करे।

वेब एप्लिकेशन वैश्विक स्तर पर सुलभ होने, मान्यता प्राप्त होने और अंतर्राष्ट्रीय बाजार में अपने उत्पादों और सेवाओं की पेशकश करने के उद्देश्य से बनाए गए हैं।

मैं .jar फ़ाइल को कैसे खोलता हूँ

वेब-आधारित अनुप्रयोगों के निर्माण के लिए, HTML5, कैस्केडिंग स्टाइल शीट CSS3, जावास्क्रिप्ट और मार्स भाषाओं की मार्कअप भाषाओं का गहन ज्ञान होना अनिवार्य है, उपयोगकर्ता इंटरैक्शन के लिए, DOM तत्वों से निपटने के लिए, क्लाइंट इनपुट को मान्य करने और गतिशील बनाने के लिए JS लाइब्रेरीज़ और उत्तरदायी वेब पेज।

आप क्या सीखेंगे:

• वेब विकास क्या है
• अक्सर पूछे जाने वाले वेब डेवलपर साक्षात्कार प्रश्न
• निष्कर्ष
  • अनुशंसित पाठ

वेब विकास क्या है

वेब डेवलपमेंट से तात्पर्य वेबसाइटों और वेब आधारित अनुप्रयोगों जैसे ऑनलाइन ईकामर्स साइट्स, अमेज़ॅन, फ्लिपकार्ट, ईबे इत्यादि के निर्माण और रखरखाव से जुड़े कार्यों और फेसबुक, लिंक्डइन, इंस्टाग्राम और ट्विटर जैसी सोशल नेटवर्किंग साइटों से है।

इसमें रेलवे, बैंकों, सभी प्रमुख सरकारी साइटों के लिए वेबसाइट बनाने से लेकर सूचना प्रसारित करने और जागरूकता पैदा करने का काम भी शामिल है।

वेब कॉन्फ्रेंसिंग सॉफ्टवेयर Skype, ज़ूम, GoToMeeting का उपयोग करके समाचार चैनलों के माध्यम से जन जागरूकता उत्पन्न करें और शिक्षा प्रदान करें। नेटफ्लिक्स, अमेज़ॅन प्राइम, एमएक्स प्लेयर आदि जैसे वेब श्रृंखलाओं के माध्यम से ऑनलाइन मनोरंजन प्रदान करें, छात्रों को शिक्षित करें, भौगोलिक सीमाओं के पार ग्राहकों और टीमों को संबोधित करने के लिए बैठकें आयोजित करें।

अब हम जूनियर के साथ-साथ वरिष्ठ-स्तरीय साक्षात्कार के लिए सबसे सामान्य वेब डेवलपर साक्षात्कार प्रश्नों पर चलते हैं।

अक्सर पूछे जाने वाले वेब डेवलपर साक्षात्कार प्रश्न

क्यू # 1) एक ब्राउज़र की कार्यक्षमता की व्याख्या करें।

उत्तर: ब्राउज़र विभिन्न सुविधाएँ प्रदान करता है। ये इस प्रकार हैं:

• यह HTML पृष्ठों और वेब-आधारित अनुप्रयोगों में उपयोग किए जाने वाले सभी वेब तत्वों, साथ ही वेबसाइटों तक पहुंचने में मदद करता है, और अनुरोधों के जवाब के रूप में अन्य साइटों से प्रतिक्रियाएं प्रदर्शित करता है।
• एड्रेस बार में URL या वेब एड्रेस डालकर अपनी रुचि के स्थल के लिए वेब खोज की अनुमति देता है और किसी भी खोज इंजन का उपयोग करके प्रतिक्रिया देखें।
• आगे बढ़ने के लिए बैक बटन और नेक्स्ट बटन पर क्लिक करके हाल ही में खोले गए पेज पर जाने के लिए नेविगेशन कंट्रोल का उपयोग किया जाता है।
• इतिहास कालानुक्रमिक क्रम में विज़िट किए गए स्थलों का ट्रैक रखता है। यह आपकी रुचि के साइटों को याद रखने या बुकमार्क करने की अनुमति देता है जो बाद के चरण में संदर्भित या अन्वेषण करता है। यह पहले से देखी गई साइटों को कैश के रूप में भी सहेजता है और विज़िटर को साइटों द्वारा पहचाना जाता है, जिससे उन साइटों तक पहुँच जल्दी हो जाती है।
• प्रमाणीकरण के लिए अक्सर उपयोग की जाने वाली वेबसाइटों के लिए पासवर्ड का प्रबंधन करता है और ज्यादातर मामलों में उपयोगकर्ताओं को पहले से ही खाते में लॉग इन रखता है।
• विभिन्न साइटों तक पहुँचने की अनुमति देता है, एपीआई कॉल के माध्यम से सूचना का आदान-प्रदान, ईमेल, डेटा और मीडिया फाइल-शेयरिंग सॉफ्टवेयर के माध्यम से संचार।

ब्राउज़रों का उदाहरण: इंटरनेट एक्सप्लोरर, मोज़िला फ़ायरफ़ॉक्स, गूगल क्रोम, ओपेरा, सफारी।

Q # 2) वेब विकास में HTML 5, CSS3, जावास्क्रिप्ट और उनके महत्व को समझाएं।

उत्तर:

• HTML एक प्लेटफ़ॉर्म और ब्राउज़र स्वतंत्र मार्कअप भाषा है जिसमें टैग की एक श्रृंखला होती है जो वेब पेज के लिए संरचना प्रदान करती है।
• CSS पेज लेआउट और शैली के साथ इसकी सामग्री को बेहतर बनाता है।
• जावास्क्रिप्ट वेब तत्वों के व्यवहार को नियंत्रित करता है, और इससे आपकी वेबसाइट इंटरैक्टिव / उत्तरदायी बनती है, उपयोगकर्ता इनपुट मूल्यों को मान्य करती है, वेबसाइट आगंतुक की जानकारी को कैप्चर करती है और पिछले आगंतुकों को पहचानती है, ब्लॉग पोस्ट आगंतुकों के प्रतिशत का विश्लेषण करने में मदद करती है।

Q # 3) फ्रेमवर्क से आप क्या समझते हैं?

उत्तर: फ्रेमवर्क एक संरचना है जो अनुप्रयोगों को बनाने के लिए एक मंच प्रदान करता है। यह इस प्रकार की फाइलों का संग्रह है, जो इस तरह से रखी जाती हैं कि वे आंतरिक रूप से एक-दूसरे से जुड़ने / जुड़ने के लिए कॉन्फ़िगर होती हैं।

उदाहरण: एपीआई फ्रेमवर्क, जिसमें अच्छी तरह से परीक्षण, पूर्व-लिखित और संकलित कक्षाएं शामिल हैं जैसे अपलोड फ़ाइल सुविधा, फ़ाइल सामग्री पढ़ना, पीडीएफ में रिपोर्ट और उनके वेब अनुप्रयोग के साथ एकीकृत समान प्रारूप।

Q # 4) वेब विकास के संदर्भ में एक पुस्तकालय क्या है?

उत्तर: एक पुस्तकालय कोड का एक संग्रह है जो डेवलपर्स द्वारा विकसित की गई कार्यात्मकताओं के लिए बहाना और डिज़ाइन किया गया है और रिपॉजिटरी में उपलब्ध हैं। वेब डेवलपर इन पुस्तकालयों को एकीकृत कर सकते हैं और शुरुआत से समान कार्यक्षमता को पूरा करने के लिए कोड को सुदृढ़ करने के बजाय अपनी कार्यक्षमता का उपयोग कर सकते हैं।

आप पीडीएफ प्रारूप फाइलों में अपने डेटा को निर्यात करने में मदद करने के लिए अपने आवेदन में iText और Apache FOP पुस्तकालयों का उपयोग कर सकते हैं।

Q # 5) ब्राउज़र फ्रीज़ समस्या के कारण क्या हैं?

उत्तर: मूल कारण की पहचान करने के लिए और लगातार ब्राउज़र फ्रीज़ समस्या को हल करने के लिए, नीचे दिए गए चरणों का पालन करें:

यहां, हम Google Chrome को डिफ़ॉल्ट ब्राउज़र के रूप में मान रहे हैं।

1. इंटरनेट से संबंधित किसी भी समस्या की जाँच करें: विंडो आइकन पर क्लिक करें (स्टार्ट) -> कंट्रोल पैनल चुनें -> नेटवर्क और इंटरनेट के तहत -> व्यू नेटवर्क की स्थिति और कार्यों पर क्लिक करें -> अपने सक्रिय नेटवर्क को देखें - कनेक्ट या डिस्कनेक्ट पर क्लिक करें -> यह चयनित के लिए इंटरनेट कनेक्शन प्रदर्शित करना चाहिए नेटवर्क।
2. Chrome ठीक से बंद नहीं हुआ है: दाएं कोने में चरम से नीचे, राइट-क्लिक करें और स्टार्ट टास्क मैनेजर चुनें, यदि आपको प्रक्रियाओं टैब के तहत कई chrome.exe मिलते हैं, तो उस रिकॉर्ड पर राइट-क्लिक करें और एंड प्रोसेस चुनें। इससे रैम स्पेस फ्री हो जाएगा। फिर क्रोम को फिर से लॉन्च करें।
3. Chrome एक्सटेंशन अक्षम करें: क्रोम ब्राउज़र खोलें और एड्रेस बार में टाइप करें -> क्रोम: // एक्सटेंशन / और एंटर दबाएं। सभी सक्रिय एक्सटेंशन को अक्षम करें और क्रोम ब्राउज़र को फिर से शुरू करें। Chrome एक्सटेंशन पर जाएं और सभी एक्सटेंशन सक्षम करें।
4. किसी भी मैलवेयर के लिए कंप्यूटर को स्कैन करें: Chrome लॉन्च करें और सेटिंग पर नेविगेट करें। उन्नत पर क्लिक करें, रीसेट खोजें, और क्लीन अप करें। क्लीन अप कंप्यूटर पर क्लिक करें।
5. Chrome सेटिंग रीसेट करें: Chrome लॉन्च करें, सेटिंग्स पर जाएं, उन्नत पर क्लिक करें, रीसेट खोजें और साफ़ करें और अपने मूल डिफ़ॉल्ट पर पुनर्स्थापना सेटिंग्स पर क्लिक करें।
6. असंगत अनुप्रयोगों को निकालें: स्कैन के दौरान, यदि Chrome किसी असंगत अनुप्रयोग का पता लगाता है, तो अद्यतन पर क्लिक करें या असंगत अनुप्रयोगों को हटा दें।
7. अंत में, यदि समस्या अभी भी बनी हुई है, तो Chrome संस्करण की स्थापना रद्द करें, और नवीनतम संस्करण स्थापित करें।

Q # 6) अपनी वेबसाइट पर आने वाले उपयोगकर्ताओं के लिए उपयोगकर्ता अनुभव में सुधार कैसे करें?

उत्तर: उपयोगकर्ता के अनुभव को बेहतर बनाने के लिए निम्नलिखित सुझाव दिए गए हैं:

• आपकी वेबसाइट / एप्लिकेशन को 24 × 7 चलना चाहिए।
• इसे पीक टाइम या सीजन के दौरान कई यूजर एक्सेस लोड को हैंडल करना चाहिए।
• यह उपयोगकर्ता के अनुकूल होना चाहिए, और उन विशेषताओं पर नेविगेट करना आसान होना चाहिए जो आगंतुक देख रहे हैं।
• अपने उत्पाद सुविधाओं को पेश करने के लिए आकर्षक वीडियो होने चाहिए।
• दर्ज किए गए कीवर्ड के आधार पर वेबसाइट को खोज इंजन से खोजा जाना चाहिए।
• लेन-देन के सभी संभावित विकल्पों के साथ भुगतान गेटवे के साथ वेबसाइट को एकीकृत किया जाना चाहिए।
• अपने उत्पाद को खरीदने के बारे में निर्णय लेने के लिए उपयोगकर्ताओं के लिए उपलब्ध सुविधाओं का उपयोग करने के लिए स्वतंत्र होना चाहिए।
• वेबसाइट एक्सेस करते समय उपयोगकर्ता डेटा सुरक्षित होना चाहिए।
• सत्र और कैश सुविधाओं को लौटने वाले आगंतुकों को पहचानना चाहिए।

Q # 7) वेब विकास में उपयोग किए जाने वाले वीडियो प्रारूप क्या हैं?

उत्तर: वेब विकास में समर्थित और उपयोग किए गए कुछ वीडियो प्रारूप नीचे सूचीबद्ध हैं:

• Microsoft द्वारा AVI
• FLV एडोब फ्लैश वीडियो प्लेयर
• WMV विंडोज मीडिया प्लेयर द्वारा समर्थित है
• क्विकटाइम प्लेयर द्वारा MOV
• MP4 मोबाइल और अन्य प्लेटफार्मों द्वारा समर्थित है

Q # 8) आप अपनी वेबसाइट पर पहुंच सुविधा कैसे शामिल करेंगे?

उत्तर: एक्सेसिबिलिटी एक आवश्यक सुविधा है जिसे आपकी वेबसाइट पर लागू करने के लिए विशेष जरूरतों, विकलांगों को आपकी वेबसाइट तक पहुंचने और तलाशने की अनुमति देने के लिए लागू किया जाना चाहिए।

• वेबसाइट को कीबोर्ड के अनुकूल होना चाहिए, अर्थात सभी सुविधाओं को माउस के उपयोग के बिना सुलभ होना चाहिए।
• उपयोगकर्ता गतिशील और चलती सामग्री को बंद करने में सक्षम होना चाहिए जैसे जीआईएफ फाइलें, एनिमेशन, वीडियो फाइलें। ये सामग्री मिर्गी के रोगियों पर प्रतिकूल प्रभाव डाल सकती हैं।
• वीडियो देखने के लिए टेप / कैप्शन। बधिर उपयोगकर्ताओं के लिए, उपशीर्षक के साथ वीडियो देखना पर्याप्त नहीं है, वीडियो रन के दौरान कैप्शन जैसी विशेषताएं प्रदर्शित की जानी चाहिए।
• वेबसाइट पर दी जाने वाली सुविधाओं का पता लगाने और उपयोग करने के लिए दृष्टिबाधित आगंतुकों के लिए वॉयस असिस्टेंस फ़ीचर और फोटो, ग्राफिक्स और बटन को टैग करना आवश्यक है।
• विलंबित या खराब मोटर कौशल वाले आगंतुकों के लिए खोज बार में आसानी से ऑटो-पूर्ण सुविधाएँ और आसान सुविधाएँ।
• क्लिक करने योग्य क्षेत्र का आकार बढ़ाएँ। रंग अंधापन वाले आगंतुकों के लिए सूक्ष्म रंगों का उपयोग करें।

Q # 9) आप अपने वेब एप्लिकेशन में AJAX कब लागू करेंगे?

उत्तर: AJAX पूरे पृष्ठ को पुनः लोड किए बिना, पृष्ठ सामग्री का अनुभाग अपडेट करता है। यह सुविधा आवश्यक है जब उपयोगकर्ता को तेजी से परिणामों की आवश्यकता होती है, बिना किसी देरी के सबमिट बटन पर क्लिक करके और प्रतिक्रिया की प्रतीक्षा करके भेजे गए अनुरोध के लिए। बैंडविड्थ की बचत करने वाले अनुरोधों की कम संख्या के साथ AJAX लागू करके सर्वर लोड को कम किया जा सकता है।

आप फॉर्म सत्यापन के लिए AJAX का उपयोग कर सकते हैं। पॉप-अप विंडो के बजाय, लाइटबॉक्स का उपयोग किया जा सकता है, सारणीबद्ध सामग्री में सामग्री को छांटना और फ़िल्टर करना, चैट एप्लिकेशन का उपयोग करके परिणाम या वोट प्रदर्शित करना, प्रमाणीकरण जांच के लिए कैप्चा को फिर से लोड करना।

Q # 10) हम वेब-आधारित अनुप्रयोगों में वेब सेवाओं को कैसे लागू कर सकते हैं?

उत्तर: वेब एप्लिकेशन HTTP प्रोटोकॉल का उपयोग करके वेब सेवा के लिए अनुरोध भेजता है। किसी दिए गए URL पर, वेब सेवा अनुरोध को संसाधित करती है और एप्लिकेशन को प्रतिक्रिया वापस देती है। SOAP और RESTful दो प्रकार की वेब सेवाएँ हैं।

Q # 11) आप अपनी वेबसाइट पर कैसे और किन सुरक्षा सुविधाओं को लागू कर सकते हैं?

उत्तर: डेटा चोरी के खिलाफ अपनी वेबसाइट की रक्षा करने के लिए, आपको अपनी वेबसाइट की सुरक्षा में सुधार करने की आवश्यकता है, जैसे कि

• सशक्त पासवर्ड नीति लागू करें, जिससे पासवर्ड में कम से कम 10 अक्षर हों और इसमें ऊपरी, निचले, विशेष वर्ण और अंक हों।
• अपनी वेबसाइट को स्थापित करने वाले होस्ट को आपकी सामग्री को सुरक्षित करने के लिए एक बैकअप सुविधा, स्थापित एंटीवायरस और फ़ायरवॉल होना चाहिए।
• अनधिकृत आगंतुक द्वारा आपके खाते तक पहुंच को रोकने के लिए लॉगिन पेज पर कैप्चा, ओटीपी फीचर, ब्लॉक अकाउंट फीचर (3 गलत पासवर्ड दर्ज करने की स्थिति में) आदि होने चाहिए।

Q # 12) आपकी वेबसाइट के माध्यम से ईमेल भेजने के लिए क्या कॉन्फ़िगरेशन और सेटअप आवश्यक है?

उत्तर: आदर्श रूप से आप अपने एसएमटीपी को जीमेल एसएमटीपी जैसी तृतीय-पक्ष सेवा का उपयोग करके एकल सर्वर पर कॉन्फ़िगर कर सकते हैं, या होस्टनाम, पोर्ट, उपयोगकर्ता नाम और पासवर्ड का उपयोग करके लोचदार ईमेल का उपयोग कर सकते हैं।

Q # 13) आप किसके लिए एक उत्तरदायी वेबसाइट का निर्माण करेंगे?

उत्तर: उत्तरदायी वेब डिज़ाइन डेस्कटॉप या लैपटॉप मॉनिटर आकार के संबंध में डेस्कटॉप, टैबलेट और मोबाइल के आधार पर ब्राउज़र की चौड़ाई और ऊंचाई को स्वचालित रूप से आकार देने में मदद करता है।

Q # 14) डेटा एक्सचेंज के लिए प्रारूप क्या हैं?

c ++ क्या उपयोग किया जाता है?

उत्तर: विभिन्न डेटा विनिमय प्रारूप XML, CSV, JSON और पाठ प्रारूप हैं।

Q # 15) प्रोटोकॉल से आपका क्या अभिप्राय है?

उत्तर: नेटवर्किंग शब्दावली में, प्रोटोकॉल डेटा को प्रारूपित करने और संसाधित करने के लिए नियमों का एक समूह है। संवाद करने के लिए, दोनों उपकरणों में एक ही प्रोटोकॉल होना चाहिए। इंटरनेट प्रोटोकॉल (IP) एक नेटवर्क लेयर प्रोटोकॉल है और रूटिंग के लिए जिम्मेदार है। ट्रांसमिशन कंट्रोल प्रोटोकॉल (टीसीपी) पूरे नेटवर्क में डेटा के पैकेट को स्थानांतरित करता है।

हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल (HTTP) एक परत 7 है जो इंटरनेट में उपयोग की जाती है और उपकरणों के बीच डेटा स्थानांतरित करती है। उपयोगकर्ता डेटाग्राम प्रोटोकॉल (UDP) का उपयोग वीडियो स्ट्रीमिंग और गेमिंग जैसे तेज़ डेटा विनिमय अनुप्रयोगों में किया जाता है।

Q # 16) पेज लोड समय कम करने के लिए आप कौन सी तकनीक लागू करेंगे?

उत्तर: पृष्ठ लोड समय को कम करने और प्रदर्शन में सुधार करने के लिए, निम्नलिखित तकनीकों को लागू किया जा सकता है:

• CSS3 और HTML5 जैसे वेब निर्माण तकनीकों के नवीनतम संस्करण लागू करें
• न्यूनतम करने के लिए जावास्क्रिप्ट और स्टाइल शीट का उपयोग करें
• Redirects के उपयोग से बचने का प्रयास करें
• छवियों के छोटे आकार का उपयोग करें
• सामग्री वितरण नेटवर्क (CDN) से कोड शामिल करें
• तेज और उत्तरदायी वेब अनुप्रयोगों के लिए AJAX लागू करें

Q # 17) HTTP 1.1 और 2.0 के बीच अंतर को सूचीबद्ध करें?

उत्तर: HTTP 1.1 और HTTP 2 के बीच अंतर नीचे दी गई तालिका में सूचीबद्ध हैं:

Q # 18) वेब एप्लिकेशन बनाते समय आप किन प्राथमिकताओं पर विचार करेंगे?

उत्तर: वेब एप्लिकेशन बनाते समय निम्नलिखित प्राथमिकताओं को ध्यान में रखा जाना चाहिए:

• वेब साइट के पृष्ठों को प्रदर्शन के लिए परीक्षण किया जाना चाहिए क्योंकि इसे जल्द से जल्द लोड करना चाहिए।
• एप्लिकेशन पृष्ठों में कोई टूटी हुई लिंक नहीं होनी चाहिए।
• आवेदन मोज़िला फ़ायरफ़ॉक्स, गूगल क्रोम, इंटरनेट एक्सप्लोरर और ओपेरा जैसे सभी प्रमुख ब्राउज़रों के साथ संगत होना चाहिए।
• साइट में ऐसे कीवर्ड होने चाहिए जो खोज इंजन तक पहुँच योग्य हों।
• डेटाबेस के साथ सहज कनेक्टिविटी होनी चाहिए।
• डेटाबेस इकाइयाँ जैसे संग्रहीत कार्यविधियाँ पूरी तरह से मान्य इनपुट के साथ जाँच की जानी चाहिए।
• बैकएंड टेबल सुरक्षित, छेड़छाड़ प्रूफ होना चाहिए।
• डेटा सम्मिलन को स्तंभ और पंक्ति स्तरों पर बाधाओं द्वारा मान्य किया जाना चाहिए।
• DB तालिकाओं में डेटा सम्मिलित करना और उन्हें उपयोगकर्ता इंटरफ़ेस प्रक्रिया में देखना जितनी जल्दी हो सके होना चाहिए।
• पृष्ठों को एकीकृत करने के लिए उपयोग की जा रही रूपरेखा सरल होनी चाहिए और बिना किसी संकलन के परीक्षण किया जाना चाहिए।
• उपयोगकर्ता इनपुट पृष्ठों को उपयोगकर्ता से न्यूनतम इनपुट के साथ डिज़ाइन किया जाना चाहिए, उपयोग किए जाने वाले तत्वों को उपयोग करने के लिए उपयोगकर्ता के अनुकूल होना चाहिए।
• पृष्ठ सामग्री को जल्दी से लोड करने के लिए HTTP2 का उपयोग।
• जावास्क्रिप्ट का उपयोग न्यूनतम होना चाहिए।
• पाठ को पढ़ने के लिए स्पीकर के रूप में एक्सेसिबिलिटी प्रावधान, बड़े फ़ॉन्ट का आकार, स्क्रीन टच एक्सेस प्रदान किया जाना चाहिए ताकि भौतिक सीमाओं वाले लोग भी आसानी से वेबसाइट तक पहुंच सकें।
• इन फ़ाइलों को निष्पादित करने के लिए स्थानीय सॉफ़्टवेयर पर निर्भर किए बिना खोली जा सकने वाली ऑडियो और वीडियो जैसी मीडिया फ़ाइलों को एकीकृत करना चाहिए।
• वेब पेज मोबाइल स्क्रीन के लिए उत्तरदायी होने चाहिए।

Q # 19) एचटीएमएल 5 में कौन से नए फीचर्स पेश किए गए हैं?

उत्तर: HTML5 में नए अर्थ, ग्राफिक, मल्टीमीडिया तत्वों को पेश किया गया था, तत्वों में विभिन्न विशेषताओं को जोड़ा गया था जबकि कुछ तत्वों को हटा दिया गया था।

इसमें मल्टीमीडिया तत्वों वीडियो और ऑडियो, जियोलोकेशन एपीआई, वेब स्टोरेज पर एपीआई, वेब सॉकेट, जेएस वेब वर्कर, कैनवस और ड्रैग-एन-ड्रॉप जैसी प्रमुख नई सुविधाओं को भी पेश किया गया।

Q # 20) कैनवस और एसवीजी के बीच अंतर, उदाहरणों के साथ समझाइए।

उत्तर: कैनवस और एसवीजी दोनों कंटेनरों को HTML पेज में ग्राफिक्स स्टोर करने के लिए उपयोग किया जाता है, हालांकि, उनके बीच निम्नलिखित अंतर हैं।

Q # 21) DOM तत्व और उसके पदानुक्रम क्या है?

उत्तर: डॉक्यूमेंट ऑब्जेक्ट एक HTML डॉक्यूमेंट है जो वेब पेज पर पहुंचने पर ब्राउज़र विंडो में प्रदर्शित होता है। DOM या डॉक्यूमेंट ऑब्जेक्ट मॉडल वह तरीका है जिससे यह दस्तावेज़ एक्सेस या संशोधित होता है।

खिड़की की वस्तु सभी तत्वों का एक अभिभावक है, उसके बाद एक दस्तावेज़ ऑब्जेक्ट है जो पृष्ठ सामग्री प्रदर्शित करता है, फिर आता है रूप वस्तु , जो टैग द्वारा पहचाना जाता है।

प्रपत्र नियंत्रण तत्व: सभी इनपुट तत्व जैसे टेक्स्ट फ़ील्ड, बटन, रेडियो बटन, चेकबॉक्स, सूचियाँ, आदि फॉर्म ऑब्जेक्ट में समाहित हैं।

Q # 22) आपको आईडी और क्लास चयनकर्ता का उपयोग कब करना चाहिए?

उत्तर: एक चयनकर्ता के रूप में आईडी को विशिष्ट रूप से एक तत्व के रूप में पहचानने के लिए परिभाषित किया गया है, इसलिए उसी पृष्ठ के भीतर किसी अन्य तत्व के लिए समान आईडी लागू नहीं होनी चाहिए। जबकि वर्ग चयनकर्ता CSS चयनकर्ताओं के प्रकार हैं जो उस तत्व में शैली जोड़ने के लिए लागू होते हैं, के लिये उदाहरण, फ़ॉन्ट परिवार, फ़ॉन्ट आकार, या रंग, इसलिए वर्ग चयनकर्ताओं को कई तत्वों पर लागू किया जा सकता है।

जावास्क्रिप्ट में हमारे पास है getElementById () स्रोत कोड में पाया गया पहला तत्व देता है, जबकि विधि getElementsByClassName () विधि विशेष वर्गनाम के साथ तत्वों का संग्रह लौटाती है।

Q # 23) HTML5 द्वारा पेश किए गए API की व्याख्या करें।

उत्तर: HTML 5 ने निम्नलिखित एपीआई तरीके पेश किए हैं:

• उच्च-रिज़ॉल्यूशन समय API: यह उप-मिलीसेकंड के समाधान में वर्तमान समय देता है, सिस्टम क्लॉक तिरछा या समायोजन से स्वतंत्र है।
• उपयोगकर्ता समय एपीआई: यह जावास्क्रिप्ट कोड प्रदर्शन की सटीक माप की अनुमति देता है।
• नेविगेशन समय एपीआई: यह पृष्ठ लोड देरी के दौरान समय चूक लॉग के मूल्यांकन में मदद करता है और पृष्ठ का पुनर्निर्देशन, डीएनएस लुकअप, और डोम, टीसीपी कनेक्शन देरी इत्यादि के निर्माण का समय लेता है।
• नेटवर्क सूचना एपीआई: यह वेब आगंतुक के कनेक्शन प्रकार और संपूर्ण बैंडविड्थ लॉग की स्थिति की पहचान करने में मदद करता है।
• कंपन एपीआई: यह उपयोगकर्ता के मोबाइल डिवाइस (मोबाइल फोन) को अंतिम उपयोगकर्ता अनुभव देते हुए कंपन अनुप्रयोगों में कुछ घटनाओं के दौरान प्रतिक्रिया को उत्तेजित कर सकता है।
• बैटरी स्थिति API: यह डिवाइस बैटरी स्थिति के बारे में जानकारी प्रदान करता है जैसे चार्जिंग, शेष सेकंड तक यह पूरी तरह से छुट्टी दे दी जाती है, आदि।
• पृष्ठ दृश्यता API: यह पृष्ठ दृश्यता स्थितियों के बारे में विवरण देता है जैसे कि वर्तमान में केंद्रित, सीपीयू या बैंडविड्थ उपभोग को रोकने पर निर्णय प्रदान करता है।
• फुलस्क्रीन एपीआई: यह एप्लिकेशन के विनिर्देश के आधार पर उपयोगकर्ता से पूर्ण-स्क्रीन डिस्प्ले सक्षम करता है।
• getUserMedia API: यह वीडियो, ऑडियो जैसे मल्टीमीडिया स्ट्रीम तक पहुंच प्रदान करता है, या दोनों एक वेब पेज में एम्बेडेड है।
• WebSocket API: यह ब्राउज़र और सर्वर के बीच एक स्थायी संबंध बनाए रखता है।
• जियोलोकेशन एपीआई: यह स्थान और भौगोलिक स्थिति को ग्लोबल पोजिशनिंग सिस्टम (GPS) के माध्यम से ट्रैक करने में मदद करता है और अक्षांश और देशांतर को पुनः प्राप्त करता है जिससे मानचित्र पर वास्तविक समय की स्थिति का पता चलता है।

Q # 24) Null, Empty और Undefined value में क्या अंतर है और आप प्रत्येक को कैसे संभाल सकते हैं?

उत्तर: खाली स्ट्रिंग, नल और अपरिभाषित प्रकार में समान हैं, लेकिन एक दूसरे से भिन्न हैं।

अनिर्धारित: जब हम सिर्फ एक चर घोषित करते हैं, लेकिन कोई मूल्य नहीं दिया जाता है। या चर अस्तित्व में नहीं है या घोषित नहीं है। उदाहरण: मूल्य; कंसोल.लॉग (मूल्य); ==> अपरिभाषित

शून्य: फ़ंक्शंस, चर के लिए दिए गए पहचानकर्ता या नाम मौजूद हैं, लेकिन कोई मूल्य नहीं है। अर्थात मान शून्य है। उदाहरण: वैल = नल

खाली स्ट्रिंग: जब स्ट्रिंग डेटा प्रकार के साथ एक चर में कोई वर्ण डेटा नहीं होता है। उदाहरण: a = '';

Q # 25) जावास्क्रिप्ट में प्रयुक्त विभिन्न पॉप-अप विंडो की व्याख्या करें।

उत्तर: जावास्क्रिप्ट में मुख्य रूप से तीन प्रकार के पॉप अप बॉक्स होते हैं। चेतावनी, पुष्टि, और शीघ्र

चेतावनी ठीक बटन के साथ उपयोगकर्ता को जानकारी देने के लिए एक पॉप-अप विंडो है। उपयोगकर्ता संदेश पढ़ सकते हैं और इस विंडो को बंद करने के लिए ओके बटन पर क्लिक कर सकते हैं।

जावास्क्रिप्ट में चेतावनी के लिए प्रयुक्त वाक्य-विन्यास:

पुष्टि करें उपयोगकर्ताओं के लिए एक पॉप-अप विंडो तय करने और ओके और कैंसल में से किसी एक विकल्प का चयन करने के लिए है।

• जैसे संदेश से सहमत होने के लिए क्या आप करना यह चाहते हैं? , उपयोगकर्ता निर्णय की पुष्टि करने के लिए ठीक क्लिक कर सकता है।
• संदेश से असहमत होने के लिए, उपयोगकर्ता रद्द कर सकता है और निर्णय से ऑप्ट-आउट कर सकता है।

प्रेरित करना एक प्रकार का पॉप-अप है जहां उपयोगकर्ता को नाम, या आयु जैसे कुछ मूल्य दर्ज करने की सलाह दी जाती है, और ओके बटन पर क्लिक करने पर, यह दर्ज किए गए मान को स्वीकार करता है। उदाहरण: yourage = prompt ('अपनी वैध आयु दर्ज करें');

Q # 26) उदाहरण के साथ CSS एनीमेशन के उपयोग का वर्णन करें।

उत्तर: आप सीएसएस एनिमेशन का उपयोग करके जावास्क्रिप्ट या फ्लैश के उपयोग के बिना HTML तत्वों में एनीमेशन (धीरे-धीरे एक शैली से दूसरी शैली में) जोड़ सकते हैं।

कीफ्रेम निर्दिष्ट किए जाते हैं कि निश्चित समय पर तत्व को किस शैली में बदला जाएगा।

एक उदाहरण नीचे स्क्रीन में दिया गया है:

सीएसएस एनीमेशन उदाहरण लाल से एक्वा तक रंग का परिवर्तन

Q # 27) Restful Web सेवाओं द्वारा समर्थित HTTP अनुरोध प्रकारों में से प्रत्येक का उद्देश्य स्पष्ट करें

उत्तर: रेस्टफुल वेब सेवा में, प्रत्येक HTTP अनुरोध प्रकार का एक विशिष्ट उद्देश्य होता है। ये नीचे दिए गए हैं:

• प्राप्त एक प्रकार का अनुरोध है जो सर्वर से डेटा पुनर्प्राप्त करता है।
• पद एक प्रकार का अनुरोध है जिसका उपयोग ताज़ा डेटा फ़ॉर्म विवरण प्रस्तुत करने और फिर फ़ाइल अपलोड करने के लिए किया जाता है।
• लगाया हुआ POST के समान एक अनुरोध है लेकिन मौजूदा इकाई को अपडेट करने के लिए आवेदन किया गया है।
• हटाएँ PUT के समान अनुरोध है और इसका उपयोग सर्वर से संसाधन को हटाने के लिए किया जाता है।
• ट्रेस अनुरोध के दौरान नेटवर्क के साथ प्राप्त सामग्री को मान्य करने के लिए उपयोग किया जाता है।
• सिर GET के समान है, लेकिन अनुरोध के दौरान प्रतिक्रिया हेडर प्राप्त करता है।

Q # 28) HTML5 में स्पैन और डिव टैग के बीच क्या अंतर हैं?

उत्तर: Div और Span दोनों का उपयोग वेबपेज के एक विशेष खंड का प्रतिनिधित्व करने के लिए किया जाता है, लेकिन दोनों एक दूसरे से अलग हैं जैसा कि नीचे दी गई तालिका में बताया गया है:

Q # 29) CSS में Pseudo क्लास को उदाहरण सहित समझाइए।

उत्तर: कैस्केडिंग स्टाइल शीट में छद्म वर्ग एचटीएमएल तत्व के चयनकर्ताओं के लिए लागू किया गया एक कीवर्ड है, जो एचटीएमएल घटनाओं पर विशेष स्टाइल जोड़ने के लिए ऑनबोर्डर, ऑनक्लिक, ऑन्चेंज, ऑनहॉवर आदि जैसे बाहरी कारकों के संदर्भ में है, जैसे कि नेविगेशन इतिहास, स्थिति या आंदोलन की पिछली वेबसाइट। माउस, तत्व की सामग्री स्थिति बनाता है।

छद्म वर्ग के लिए वाक्य रचना:

उदाहरण:

HTML पृष्ठ में CSS छद्म वर्ग:

सबसे अच्छा रजिस्ट्री क्लीनर क्या है

विभिन्न तत्वों के ऊपर मँडरा माउस छद्म वर्ग के प्रभाव को प्रदर्शित करता है।

निष्कर्ष

इस प्रकार, इस ट्यूटोरियल में, हमने वेबसाइटों और वेब-आधारित अनुप्रयोगों के विकास और रखरखाव से संबंधित साक्षात्कार प्रश्नों पर चर्चा की है। नई प्रौद्योगिकियों, फ्रंट-एंड स्क्रिप्टिंग लैंग्वेज लाइब्रेरी, एचटीएमएल 5 एपीआई, सीएसएस 3 और जावा, एएसपी, पीएचपी जैसी भाषाओं को एकीकृत करने के लिए अच्छी समझ और हाथों का ज्ञान होना आवश्यक है। इसके अलावा, हमें वेब सर्वर और डेटाबेस पर एप्लिकेशन को कॉन्फ़िगर करना चाहिए, एसईओ कीवर्ड, वेब सुरक्षा और ब्राउज़र संगतता को संभालना चाहिए।

आपको नेटवर्किंग ज्ञान जैसे प्रोटोकॉल, वेब सेवाओं, उपयोगकर्ता अनुभव, समस्या-समाधान, और वेब और मोबाइल अनुप्रयोगों में नवाचारों के साथ-साथ सुरक्षा, सत्र हैंडलिंग और पहुंच सुविधाओं के साथ अच्छी तरह से वाकिफ होना चाहिए।

आपके आगामी वेब डेवलपर साक्षात्कार के साथ शुभकामनाएँ।

अनुशंसित पाठ

• वेब एप्लीकेशन टेस्टिंग कम्प्लीट गाइड (एक वेबसाइट का परीक्षण कैसे करें)
• 25 सर्वश्रेष्ठ चुस्त परीक्षण साक्षात्कार प्रश्न और उत्तर
• शीर्ष 30+ लोकप्रिय सीएसएस साक्षात्कार प्रश्न और उत्तर
• 25+ सबसे लोकप्रिय ADO.NET साक्षात्कार प्रश्न और उत्तर
• शीर्ष 20+ .NET साक्षात्कार प्रश्न और उत्तर
• 30 शीर्ष HTML साक्षात्कार प्रश्न और उत्तर (2021 सूची)
• शीर्ष 25 जावा वेब सेवा साक्षात्कार प्रश्न और उत्तर
• शीर्ष 20 सबसे महत्वपूर्ण एपीआई परीक्षण साक्षात्कार प्रश्न और उत्तर