शीर्ष 25 वेब डेवलपर साक्षात्कार प्रश्न और उत्तर अवश्य जानना चाहिए

वेब डेवलपर्स की मांग जारी है क्योंकि इंटरनेट का विकास जारी है। हालांकि नौकरी पाने के लिए, आपको पहले नियोक्ता के साक्षात्कार सत्र को मापना होगा।

हालाँकि बड़ी टीमें या तो फ्रंट-एंड या बैक-एंड डेवलपर्स को विशेष रूप से नियुक्त करती हैं, छोटी टीमें और startups अक्सर फुल-स्टैक डेवलपर्स के लिए जाना जाएगा। इसलिए, जितना हो सके उतना जानना उपयोगी है।

निम्नलिखित शीर्ष 25 वेब डेवलपर साक्षात्कार प्रश्नों और उनके उत्तरों की सूची है जो आपको तैयार होने में सहायता करते हैं।

1. वेब विकास में HTML, JavaScript और CSS की क्या भूमिकाएँ हैं?

HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए है और यह वेब पर प्रकाशित करने के लिए दस्तावेज़ विकसित करने के लिए मानक भाषा है। जावास्क्रिप्ट और सीएसएस अतिरिक्त हैं।

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

2. उत्तरदायी वेब डिज़ाइन क्या है

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

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

3. फ्रेमवर्क का उपयोग करने के क्या लाभ हैं?

वेब एप्लिकेशन विकसित करने में फ्रेमवर्क का उपयोग करने के कई लाभ हैं। प्रमुख इस प्रकार हैं:

1. सर्वोत्तम प्रथाओं के साथ आसान विकास प्रक्रिया।
2. प्रारंभिक परियोजनाओं के साथ तेजी से विकास समय बचाता है।
3. आजमाए और परखे हुए कोड का उपयोग।
4. अक्सर बेहतर प्रदान करता है सुरक्षा.
5. लागत बचाता है, खासकर बड़ी परियोजनाओं के साथ।

4. जावास्क्रिप्ट कॉलबैक क्या है?

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

कॉलबैक फ़ंक्शंस का सबसे अच्छा उपयोग एसिंक्रोनस फ़ंक्शंस के साथ किया जाता है, जिन्हें पहले निष्पादन समाप्त करने के लिए अन्य फ़ंक्शंस की प्रतीक्षा करनी पड़ती है।

5. जावास्क्रिप्ट में लोकल बनाम ग्लोबल स्कोप की व्याख्या करें

परिभाषित चर शब्दों में लिखे गए हैं और ये सही संदर्भ में ही सार्थक हैं। स्थानीय और वैश्विक दायरा परिभाषित चर के इस संदर्भ को संदर्भित करता है। एक वैश्विक चर को एक फ़ंक्शन के बाहर परिभाषित किया जाना चाहिए, जबकि एक फ़ंक्शन के अंदर स्थानीय चर परिभाषित किए जाते हैं।

इस प्रकार, एक वैश्विक चर का वैश्विक दायरा होता है, जिसका अर्थ है कि इसे कार्यक्रम में कहीं से भी एक्सेस किया जा सकता है। हालांकि, एक स्थानीय चर का स्थानीय दायरा होता है और इसका मतलब है कि इसे केवल फ़ंक्शन के अंदर से ही एक्सेस किया जा सकता है।

6. सीएसएस में जेड-इंडेक्स की व्याख्या करें

जेड-इंडेक्स एक एलिमेंट प्रॉपर्टी है जिसका इस्तेमाल एलिमेंट के स्टैक ऑर्डर को परिभाषित करने के लिए किया जाता है। स्टैक ऑर्डर एक तत्व की क्षमता को या तो पीछे या अन्य तत्वों के सामने कार्ड के ढेर की तरह संदर्भित करता है।

