Everything

Question : Why GraphQL? Answer : There are various reason why we benefit from using the graphQL Clean API between backends and frontends Less communication overhead  No more time spent writing API documentation No more time spent trying to figure out an API Great tooling for your API Supports multiple clients and multiple server interactions. Question : Describe GraphQL in nutshell? Answer : GraphQL is Language and Runtime both, Language gives us the tool to specify the queries, mutation, subscription, fragment. Runtime describe the validation, Type Systems, execution and introspection. Question : Describe the overall interaction cycle of the graphQL? Answer : These are the basic steps carried during the interaction between client and the server Read inputs from Interface, Parse into the Abstract Syntax Tree,  invokes its resolver function, then it either gets the scalar data or else invokes another internal resolver function. Data returned from resolver function are then m...

Question : Why title element is important? Answer : This is the element represent, html page in the tab, also when you add this webpage as a bookmark then it will be a default name saved for the bookmark name. Question : What is the benefit of using the label? Answer : the for attribute of lable tag will able to associate the name with the element, and clicking on the label itself is good enough to add the focus and and selection to the given element. Question : Does the box-sizing property affect the overall width or height of the elements? Answer : Yes, border width, padding and margin is added to the width properties, e.g. h1 { line-height : 40 px ; font-weight : bold ; color : aqua ; font-size : 40 px ; width : 300 px ; padding : 50 px ; margin : 50 px ; border : 10 px dotted ; text-align : center ; } This means that the overall of width of the element is width value  + 2 * padding [ right + left ] + 2 * border [ left + right ]. Questio...

Question : example of Map Reduce Answer : (() => { let aNumberArray = [ 1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 , 9 ] ; let sum = aNumberArray. map (data => data * 2 ) . reduce ((ongoing , data) => ongoing + data) ; console . log (sum) ; })() Question : What is IIFE? Answer  : Immediately Invoked function expression e.g. (function(){}()). usually pronounces as " effy ". Question : Why the script tag should be added at the bottom or before the end of the body tag? Answer  : It helps the html page to render quickly without even downloading the script which may be getting downloaded from the slow CDN. there are other alternative like async and defer as well, which are supported primarily on new browsers.     <script src="bower_components/angular/angular.min.js" defer></script>     <script src="bower_components/jquery/dist/jquery.min.js" defer></script>     <script src="bower_components...