Software Engineer Front End Interview Questions

13,485 software engineer front end interview questions shared by candidates

5. var x; (function test() { console.log('x --'+ x); })(); //this is self invoking so print undefine because x is not assigned any value yet var y = function() { console.log('In y' + x); //function is not called from anywhere so this wont execute } another(); //this will call function another written below var x = 10; console.log(x); //will print 10 because x is assigned value 10 function another() { console.log(x); //will print undefine because x is not assigned any value yet }
avatar

Front End Developer

Interviewed at ServiceNow

4
Jul 29, 2020

5. var x; (function test() { console.log('x --'+ x); })(); //this is self invoking so print undefine because x is not assigned any value yet var y = function() { console.log('In y' + x); //function is not called from anywhere so this wont execute } another(); //this will call function another written below var x = 10; console.log(x); //will print 10 because x is assigned value 10 function another() { console.log(x); //will print undefine because x is not assigned any value yet }

3. What will be the console.log statements print const obj = { name: 'Billy', sing: function () { this.age = "20" console.log('a' , this); var anotherFunction = function() { this.age = "30" console.log('b', this); } anotherFunction(); } } obj.sing(); //first console will print properties of obj(name, age and sing) and second will print window object
avatar

Front End Developer

Interviewed at ServiceNow

4
Jul 29, 2020

3. What will be the console.log statements print const obj = { name: 'Billy', sing: function () { this.age = "20" console.log('a' , this); var anotherFunction = function() { this.age = "30" console.log('b', this); } anotherFunction(); } } obj.sing(); //first console will print properties of obj(name, age and sing) and second will print window object

HTML & CSS: Explain the difference between block, inline, and inline-block display properties. How do you create a responsive website? Explain different techniques like media queries, flexbox, and Grid. What are the advantages of using CSS preprocessors like Sass or Less? How do you optimize your CSS code for performance? JavaScript: Explain the difference between var, let, and const. What are closures, and how do they work in JavaScript? Describe the difference between synchronous and asynchronous JavaScript. What is the Event Loop in JavaScript? What are the benefits of using a JavaScript framework like React, Angular, or Vue.js? Explain the concept of "Single Page Application" (SPA).
avatar

Front End Developer

Interviewed at Express Employment Professionals

3.7
Sep 18, 2024

HTML & CSS: Explain the difference between block, inline, and inline-block display properties. How do you create a responsive website? Explain different techniques like media queries, flexbox, and Grid. What are the advantages of using CSS preprocessors like Sass or Less? How do you optimize your CSS code for performance? JavaScript: Explain the difference between var, let, and const. What are closures, and how do they work in JavaScript? Describe the difference between synchronous and asynchronous JavaScript. What is the Event Loop in JavaScript? What are the benefits of using a JavaScript framework like React, Angular, or Vue.js? Explain the concept of "Single Page Application" (SPA).

Viewing 2001 - 2010 interview questions

Glassdoor has 13,485 interview questions and reports from Software engineer front end interviews. Prepare for your interview. Get hired. Love your job.