उच्च स्टैक ऑर्डर वाले तत्व निचले स्टैक ऑर्डर वाले तत्वों के सामने दिखाई देते हैं। इस संदर्भ में, किसी तत्व को 2 या 100 गारंटियों का स्टैक ऑर्डर देकर वह एक पृष्ठ पर अन्य सभी के शीर्ष पर प्रदर्शित होगा। इसी तरह, निर्दिष्ट स्टैक ऑर्डर के बिना एक पृष्ठ शीर्ष तत्वों की तुलना में स्रोत से नीचे के तत्वों को ढेर कर देगा।

7. HTML में मार्की क्या है?

मार्के HTML में एक कंटेनर टैग है, जिसका उपयोग स्क्रॉलिंग टेक्स्ट को प्रदर्शित करने के लिए किया जाता है। यह आपको स्क्रॉल दिशा, साथ ही गति को नियंत्रित करने देता है। हालाँकि HTML5 में मार्की को हटा दिया गया है, और आपको इसके बजाय CSS का उपयोग करने की सलाह दी जाती है।

उदाहरण मार्की के साथ स्क्रॉलिंग:

मार्की स्क्रॉल टेक्स्ट

8. पृष्ठ लोड समय को कम करने के प्रमुख तरीकों की सूची बनाएं

एक पृष्ठ के लोड समय को बेहतर बनाने के लिए एक डेवलपर कई कदम उठा सकता है, जिनमें से प्रमुख हैं:

• छवियों को अनुकूलित करें और उनका आकार कम करें
• अनावश्यक विजेट्स से छुटकारा पाएं
• लुकअप को न्यूनतम तक कम करें
• वेबसाइट को एक अच्छे होस्ट पर होस्ट करें
• त्वरित मोबाइल पेज का उपयोग करें या स्थिर साइटें
• आलसी लोड चित्र
• अपना कोड छोटा करें

9. कैनवास और एसवीजी के बीच अंतर क्या हैं?

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

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

10। कैसे अशक्त से अलग अपरिभाषित?

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

जावास्क्रिप्ट में:

वर वेरिएबलए;

वर वेरिएबलबी = अशक्त;

चेतावनी (चर ए); // अपरिभाषित दिखाता है

चेतावनी (चर बी); // शून्य दिखाता है

11. आईडी कक्षा से कैसे भिन्न है?

HTML दस्तावेज़ में तत्वों की पहचान करने और उन्हें संभालने के लिए ID और वर्ग दो तरीके हैं। हालाँकि, दोनों के बीच मुख्य अंतर यह है कि आईडी अद्वितीय होनी चाहिए। दूसरे शब्दों में, दो तत्व एक ही आईडी साझा नहीं कर सकते हैं, लेकिन दो या दो से अधिक तत्व एक ही वर्ग को साझा कर सकते हैं।

विशिष्ट तत्वों को संभालने के लिए एक आईडी का उपयोग किया जाता है, जबकि एक वर्ग का उपयोग उन तत्वों के समूह को संभालने के लिए किया जाता है जो एक या अधिक सामान्य लक्षण साझा करते हैं।

12. आप वेबसाइट की सुरक्षा सुविधाओं को कैसे सुधारते हैं?

वेबसाइट की सुरक्षा को बेहतर बनाने के लिए आप जो कुछ कदम उठा सकते हैं उनमें शामिल हैं:

1. एक मजबूत पासवर्ड नीति लागू करना। इसका मतलब है कि यह जांचना कि चयनित पासवर्ड में 8 से अधिक वर्ण हैं और इसमें अंक, विशेष वर्ण और अपर और लोअर केस वर्ण हैं।
2. कैप्चा या किसी भी एंटी-बॉट उपाय का उपयोग।
3. जहां आवश्यक हो, दो-कारक या बहु-कारक प्रमाणीकरण विधियों जैसे ओटीपी (वन-टाइम-पासवर्ड) और हार्डवेयर डोंगल को नियोजित करना।
4. DDoS सुरक्षा और स्वचालित बैकअप सुविधाओं वाले होस्ट का उपयोग करना।

13. लोकलस्टोरेज सेशनस्टोरेज से कैसे भिन्न है?

