Front End Web Developer

  Home  Web Development  Front End Web Developer


“Front End Web Developer related Frequently Asked Questions by expert members with professional career as Front End Web Developer. These list of interview questions and answers will help you strengthen your technical skills, prepare for the new job interview and quickly revise your concepts”



76 Front End Web Developer Questions And Answers

42⟩ Tell me the differences between one-way data flow and two-way data binding?

This question may seem self-explanatory, but what you’re looking for is a developer who can demonstrate solid understanding of how data flows throughout the application. In two-way data binding, changes to the UI and changes to the model occur asynchronously—a change on one end is reflected on the other. In one-way data binding, data only flows one way, and any changes that the user makes to the view will not be reflected in the model until the two are synced. Angular makes implementing two-way binding a snap, whereas React would be your framework of choice for deterministic one-way data flow.

 176 views

43⟩ Tell me what Is A Callback Function?

JavaScript is read line by line. Sometimes, this can result in what seems like a subsequent line of code being executed prior to an earlier line of code. A callback function is used to prevent this from happening, because it is not called until the previous line of code has fully executed.

 122 views

45⟩ Do you know what Is The Difference Between A Prototype And A Class?

Prototype-based inheritance allows you to create new objects with a single operator; class-based inheritance allows you to create new objects through instantiation. Prototypes are more concrete than classes, as they are examples of objects rather than descriptions of format and instantiation.

Prototypes are important in JavaScript because JavaScript does not have classical inheritance based on classes; all inheritances happen through prototypes. If the JavaScript runtime can't find an object's property, it looks to the object's prototype, and continues up the prototype chain until the property is found.

 130 views

46⟩ Tell me who is Front End Developer? What he does?

In a website, front-end is the part that users accesses while interacting with the website including images, buttons, colours, animations, forms, typography etc.

While the frontend developer is a programmer that codes the front end of a website and ensures that a visibility of site remains same throughout different web browsers.

 130 views

47⟩ Tell us how experienced are you with MEAN?

The MEAN (MongoDB, Express, AngularJS, and Node.js) stack is the most popular open-source JavaScript software stack available for building dynamic web apps—the primary advantage being that you can write both the server-side and client-side halves of the web project entirely in JavaScript. Even if you aren’t intending to use MEAN for your project, you can still learn a lot about the developer when they recount their experiences using JavaScript for different aspects of web development.

 124 views

48⟩ Explain me have you already used MVC before? What you like/dislike about it?

As the UI gets more and more complex we need some good ways to keep it more and more maintainable and reusable, and Some MVC frameworks for javascript have been widely adopted lately and it's a good plus if you have already used before and knows what's the benefits of them. The most famous MVC frameworks are backbone.js and angular.js, it's hard to not hear about them.

There are many advantages in using these frameworks, I can point out some of them:

Organization: Forces your webapp to follow a well structured pattern;

Maintainable: With organization comes an easy to maintain code;

UI Binding: Some frameworks allow you to do that. So everytime your model changes, the view reflects it and vice-versa;

Decoupled client: MVC frameworks like backbone.js incentivise you to use REST API's though their urlRoot attribute in their Models;

Reusable components: Create reusable visual components;

Single-page apps: Build single-page apps with Ajax requests;

Friendly URL's: Native support for client-side url mapping;

 134 views

49⟩ Explain what is the difference between WebGL and three.js?

WebGL:

☛ WebGL allows you to control the GPU in more direct way

☛ It is more an “immediate mode”

☛ It does not have additional support for text, for shaders built, for picking, etc.

Three.js:

☛ Three.js is built on top of WebGL and allows you to take care of lot of things like what objects to draw each frame

☛ It is more a “retained mode”

☛ It does have an additional support for text, for picking, for object hierarchy, etc.

 121 views

50⟩ Tell me do You Know What Is A Sprite? How Is It Applied Using Css? What Is The Benefit?

A image sprite is a collection of images put into one single image.

Using css positioning you can show and hide different parts of the sprite depending on what you need.

Sprites reduces the number of http requsts thus reducing load time of page and bandwidth

