📼 👵🏼 🗯️ फ्रंटएंड पोस्ट टेस्ट 🤹🏼 🚩 🙇🏽

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

1. जादू

एक प्रोग्राम लिखें जो संख्याओं को 1 से 100 तक प्रदर्शित करता है। इसके अलावा, संख्याओं के बजाय जो 3 के गुणक हैं, कार्यक्रम को "फ़िज़" शब्द को प्रदर्शित करना चाहिए, और संख्याओं के बजाय 5 के गुणक हैं, शब्द "बज़"। यदि संख्या 3 और 5 की संख्या है, तो प्रोग्राम को शब्द "FizzBuzz" प्रदर्शित करना चाहिए।

2. एचटीएमएल

2.1। ब्राउज़र विंडो में किस तत्व की सामग्री देखी जा सकती है?

2.2। जगह देंगे तो क्या होगा

<b>

कंटेनर में

 <head>

आपका जवाब ...?

2.3। किस टैग के लिए तत्व है

 <!doctype html>

माता-पिता के रूप में कार्य करता है

2.4। लाइन ब्रेक के लिए किस टैग का उपयोग किया जाना चाहिए?

2.5। लिंक कैसे बनाएँ जो एक नई विंडो / टैब में खुलता है?

2.6। सूचियां बनाने के लिए कौन से टैग का उपयोग किया जाता है?

2.7। गुण अच्छे क्यों हैं?

 data-*

आपका जवाब ...?

2.8। तत्वों को पृष्ठ पर कैसे व्यवस्थित किया जाएगा?

 <div>div 1</div> <div>div 2</div> <span>span 1</span> <span>span 2</span>

आपका जवाब ...?

2.9। HTML फाइल में ऑडियो / वीडियो कैसे डालें?

2.10। इस कोड में क्या गलत है

 <b>Some<i> </b>Text</i>

आपका जवाब ...?

2.11। ब्लॉक लेआउट और टेबल लेआउट के बीच मुख्य अंतर?

2.12। अंतर क्या है?

 <svg>

से

 <canvas>

आपका जवाब ...?

3. सीएसएस / लेस

3.1। पृष्ठ पर तत्वों को कैसे छिपाया जाए?

3.2। मार्जिन और पैडिंग के बीच अंतर क्या हैं?

3.3। क्या आप बूटस्ट्रैप या किसी अन्य घटक दृश्य पुस्तकालय से परिचित हैं?

3.4। क्या आप मीडिया के प्रश्नों का उपयोग करते हैं?

3.5। सीएसएस में किन इकाइयों का उपयोग किया जाता है?

3.6। ग्रिड बनाने के कुछ तरीके क्या हैं?

3.7। बॉक्स-आकार की संपत्ति क्या करती है?

3.8। क्या आप एनिमेशन से परिचित हैं?

3.9। Flexbox किसके लिए उपयोग किया जाता है?

3.9। एक पृष्ठ पर एक तत्व को लंबवत और क्षैतिज रूप से कैसे केंद्रित किया जाए?

3.10। निम्नलिखित उदाहरण में पाठ का रंग क्या होगा?
main.css:

 p { color: red; }

index.html:

 <html> <head> <link rel="stylesheet" href="main.css"> <style> p#p { color: green; } </style> </head> <body> <p id="p" style="color: blue;"> Some text </p> </body> </html>

3.11। LESS और CSS में क्या अंतर है?

3.12। वर्णन करें कि कैसे कम में एक पाश बनाने के लिए?

4. जावास्क्रिप्ट

4.1। आप किन पुस्तकालयों और / या चौखटे का उपयोग करते हैं?

4.2। जावास्क्रिप्ट जावा से कैसे अलग है?

4.3। कुकीज, सेशनस्टोरेज और लोकलस्टोरेज में क्या अंतर है?

4.4। दस्तावेज़ लोड घटना और दस्तावेज़ तैयार घटना के बीच अंतर क्या है?

4.5। इवेंट हैंडलर को ऑब्जेक्ट्स से बाँधने के तरीके क्या हैं?

4.6। == और === में क्या अंतर है?

4.7। हमें AJAX के बारे में बताएं।