लोकलस्टोरेज और सेशनस्टोरेज सिस्टम दोनों एक डेवलपर को वेब ब्राउजर में डेटा स्टोर करने देते हैं। हालाँकि, लोकलस्टोरेज लगातार है, जबकि सेशनस्टोरेज नहीं है। दूसरे शब्दों में, लोकलस्टोरेज में संग्रहीत डेटा कई सत्रों में ब्राउज़र पर उपलब्ध होगा, जबकि सत्रस्टोरेज में संग्रहीत डेटा ब्राउज़र टैब बंद होने के बाद हटा दिया जाता है।

14. HTTP 2.0 पर HTTP1.1 सुधारों की सूची बनाएं

HTTP / 2 प्रोटोकॉल 2015 में प्रकाशित हुआ और महत्वपूर्ण सुधार प्रदान करता है, जैसे:

1. पाठ पर बाइनरी का उपयोग करके बेहतर सुरक्षा।
2. बेहतर प्रदर्शन।
3. कम विलंबता।
4. बेहतर त्रुटि प्रबंधन।
5. निचला उपरि।

15. गिट पुल और गिट मर्ज में क्या अंतर है?

गिट पुल कमांड आपको रिमोट रिपोजिटरी से सामग्री डाउनलोड करने देता है, फिर यह डाउनलोड की गई सामग्री के साथ आपके स्थानीय भंडार को अपडेट करता है।

दूसरी ओर, git merge कमांड आपको एक ही प्रोग्राम की दो अलग-अलग विकसित शाखाओं को संयोजित करने की सुविधा देता है। परियोजनामर्ज कमांड को उस शाखा से निष्पादित किया जाना चाहिए जिसमें आप विलय करना चाहते हैं, और यह आमतौर पर मुख्य शाखा होती है।

16. GET, POST और PUT से कैसे भिन्न है?

HTML GET विधि का उपयोग ब्राउज़र द्वारा सर्वर से जानकारी का अनुरोध करने के लिए किया जाता है, जबकि POST और PUT विधियों का उपयोग ब्राउज़र से सर्वर पर जानकारी भेजने के लिए किया जाता है।

लेकिन जब एक POST अनुरोध केवल सर्वर संसाधन में डेटा जोड़ सकता है, तो अनुरोध के पेलोड का उपयोग करके संसाधन को पूरी तरह से बदलने के लिए एक PUT अनुरोध का उपयोग किया जाता है।

17. सबसे लोकप्रिय डेटा एक्सचेंज प्रारूपों की सूची बनाएं

यहाँ अब तक के सबसे लोकप्रिय डेटा विनिमय प्रारूप हैं:

1. एक्सएमएल
2. यमल
3. CSV
4. JSON
5. HTTP
6. एसक्यूएल

18. पॉपअप बॉक्स के 3 प्रकारों की सूची बनाएं

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

1. अलर्ट बॉक्स - यह आपका संदेश और एक 'ठीक' बटन प्रदर्शित करता है।
2. बॉक्स की पुष्टि करें - इस डायलॉग बॉक्स में 'ओके' और 'कैंसल' दोनों बटन शामिल हैं जो कोड को प्रभावित कर सकते हैं।
3. शीघ्र बॉक्स - इस बॉक्स में उपयोगकर्ता से जानकारी एकत्र करने के लिए एक टेक्स्ट इनपुट बॉक्स शामिल है।

19. CSS कोड को शामिल करने के विभिन्न तरीकों के नाम बताएं

HTML दस्तावेज़ में CSS को शामिल करने के 3 तरीके हैं। वे हैं:

1. बाहरी सीएसएस - आप .css दस्तावेज़ का उपयोग करके शामिल करते हैं दस्तावेज़ के अंदर टैग।
2. एंबेडेड सीएसएस – आप CSS कोड को इसके अंदर शामिल करें टैग, दस्तावेज़ में कहीं भी।
3. इनलाइन सीएसएस - आप अपने एचटीएमएल टैग के अंदर शैली = "सीएसएस-संपत्ति: मूल्य" जोड़ी का उपयोग करते हैं, उदाहरण के लिए। पीस्क्वेयर!