Buy Buttons using Sprite as background:

Both buttons use the same background image. The only difference is in the positioning.

 139 views

51⟩ Explain me how To Optimize The Page Using Front End Code Or Technology?

Below is the list of best practices for front-end technology, which helps to optimize page.

☛ Improve server response by reducing resource usage per page

☛ Combine all external CSS files into one file

☛ Combine all external JS files into one file

☛ Use responsive design instead of making device based redirects

☛ Use asynchronous Javascript and remove block level Javascript

☛ Use Minify version of stylesheet and javascript.

☛ Optimize Image and use correct format of Image. Use the lazy loading design pattern for large size of images.

☛ Use browser side cache with Cache control.

☛ Avoid plugins to drive functionality.

☛ Configure view port and use CSS best practices.

☛ Prioritize visible content.

☛ Load style-sheets in header and script in footer.

 134 views

52⟩ Explain me why Do We Recommend External Css Or Javascript Versus Inline?

Inline CSS or JavaScript has bad impact on site performance.

Your HTML code will weigh more as you use inline scripts, whereas external scripts reduces HTML file size which helps fast rendering of webpage.

HTML code will never be cached so inline scripts. Contrary to that, external dependencies, such as CSS and JavaScript files, will be cached by the visitor's web browser. So it reduces https requests each time user click through web pages.

It is hard to maintain Inline CSS and JavaScript code. Where having code in just one centralized location is a lot more preferable than changing exactly the same kind of code snippets spread all over the files in the web site.

 125 views

53⟩ Tell me difference between null and undefined?

This can be tricky and the best way to keep in your head is to memorise because if you try to relate javascript null to other languages, it will get more confusing.

In javascript, null is an object with no value and undefined is a type.

typeof null; // "object"

typeof undefined; // "undefined"

var a;

var b = null;

a == b; // "true" because their values are the same

a === b; // "false". they have different types

 136 views

54⟩ Tell me what is a RESTful Web Service?

REST stands for Representational State Transfer, an architectural style that has largely been adopted as a best practice for building web and mobile applications. RESTful services are designed to be lightweight, easy to maintain, and scaleable. They are typically based on the HTTP protocol, make explicit use of HTTP methods (GET, POST, PUT, DELETE), are stateless, use intuitive URIs, and transfer XML/JSON data between the server and the client.

 136 views

55⟩ Tell me 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

 151 views

56⟩ Tell me what are the skills required?

The skills required for the Front End Developer includes

☛ HTML

☛ CSS

☛ JavaScript

☛ JQuery

Additional Skills

Some additional skills that might be helpful will be

☛ Knowledge of cross browser testing

☛ Knowledge of CMS like WordPress, Joomla or Drupal

☛ Knowledge of PHP and OOP’s ( object oriented programming)

☛ Knowledge of SEO, and tools like Flash and Dreamweaver

 125 views

57⟩ Explain what are the disadvantages of using JavaScript?

Experienced coders won’t just be able to rave about their favorite language’s strengths—they will also be able to talk about its weaknesses. JavaScript’s main weakness is security. Look for answers on how it can be exploited. A secondary weakness is JavaScript’s ubiquity and versatility—it can be a double-edged sword in that there’s a lot of room for programming quirks that can lead to inconsistent performance across different platforms.

 123 views

58⟩ Tell us which frameworks are you most familiar with?

You can tell a lot about a programmer from the frameworks they’re familiar with—AngularJS, React, jQuery, Backbone, Aurelia, and Meteor are just some of the more popular ones available. The key here is to make sure the developer you’re engaging has experience with the framework you’ve chosen for your project.

 171 views

59⟩ Please explain what Event Bubbling Is?

Event bubbling causes all events in the child nodes to be automatically passed to its parent nodes. The benefit of this method is speed because the code only needs to traverse the DOM tree once.

 187 views

60⟩ Do you know what Is Web A Application?

A great question to feel out the depth of the applicants knowledge and experience.

A web application is an application utilizing web and [web] browser technologies to accomplish one or more tasks over a network, typically through a [web] browser.

 187 views