4.8। अशक्त और अपरिभाषित के बीच अंतर क्या है?

4.9। बताएं कि जावास्क्रिप्ट में प्रोटोटाइप कैसे काम करता है।

4.10। तीसरे और अंकगणितीय संचालन का उपयोग किए बिना दो चर कैसे स्वैप करें?

4.11। .ForEach () और .map () के बीच अंतर क्या है?

4.12। क्या बराबर होगा

एक

निम्नलिखित कोड निष्पादित करने के बाद:

 var a; a=!!a;

4.13। मैं कोड को कैसे छोटा कर सकता हूं?

4.14। क्या मूल्य प्रदर्शित किया जाएगा?

 alert('Hello World!'.split('').reverse().join(''));

4.15। स्क्रीन पर क्या प्रदर्शित किया जाएगा?

 var a = 'Hello'; (function () { var b = 'World!'; alert(a+b); })(); alert(a+b);

4.16। अंतर क्या है?

 var a = function() {}

से

 function a()

4.17। स्क्रीन पर क्या प्रदर्शित किया जाएगा?

 function A() {this.b = 'Cde';} A.prototype = {getB: function() {return this.b}}; var a = new A(); A.prototype.getUpperB = function() {return this.b.toUpperCase(); }; alert(a.getUpperB());

4.18। कंसोल में क्या प्रदर्शित किया जाएगा?

 function A(a,b) {console.log(arguments);} A(1,2,3);

4.19। यह उदाहरण क्या प्रदर्शित करेगा?

 alert((function f() { function f() {return 1;} return f(); function f() {return 2;} })());

और अगर ऐसा है?

 alert((function f() { function f() {return 1;} return f(); var f = function () {return 2;} })());

5. AngularJS

5.1। AngularJs jQuery से कैसे अलग है?

5.2। उस पर क्लिक करते समय किसी तत्व को कैसे छिपाया जाए?

5.3। कोणीय आवेदन की संरचना का वर्णन करें।

5.4। कंट्रोलर डिजाइन का उपयोग किस उद्देश्य के लिए किया जाता है?

5.5। क्या आप वादे जानते हैं?

5.6। एक कंट्रोलर से दूसरे वेरिएबल को कैसे ट्रांसफर करें?

5.7। क्यों एक नियंत्रक का उपयोग करें, और क्यों निर्देशन?

5.8। प्रसारण और उत्सर्जन में क्या अंतर है?

5.9। यह उदाहरण क्या प्रदर्शित करेगा?

 <input type="text" ng-module="name"> <span>{{name}}</span>

और अगर ऐसा है?

 <input type="text" ng-module="name"> <span>{{::name}}</span>

5.10। यह कोड आउटपुट क्या होगा?

 angular.module('app', []) .controller('SomeController', function() { console.log($scope); });

5.1। इस कोड में क्या गलत है?

 <span ng-init="name = 'SomeName'">{{::name}}</span>

NgRoute और io.router में क्या अंतर है?

5.1। आप एप्लिकेशन कॉन्फ़िगरेशन कहाँ लिखेंगे?

5.1। कारखाने, सेवा और प्रदाता के बीच मुख्य अंतर?

6. अन्य

6.1। Git, NPM, Bower, Gulp, Webpack के साथ कोई अनुभव है?

6.2। क्या आप नोडज और एक्सप्रेस से परिचित हैं?

6.3। आप किस तरह के टेम्पलेट इंजन का उपयोग करते हैं?

6.4। आपने किस आईडीई के साथ काम किया?

6.5। आप PHP, विंडोज के बारे में कैसा महसूस करते हैं?

6.6। क्या आप स्क्रैम को जानते हैं?

गृह अध्ययन साहित्य

1 - angularjs.org (ट्यूटोरियल)

2 - कोणीय यूआई-राउटर

3 - कोणीय यूआई-बूटस्ट्रैप

4 - कोणीय सेवाओं (कारखानों, प्रदाताओं, निर्देशों के विषय पर हैबर पढ़ें ...

!!! उस क्रम में ...

फ्रंटएंड पोस्ट टेस्ट

More articles: