41⟩ Tell us when would you use CSS float?
Float is used when you want to make an element of your page (usually an image) be pushed to the right or left and make other elements wrap around it.
“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”
Float is used when you want to make an element of your page (usually an image) be pushed to the right or left and make other elements wrap around it.
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.
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.
JSONP is JSON with padding.
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.
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.
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.
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;
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.
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.
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.
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.
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
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.
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
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
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.
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.
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.
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.