Skip to main content

Frontend developer Interview questions

1. Can you describe your workflow when you create a web page?

2. Name 3 ways to decrease page load. (perceived or actual load time)

3. Explain few Common Security Issues with Ajax. or limitations of Using Ajax on a Web Page?

A. security, SEO search engine indexing, user experience, accessibility issues, browser integration, response time concerns, SEO

4. What is the difference between .call() and .apply()?

 .call() is used when the number of the function’s arguments are known to the programmer

 .apply() is used when the number is not known


5. Explain the purpose of each of the HTTP request types when used with a RESTful web service.

  -- GET, POST, PUT, PATCH, DELETE, TRACE, OPTIONS, HEAD, Connect.

    HEAD, GET, OPTIONS and TRACE) are defined as safe methods


6. Explain the difference between stateless and stateful protocols. Which type of protocol is HTTP? Explain your answer.

-- A stateless communications protocol treats each request as an independent transaction.a stateful communications protocol is one in which the responder maintains “state” information (session data, identity, status, etc.) across multiple requests from the same source.

HTTP is a stateless protocol. HTTP does not require a server to retain information or status about each user for the duration of multiple requests.



7. What is Long polling, how does it work, what is the main drawback of using long polling? Which HTML5 feature is the best alternative to long polling?

-- Long polling is a web application development pattern used to emulate pushing data from the server to client.

In HTML5, a useful alternative to long polling is using a WebSocket. A WebSocket is a protocol for providing full-duplex communications channels over a single TCP connection.



8. Which are the two methods used for cross-domain Ajax calls?

There are two methods used to transfer data between the two more security domains:

CORS – Cross-Origin Resource Sharing and it works with the HTTP web browsers. It’s a mechanism supported in HTML5 that manages XMLHttpRequest access to a domain different.

JSONP – JSON with Padding which works with the HTTP GET and on legacy browsers


9. What is a Promise?

-A promise is an object that may produce a single value sometime in the future



10. How to Optimize JavaScript Execution? Any JS performance tuning tools used in the past?

-Badly-timed or long-running JavaScript is a common cause of performance issues.



11. How will you explain closures in JavaScript? When are they used?

- A closure is a locally declared variable related to a function which stays in memory when the function has returned.



12. List types Natively supported by JSON?

JSON supports Objects, Arrays, Primitives (strings, numbers, boolean values (true/false), null) data types



13. What is the difference between JSON and JSONP?

JSON: JSON is a simple data format used for communication medium between different systems

JSONP: It is a methodology for using that format with cross-domain ajax requests while not being affected by same origin policy issue.



14. Does JavaScript support automatic type conversion?

-Yes JavaScript does support automatic type conversion, it is the common way of type conversion used by JavaScript developers



15. What’s in a good test failure bug report?

What were you testing?

What should it do?

What was the output (actual behavior)?

What was the expected output (expected behavior)?


16.what are all JavaScript unit testing frameworks you worked on?

17. What is Big O notation, and why is it useful?
18. What is the DOM?
19. What is the event loop?
20. What is a closure?
21. How does prototypal inheritance work, and how is it different from classical inheritance? (this is not a useful question IMO, but a lot of people like to ask it)
How does this work?

22. What is event bubbling and how does it work?
23. Describe a few ways to communicate between a server and a client. Describe how a few network protocols work at a high level (IP, TCP, HTTP/S/2, UDP, RTC, DNS, etc.)
24. What is REST, and why do people use it?
25. If my website is slow. Walk me through diagnosing and fixing it. What are some performance optimizations people use, and when should they be used?
What frameworks have you used? What are the pros and cons of each? Why do people use frameworks? What kinds of problems do frameworks solve?

26. What is plugin & extension in javascript?
27.what is REST stands for?
-Representational State Transfer

28. Common type of testing is UI testing (also called acceptance testing, browser testing, or functional testing)


Manager questions:
1. describe a typical work week you detailed in your experience?
2. What challenges are you looking for in this position?
3. Why should we hire you for this position?
4. We have new products coming online, and we seriously need to get the user experience design right to be competitive. What designing experience have you had?
5. What is your experience on Content Management Systems, user journey, wireframes, prototypes, user testing?

Comments

Popular posts from this blog

ExtJS - Grid panel features

What can we do with ExtJS GridPanel? I have to develop a lot of applications in my web app and I see that grid component of ExtJS may fit in. However, I am not aware of what all things I can do with the - off the shelf available framework pieces - available plug-ins in the marketplace and - custom development through my own developers This is a typical question that we hear from the business users who wants to design an application by keeping the framework’s capability in perspective. In this article I have tried to put the list of stuff you can do with grid and hopefully that shall enable you to take advantage of the beauty of ExtJS. Pre-requisites This article assumes that you are familiar with basics of ExtJS What are the available options? In this section I will be taking you through some of the commonly seen usage of ExtJS grid panel. While covering all the capabilities of grid may not be possible, I am sure it will be helpful for the business users who want to...

Ext4 Apply Store Filtering

In extjs4.1: There are many way for store filtering . Some of code i give here Filtering by single field: store . filter ( 'eyeColor' , 'Brown' );   Alternatively, if filters are configured with an  id , then existing filters store may be  replaced by new filters having the same  id . Filtering by single field: store . filter ( "email" , /\.com$/ );   Using multiple filters: store . filter ([ { property : "email" , value : /\.com$/ }, { filterFn : function ( item ) { return item . get ( "age" ) > 10 ; }} ]);   Using  Ext.util.Filter  instances instead of config objects (note that we need to specify the root config option in this case): store . filter ([ Ext . create ( ' Ext.util.Filter ' , {   property : "email" , value : /\.com$/ , root : 'data' }),   Ext . create ( ' Ext.util.Filter ' , {   filterFn : function ( item ) {   return item . get ( ...

EXT JS 4: EMPTY VALUE IN A COMBOBOX

EXT JS 4: EMPTY VALUE IN A COMBOBOX Often, in an Ext JS combobox, it is difficult to go back to an empty value once you have selected an item, particularly if “forceSelection” is set to true.  Here is my roundup of alternative solutions found from around the web… 1. Override beforeBlur The solution from   http://www.sencha.com/forum/showthread.php?182119-How-To-Re-Empty-ComboBox-when-forceSelection-is-Set-To-TRUE  overrides beforeBlur on the combbox to clear out lastSelection.  Here is a copy of the override from the thread: 1 2 3 4 5 6 7 8 9 10 11 12 13 Ext.create( 'Ext.form.field.ComboBox' , {      ...      allowBlank: true ,      forceSelection: true ,      beforeBlur: function (){          var value = this .getRawValue();          if (value ...