Work Interview

Question 1

Define meta tags

Answer 1

Meta tags fit inside head tags. They contain information that will not be displayed on the website.

Question 2

What are the main technical and additional skills required to become a front-end developer?

Answer 2

JavaScript, CSS, HTML, JQuery, some JavaScript library such as React, Vue, Node.

Question 3

What are some Git commands that are widely used?

Answer 3

1. git status
2. git commit
3. git add
4. git push
5. git pull
6. git reset

Question 4

Version Control System (VCS)

Answer 4

It is a system where every change is recorded to a separate file, so developers would have a chance to go back to the previous versions if needed

Question 5

What is the point of Doctype?

Answer 5

Doctype gives information to the browser which kind of document type to expect. For example !DOCTYPE html gives a clue that it is an HTML5 file

Question 6

How do you serve a page with content in multiple languages?

Answer 6

You have to change the “lang” attribute

Question 7

What kind of things must you be wary of when designing or developing for multilingual sites?

Answer 7

1. The placement of language options. It must be seen by the costumer instantly, otherwise he/she may leave the site quite quickly
2. Machine translating. Using Google Translate or other machine translator site may not be the best options as they can translate information not the correct way. It’s better to hire someone
3. Cultural differences. Job is to connect different parts of the worlds and research also should be done to be aware of the possible cultural differences (for example color theory, blue in the west represents IT companies, but in the east it may represent mourning)

Question 8

What are data- attributes good for?

Answer 8

data- attributes help you to configure extra information about element. If you need an attribute that is not on the list you can create your own, starting it with data-

Question 9

What is the key difference between cookies, session storage, and local storage?

Answer 9

LocalStorage data does not expire, SessionStorage data does expire after the page session ends. Cookies are client-side files on a local computer that hold user information. Sessions are server-side files that contain user data.

Question 10

What is a callback function?

Answer 10

function which is to be executed after another function has finished execution (more formally it is a function that has been passed as an argument to another function so it can be executed when it’s called)

Question 11

What do you understand by the CSS box model?

Answer 11

It is a box that is wrapped around every HTML element. It consists of content, padding, border and margin.

Question 12

Null vs undefined

Answer 12

Null is an object with no value. It is equal to undefined but not identical. When we define variable to null we want to say that it is empty.

Undefined means that the value does not exist in the compiler.

Question 13

Git Fetch vs Git Pull

Answer 13

Git fetch tells if there has been any changes in the repository but without bringing them into local repo.

Git pull brings the copy of the remote directory changes into the local repository.

Question 14

Explain event delegation.

Answer 14

If we have a lot of elements that are needed to be handle similar ways, then we shouldn’t assign similar handlers to each one of them, instead we should collect them under ancestor and assign that ancestor the handler

Question 15

Explain how this works in JavaScript.

Answer 15

Keyword ‘this’ is the context of function calling.

When we talk about function calling, then ‘this’ keyword is a global. So if we have a function person, inside we insert property ‘this.fullname’ then we can call that method in the global scope with person.fullname.

In a function which is using strict mode, ‘this’ keyword is undefined.

Question 16

What is a closure?

Answer 16

when you have a function defined inside of another function, that inner function has access to the variables and scope of the outer function even if the outer function finishes executing and those variables are no longer accessible outside of that function.

Question 17

foreach vs map

Answer 17

forEach doesn’t return anything. Performs given operation on each element of the array. Performing non-tranformation like processing on each element.

Performs given “transformation” on a “copy” of each element. Returns new array with transformed elements, leaving back original array unchanged. Obtaining array containing output of some processing done on each element of the array.

Question 18

What’s a typical use case for anonymous functions

Answer 18

It can be used to create IIFE
Arguments to other functions

Question 19

Explain Function.prototype.bind

Answer 19

‘bind’ creates a new function from an existing function, change the new function’s this context, and provide any arguments you want the new function to be called with

Question 20

Explain “hoisting”

Answer 20

process whereby the interpreter appears to move the declaration of functions, variables or classes to the top of their scope, prior to execution of the code.

Question 21

var vs let vs const

Answer 21

var variables can be updated and re-declared within its scope; let variables can be updated but not re-declared; const variables can neither be updated nor re-declared.