Work Interview Flashcards
Define meta tags
Meta tags fit inside head tags. They contain information that will not be displayed on the website.
What are the main technical and additional skills required to become a front-end developer?
JavaScript, CSS, HTML, JQuery, some JavaScript library such as React, Vue, Node.
What are some Git commands that are widely used?
- git status
- git commit
- git add
- git push
- git pull
- git reset
Version Control System (VCS)
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
What is the point of Doctype?
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
How do you serve a page with content in multiple languages?
You have to change the “lang” attribute
What kind of things must you be wary of when designing or developing for multilingual sites?
- The placement of language options. It must be seen by the costumer instantly, otherwise he/she may leave the site quite quickly
- 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
- 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)
What are data- attributes good for?
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-
What is the key difference between cookies, session storage, and local storage?
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.
What is a callback function?
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)
What do you understand by the CSS box model?
It is a box that is wrapped around every HTML element. It consists of content, padding, border and margin.
Null vs undefined
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.
Git Fetch vs Git Pull
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.
Explain event delegation.
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
Explain how this works in JavaScript.
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.
What is a closure?
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.
foreach vs map
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.
What’s a typical use case for anonymous functions
It can be used to create IIFE
Arguments to other functions
Explain Function.prototype.bind
‘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
Explain “hoisting”
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.
var vs let vs const
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.
