Read on Twitter
20 Common Front End Developer Interview Questions
Are you a Frontend Developer?
Below is a Thread with the questions you should know as a front-end developer!
Thread
#100DaysOfCode #DEVCommunity
Are you a Frontend Developer?
Below is a Thread with the questions you should know as a front-end developer!
Thread#100DaysOfCode #DEVCommunity
Q1: Explain meta tags in HTML
Meta tags always go inside the head tag of the HTML page
Meta tags is always passed as name/value pairs
Meta tags are not displayed on the page but intended for the browser
#100DaysOfCode
Meta tags always go inside the head tag of the HTML page
Meta tags is always passed as name/value pairs
Meta tags are not displayed on the page but intended for the browser
#100DaysOfCode
Q2: Explain What Is The Lazy Loading?
Lazy loading is a design pattern commonly used in computer programming to defer initialization of an object until the point at which it is needed.
Lazy loading is loading code only once the user needs it.
#100DaysOfCode
Lazy loading is a design pattern commonly used in computer programming to defer initialization of an object until the point at which it is needed.
Lazy loading is loading code only once the user needs it.
#100DaysOfCode
For Example, there is a button on the page, which shows a different layout once the user pressed it. So there is no need to load code for that layout on the initial page load.
#100DaysOfCode
#100DaysOfCode
Q3: Explain What Is The Difference Between Null And Undefined?
null is an object with no value. undefined is a type.
typeof null; // "object"
typeof undefined; // "undefined"
#100DaysOfCode
null is an object with no value. undefined is a type.
typeof null; // "object"
typeof undefined; // "undefined"
#100DaysOfCode
Q4: What Is A Callback Function?
JavaScript is read line by line. A callback function is used to prevent this from happening because it is not called until the previous line of code has fully executed.
#100DaysOfCode
JavaScript is read line by line. A callback function is used to prevent this from happening because it is not called until the previous line of code has fully executed.
#100DaysOfCode
Q5: Explain What "this" Is In Javascript?
In JavaScript, 'this' normally refers to the object which 'owns' the method, but it depends on how a function is called.
#100DaysOfCode
In JavaScript, 'this' normally refers to the object which 'owns' the method, but it depends on how a function is called.
#100DaysOfCode
Q6: What is CORS?
Cross-origin resource sharing (CORS) is a mechanism that allows many resources (e.g., fonts, JavaScript, etc.) on a web page to be requested from another domain outside the domain from which the resource originated.
#100DaysOfCode
Cross-origin resource sharing (CORS) is a mechanism that allows many resources (e.g., fonts, JavaScript, etc.) on a web page to be requested from another domain outside the domain from which the resource originated.
#100DaysOfCode
It's a mechanism supported in HTML5 that manages XMLHttpRequest access to a domain different.
CORS adds new HTTP headers that provide access to permitted origin domains.
#100DaysOfCode
CORS adds new HTTP headers that provide access to permitted origin domains.
#100DaysOfCode
Q8: Explain What Is An Anonymous Function?
Anonymous functions are functions without a name. They are stored in a variable and are automatically invoked (called) using the variable name.
var x = function(a, b) {
console.log(a * b)
}
x(3, 5); // 15
#100DaysOfCode
Anonymous functions are functions without a name. They are stored in a variable and are automatically invoked (called) using the variable name.
var x = function(a, b) {
console.log(a * b)
}
x(3, 5); // 15
#100DaysOfCode
Q9: Explain What Is Ajax? Write An Ajax Call?
AJAX stands for asynchronous JavaScript and XML and allows applications to send and retrieve data to/from a server asynchronously (in the background) without refreshing the page.
#100DaysOfCode
AJAX stands for asynchronous JavaScript and XML and allows applications to send and retrieve data to/from a server asynchronously (in the background) without refreshing the page.
#100DaysOfCode
Q10: What Are This And That Keywords?
This and that are important to variable scope in JavaScript. This and that are used to access the properties of the window or the class it is called in.
#100DaysOfCode
This and that are important to variable scope in JavaScript. This and that are used to access the properties of the window or the class it is called in.
#100DaysOfCode
Q11: What Is Event Delegation?
Event delegation allows you to avoid adding event listeners for specific nodes. Instead, you can add a single event listener to a parent element.
#100DaysOfCode
Event delegation allows you to avoid adding event listeners for specific nodes. Instead, you can add a single event listener to a parent element.
#100DaysOfCode
Q12: How To Clear A Floated Element?
A floated element is taken out of the document flow. To clear it you would need to do a clear: both or try overflow: auto on the containing div.
#100DaysOfCode
A floated element is taken out of the document flow. To clear it you would need to do a clear: both or try overflow: auto on the containing div.
#100DaysOfCode
Q13: What Is The Importance Of The Html Doctype?
DOCTYPE is an instruction to the web browser about what version of the markup language the page is written. It's written before the HTML Tag. Doctype declaration refers to a Document Type Definition (DTD).
#100DaysOfCode
DOCTYPE is an instruction to the web browser about what version of the markup language the page is written. It's written before the HTML Tag. Doctype declaration refers to a Document Type Definition (DTD).
#100DaysOfCode
Q 14: Difference Between Responsive And Adaptive Development?
In a nutshell, responsive is fluid and flexible, whereas adaptive adapts to the detected device/screen size.
#100DaysOfCode
In a nutshell, responsive is fluid and flexible, whereas adaptive adapts to the detected device/screen size.
#100DaysOfCode
Q15: Explain What Is Web A Application?
A great question to feel out the depth of the applicant's knowledge and experience
A web application is an application utilizing web and browser technologies to accomplish one or more tasks over a network, typically through a browser.
A great question to feel out the depth of the applicant's knowledge and experience
A web application is an application utilizing web and browser technologies to accomplish one or more tasks over a network, typically through a browser.
Q16: What Is The Difference Between Call And Apply?
apply lets you invoke the function with arguments as an array. call requires the parameters to be listed explicitly. Also, check out this StackOverflow answer.
#100DaysOfCode
apply lets you invoke the function with arguments as an array. call requires the parameters to be listed explicitly. Also, check out this StackOverflow answer.
#100DaysOfCode
Q17: What Is A Javascript Object?
A collection of data containing both properties and methods. Each element in a document is an object. Using the DOM you can get at each of these elements/objects and render your page.
#100DaysOfCode
A collection of data containing both properties and methods. Each element in a document is an object. Using the DOM you can get at each of these elements/objects and render your page.
#100DaysOfCode
Q18: Do You Know What Is A Closure?
Closures are expressions, usually functions, which can work with variables set within a certain context. Or, to try and make it easier, inner functions referring to local variables of its outer function create closures.
#100DaysOfCode
Closures are expressions, usually functions, which can work with variables set within a certain context. Or, to try and make it easier, inner functions referring to local variables of its outer function create closures.
#100DaysOfCode
Q19: Do You Know What Is The Difference Between == And ===?
== is equal to
=== is exactly equal to (value and type)
#100DaysOfCode
== is equal to
=== is exactly equal to (value and type)
#100DaysOfCode
Q20: What Is The Difference Between A Host Object And A Native Object?
Native - existing in JavaScript. Host - existing in the environment.
#100DaysOfCode
Native - existing in JavaScript. Host - existing in the environment.
#100DaysOfCode
You can also follow, star and fork me on github:
https: http://github.com/mayhemant
https: http://github.com/mayhemant
