Google News
logo
UI Developer Interview Questions
Floats push the element to the left or right. The float property can have one of four values :
 
Inherited : The element inherits the parent’s float value

None : This is the default value; the element doesn’t float

Left : The element floats to the container’s left

Right : The element floats to the container’s right
* Alert
* Affix
* Button
* Carousel
* Collapse
* Dropdown
* Modal
* Popover
* Scrollspy
* Tab
* Tooltip
A responsive website can fit in all screen sizes and all devices : laptops, tablets, and mobile phones.
 
CSS media queries are utilized to rearrange the elements and to hide or display the elements from the UI.

Impliment these following Step in section :
​<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">

Media queries examples : 

@media only screen and (min-width:300px) and (max-width:480px){
  .samplefile{
    width:96%;
    padding : 10px;
    margin : 5px auto; 
    background-color: blue; 
  }
}

@media only screen and (min-width:1100px){
 .samplefile{
    width:96%;
    padding : 10px;
    margin : 5px auto; 
    background-color: gray; 
  }
}
Following is a list of some most used Git Commands and functions :
 
Git Config : This Git command configures the username and email address.

Git inits : This Git command is used to initialize a local Git repository.

Git Add : This Git command adds one or more files to the staging area.

Git Diff : This Git command is used to view the changes made to the file.

Git Commit : This Git command makes changes to the head but not to the remote repository.

Git reset : This Git command is used to undo local changes to the state of a Git repo.

Git Status : This Git command displays the state of the working directory and staging area.

Git Merge : This Git command merges a branch into an active branch.

Git Push : This Git command uploads content from the local repository to a remote repository.

Git Pull : This Git command is used to fetch and download content from a remote repository.
5 .
What do you understand by Version Control System?
A Version Control System (VCS) is a program that is used to record any changes to a file or set of data so that we can restore it to a previous version if needed. It ensures that everyone on the team is working on the most up-to-date file version.
6 .
What do you understand by clear?
A clear is used when we don't need an element to wrap around another element, like float.
HTML XHTML
HTML is an acronym that stands for Hypertext Markup Language. It is the most widely used language over the internet. XHTML is an acronym that stands for Extensible Hypertext Markup Language.
HTML is a language used to create web pages and link them from one to another. XHTML is considered a part of the XML markup language. It contains the features of both XML and HTML.
Tim Berners-Lee developed HTML in 1991. XHTML was developed by W3C, i.e., World Wide Web Consortium, and was released in 2000.
HTML is extended from SGML and follows the format of document file format. XHTML is extended from XML and HTML and follows the markup language format.
In HTML, it is not necessary to write Doctype at the top. In XHTML, you must write Doctype at the top of the file.
HTML is not strictly case-sensitive. It is not necessary to put all tags in lower or upper case. XHTML is strictly case-sensitive. Here, you have to put every tag and attribute in lower case.
In HTML, it is not necessary to close the tags in the order they are opened. In XHTML, you must close the tags in the order they are opened.
HTML is an older language for linking web pages on the internet. In comparison, XHTML is called a better version of HTML.
In HTML, it is not necessary to mention quotes while using attributes. For example: <JavaTpoint>. In XHTML, it is mandatory to mention quotes while using attributes. For example: <JavaTpoint="JTP">.
In HTML, filename extensions are used as ".html", and ".htm". In XHTML, filename extensions are used as ".xhtml", ".xht", ".xml".
In general, HTML, CSS, and JavaScript are browser interpreted technologies. 
 
Languages like C++, asp.net, PHP are not interpreted languages and need a compiler that will convert their code into machine language. HTML doesn’t need a compiler, it is an interpreted language and it is called a front-end language.
HTML stands for HyperText Markup Language.
 
* HTML4 is the oldest version of HTML that is still used today. It has a loose syntax where things like closing tags are optional. One does not have to close a paragraph with a tag in HTML4 either. The loose syntax helps developers easily adapt to HTML. While loose syntax helps amateur developers, it also poses a problem when one’s trying to achieve a specific result in the browser.
 
* XHTML was introduced to deal with this specific problem. Majority of sites that are developed today use XHTML. XHTML stands for EXtensible Hypertext Markup Language. It is based on XML, a more generalized markup language. In XHTML, all opened tags have to be closed. There are also some restrictions on which tags can be nested inside each other.
 
* HTML5 is the newer version of HTML. It is becoming increasingly popular every day. HTML5 comes with new functionalities that help in how we use the web today. Developers are able to do a lot of exciting new things with the help of HTML5.
The primary responsibility of the rendering engine is to highlight the requested page on the browser’s screen. Rendering engines can show XML and HTML images and documents. If you’re utilising additional plugins, the engines can also exhibit various documents like PDF.
 
Receives the requested document : The contents of the requested document is obtained by the rendering engine from HTML’s networking layer.

Construct the DOM tree :
Parsed the HTML to the parsed tree and then set up the DOM tree, making use of it.

Construct the CSSOM : CSSOM stands for CSS Object Model. Post the construction of the DOM tree, it identifies a link tag in the head section, which references the external style.css CSS style sheet. So, it parsed the CSS file in CSSOM tree, something which the Browser can comprehend as the DOM tree.

Construct the Render tree : Utilise the HTML DOM tree coupled with the styling data of the CSSOM tree to set up a render tree. Render tree is the graphical depiction of the HTML, with the corresponding CSS. This tree enables painting the contents in their right order. Every node in the Render Tree is regarded as a renderer. The Render tree looks like this:

Layout : When the renderer is developed and incorporated into the tree, it does not have a size or position. Computing these values is defined as layout. We use the coordinates system to position the element, such as the position of the root renderer is 0,0. The layout continues recursively via a part of the entire renderer hierarchy, calculating geometric info for every renderer that needs it. Beginning the layout process implies allowing every node the exact coordinates where it should show up on the screen.

Painting of the Render Tree : The renderer tree is traversed in this stage and the renderer’s paint() method is hailed to exhibit the content on the screen. For good UX, the rendering engine will aim to exhibit the contents on the screen as soon as possible. It will not stand by until all the HTML is parsed to develop and layout the render tree.