Google News
logo
UI Developer Interview Questions
HTML layout is the way to specify how the web page is arranged. 
 
The different HTML5 elements which are used to define the different parts of a webpage are as follows :
 
<header> : header for a document or a section is defined in this

<nav> : defines a container for navigation links

<section> : A section in a document is defined 

<article> : an independent, self-contained article is defined

<aside> : example is a sidebar, that is aside of content

<footer> : footer of a document is defined here
2 .
What is an AJAX request, and how can an AJAX request be used?
Asynchronous Java Script And XML or AJAX requests that provide the user the required data. AJAX calls connect with the servers by using XMLHttpRequests to exchange the data.  
Event propagation is the order of events that fire on the element. Bubbling is when an event is fired on the element then bubble up the DOM tree, i.e. child will call first, and then parent node will call, whereas capturing is opposite to the bubbling where the parent node is called first and then child node.
The difference between reset.css and normalize CSS is that reset.css removes all the built-in browser styling capabilities like margin, padding, and border.

Whereas normalize CSS provides a book-like appearance that includes a bold family to represent characters, a border between two paragraphs and a common font-family for an entire page of the document.
Inline Elements : Inline elements take up only enough width that is sufficient to them and allow other elements next to it inline. They do not have top and bottom margins as block elements have only the left and right and consider the padding.

Examples of Inline elements :
 
<a> : This inline element includes hyperlinks in the webpage.
<br> : This inline element mentions line breaks in the webpage where ever needed.
<script> : This inline element is used to include external and internal JavaScript codes.
<input> : This inline element accepts input from the users and is mainly used in forms.
<img> : This inline element includes different images in the webpage to add beauty to the webpage.
<span> : This inline element is an inline container that takes necessary space only.
<b> : This inline element is used in places where bold text is needed.
<label> : This inline element provides a usability improvement for mouse users, i.e., if a user clicks on the text within the <label> element, it toggles the control.
 
Block Elements : Block elements are types of blocks that contain many elements in a line itself. They consider top and bottom margins and don't contain any other elements next to them. They consume the full width available and always start in a new line.

Examples of Block elements :
 
<h1>-<h6> : These elements include headings of different sizes ranging from 1 to 6. Here, the smaller the number, the bigger the heading size.
<div> : This element is used to make separate content divisions on the web page.
<li> : This block element includes list items of an ordered or unordered list.
<ul> : This block element is used to make an unordered list.
<ol> : This block element is used to make an ordered list.
<hr> : This block element is an empty tag used to separate content by horizontal lines.
<p> : This block element includes paragraphs of content in the webpage.
<table> : This block element includes the tables in the web page when it requires tabular data.

HTML 5 Semantic block elements :
 
<header> : This semantic block element includes all the main things of the webpage like navbar, logos, and heading of the webpage.
<nav> : This semantic block element helps navigate different sections by including different blocks of hyperlinks in the webpage.
<footer> : This semantic block element contains all information about the web page's authorization, contact, and copyright details.
<main> : This semantic block element is used to specify the main content of the webpage.
<section> : This semantic block element is used to specify separate different sections in the webpage.
<article> : This semantic block element includes different independent articles on the webpage.
<aside> : This semantic block element mentions details of the main content aside.
 
Inline-block : It is similar to the inline element and follows the page flow. The only difference is that it will consider height and width.
Please find below the different tables that UI Developer supports are :

Absolute : It will place the element exactly where a user wants to place it. In general absolute will place relative to the parent. If no parent is available, then it is placed relative to the page itself.
 
Relative : It will place the element relative to itself (if we didn’t give any relative positioning); for example, if we set position relative to an element and given as top: 10px, then it will place the element 10px down from where the actual position of the element to be.
 
Static : It will place the element according to the flow of the document. It uses the default position; if we want to remove any position, then we can use a static position to replace it.
 
Fixed : It will place the element relative to the browser window or viewport as viewport doesn’t change when scrolling. So element will be fixed at that position.
* Meta tags are passed as pairs of name/value.

* Meta tags fit inside the HTML page’s head tag.

* Meta tags are not displayed on the page but it is to be shown on the browser.

* Meta tags can contain information about character encoding, description, title of the document etc,

<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="web page with description like (Tutorlas, Interview Question, etc,.)"> 
  <title>Free Time Learn</title>
</head>
<body>
  
</body>
</html>​
DIV SPAN
It is utilized for separating the elements that are block-line, line break before and after it. Span is utilized for grouping inline elements in the HTML doc.
It contains global attributes for the certain element in HTML documents.
 
It includes certain, global and event attributes.
At times para tag <P> is utilised for inner side of the <div> tag. In a paragraph, <span> tag is utilized to use a CSS style for certain words with the selected font sets.
In div tag, we make use of borders with width height with specified color pixels to emphasize the front end document. In the Span tag, we utilize specified color coding to depict the front-end document. 
npm stands for Node Package Manager. npm provides the following two main functionalities :
 
* Online repositories for Node.js packages/modules which are searchable on search.nodejs.org

* Command-line utility to install packages, do version management and dependency management of Node.js packages.

* Another important use for npm is dependency management. When you have a node project with a package.json file, you can run npm install from the project root and npm will install all the dependencies listed in the package.json.
Some of the advantages of REST web services are :
 
* Learning curve is easy since it works on HTTP protocol

* Supports multiple technologies for data transfer such as text, xml, json, image etc.

* No contract defined between server and client, so loosely coupled implementation.

* REST is a lightweight protocol

* REST methods can be tested easily over browser.