Front End Web Developer Interview Preparation Guide

Download PDF

HTML is HyperText Markup Language used to develop the website.

XHTML is modern version of HTML 4. XHTML is an HTML that follows the XML rules which should be well-formed.

Clone function is useful in creating a complete new object in Coffee Script by

☛ Copying all attributes from the source object to the new object
☛ Repeating the steps of copying attributes from the source object for all sub-objects by calling the clone-function
☛ Creating a new object as the source object

☛ Sprites, compressed images, smaller images;
☛ include JavaScript at the bottom of the page;
☛ minify or concatenate your CSS and JavaScript; and
☛ caching.

Functional programming is one of the key paradigms that makes JavaScript stand out from other languages. Look for examples of functional purity, first-class functions, higher-order functions, or using functions as arguments and values. It’s also a good sign if they have past experience working with functional languages like Lisp, Haskell, Erlang, or Clojure.

CoffeeScript is a small programming language that compiles into JavaScript. It helps to write JavaScript code better by providing you with a more consistent syntax and avoiding the irregular nature of JavaScript language

The basic rule for Coffee Script:
☛ Whitespace matters: There are no curly braces in CoffeeScript
☛ No parentheses: Functions that take arguments do not require parentheses

The goals of such standards are to ensure cross-platform compatibility and more compact file sizes. The focus of these standards has been to separate "content" from "formatting" by implementing CSS. It eases maintenance and development.

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.

Prototypal OO is the other major programming paradigm that really lets JavaScript shine—objects linked to other objects (OLOO). You’re looking for knowledge of when and where to use prototypes, liberal use of “Object.assign()” or mixins, and a solid grasp of concepts like delegation and concatenative inheritance.

Flask uses thread local objects internally so that user don’t have to pass objects around from function to function within a request in order to stay threadsafe. This approach is useful, but it requires a valid request context for dependency injection or when attempting to reuse code which uses a value pegged to the request.

Ie6 is not dead, just ask China which represents a nice chunk of the worlds online population. Your pages should at least be functional on IE6, unless you dont care about half the worlds population.

Event delegation allows you to avoid adding event listeners for specific nodes. Instead, you can add a single event listener to a parent element.

It may depend on what you are using it for. There is some debate on this but generally a good question to ask to get an understanding of the JS knowledge.

The basic rule for Coffee Script

☛ Whitespace matters: There are no curly braces in CoffeeScript
☛ No parentheses: Functions that take arguments do not require parentheses

There are several technical differences between these two types of requests, regarding length limitation, security, caching and a few others. But if someone asks you WHEN would you use it, I'd say one of the most important points that any front-end developer should take into account is that we should only use GET for idempotent requests, it means requests that don't make significant changes in the backend system or database but if you do need to make inserts, updates or deletes in a database, trigger emails or any other major action, POST is recommended.

The 3 equal signs mean "equality without type coercion". Using the triple equals, the values must be equal in type as well.

☛ == is equal to
☛ === is exactly equal to (value and type)
☛ 0==false // true
☛ 0===false // false, because they are of a different type
☛ 1=="1" // true, auto type coercion
☛ 1==="1" // false, because they are of a different type

stringify is used to transform JSON into a string.

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.

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.

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.

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.

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

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

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.

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

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.