20। कैसे विंडो.ऑनलोड document.onload से भिन्न है?

Window.onload का उपयोग जावास्क्रिप्ट कोड को निष्पादित करने के लिए किया जाता है, जब ब्राउज़र ने पृष्ठ के DOM ट्री और छवियों, CSS कोड और स्क्रिप्ट सहित अन्य बुनियादी बातों को लोड कर दिया है।

जबकि डॉक्युमेंट.ऑनलोड डीओएम तैयार होने के तुरंत बाद निष्पादित होता है, इसका मतलब छवियों और बाहरी पुस्तकालयों के लोड होने से पहले भी हो सकता है।

21. आप CSS का उपयोग करके किसी Element को कैसे Hide करते हैं?

आप 3 CSS विधियों का उपयोग करके एक HTML तत्व छिपा सकते हैं, वे हैं:

1. कुछ भी डिस्प्ले मत करो; - तत्व न तो प्रस्तुत किया गया है और न ही प्रदर्शित किया गया है।
2. दृश्यता: छिपा हुआ; - तत्व प्रदान किया जाता है लेकिन प्रदर्शित नहीं होता है।
3. पद: निरपेक्ष; - तत्व प्रस्तुत और प्रदर्शित किया जाता है, लेकिन प्रदर्शन क्षेत्र के बाहर स्थित होता है।

22. अजाक्स के लिए सर्वोत्तम उपयोग क्या हैं?

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

23. CSS3 की कुछ नई विशेषताओं की सूची बनाएं

CSS3 में CSS2 की तुलना में कई आधुनिक और सहायक सुविधाएँ शामिल हैं, जैसे:

1. बक्से और छवियों के लिए गोल कोने।
2. वस्तुओं का एनिमेशन।
3. घोषणाओं के लिए चर और कार्य।
4. उत्तरदायी डिजाइन के लिए ग्रिड और फ्लेक्सबॉक्स।
5. पृष्ठभूमि रंगों के लिए ग्रेडियेंट।
6. आरजीबीए का उपयोग कर अस्पष्टता नियंत्रण।
7. बक्से और ग्रंथों के लिए छाया प्रभाव।
8. होवर के लिए संक्रमण और तत्वों पर ध्यान दें।

24. HTML5 में कौन से नए इनपुट प्रकार पेश किए गए?

इनपुट प्रकार वह मान है जिसे आप HTML दस्तावेज़ में इनपुट तत्व देते हैं।

एक उदाहरण है:

or

नए HTML5 इनपुट प्रकारों में शामिल हैं:

1. तारीख
2. रंग
3. ईमेल
4. Search
5. तेल
6. महीना
7. संख्या सीमा
8. महीना
9. यूआरएल
10. datetime-स्थानीय

25. HTML5 मीडिया तत्वों का वर्णन करें

HTML5 में मीडिया प्रकारों और स्रोतों को संभालने के लिए अधिक तत्व टैग शामिल हैं। वे हैं:

• - MP4, WebM और Ogg वीडियो के लिए।
• - विभिन्न स्वरूपों में कई स्रोतों को परिभाषित करने के लिए।
• - MP3, Ogg और WAV ऑडियो के लिए।
• - चित्रों से लेकर वीडियो और वेब पेजों तक के बाहरी संसाधनों को शामिल करने के लिए एक कंटेनर।
• - वीडियो के लिए उपशीर्षक ट्रैक निर्दिष्ट करने के लिए।

निष्कर्ष

शीर्ष 25 वेब डेवलपर साक्षात्कार प्रश्नों की हमारी सूची के अंत तक पहुंचकर, आप देख सकते हैं कि पूर्ण-स्टैक डेवलपर बनने के लिए प्रौद्योगिकियों का काफी संयोजन होता है।

हालांकि यह एक गाइड है जो नौकरी के विभिन्न पहलुओं को छूता है, यह किसी भी तरह से संपूर्ण नहीं है। इसलिए, यह आप पर निर्भर है कि आप उन क्षेत्रों की पहचान करें जिनके बारे में आप स्पष्ट नहीं हैं और फिर सीखें।