Interview Questions

AJAX Interview Questions Android Interview Questions Angular 2 Interview Questions AngularJs Interview Questions Apache Presto Interview Questions Apache Tapestry Interview Questions Arduino Interview Questions ASP.NET MVC Interview Questions Aurelia Interview Questions AWS Interview Questions Blockchain Interview Questions Bootstrap Interview Questions C Interview Questions C Programming Coding Interview Questions C# Interview Questions Cakephp Interview Questions Cassandra Interview Questions CherryPy Interview Questions Clojure Interview Questions Cobol Interview Questions CodeIgniter interview Questions CoffeeScript Interview Questions Cordova Interview Questions CouchDB interview questions CSS Buttons Interview Questions CSS Interview Questions D Programming Language Interview Questions Dart Programming Language Interview Questions Data structure & Algorithm Interview Questions DB2 Interview Questions DBMS Interview Questions Django Interview Questions Docker Interview Questions DOJO Interview Questions Drupal Interview Questions Electron Interview Questions Elixir Interview Questions Erlang Interview Questions ES6 Interview Questions and Answers Euphoria Interview Questions ExpressJS Interview Questions Ext Js Interview Questions Firebase Interview Questions Flask Interview Questions Flex Interview Questions Fortran Interview Questions Foundation Interview Questions Framework7 Interview Questions FuelPHP Framework Interview Questions Go Programming Language Interview Questions Google Maps Interview Questions Groovy interview Questions GWT Interview Questions Hadoop Interview Questions Haskell Interview Questions Highcharts Interview Questions HTML Interview Questions HTTP Interview Questions Ionic Interview Questions iOS Interview Questions IoT Interview Questions Java BeanUtils Interview Questions Java Collections Interview Questions Java Interview Questions Java JDBC Interview Questions Java Multithreading Interview Questions Java OOPS Interview Questions Java Programming Coding Interview Questions Java Swing Interview Questions JavaFX Interview Questions JavaScript Interview Questions JCL (Job Control Language) Interview Questions Joomla Interview Questions jQuery Interview Questions js Interview Questions JSF Interview Questions JSP Interview Questions KnockoutJS Interview Questions Koa Interview Questions Laravel Interview Questions Less Interview Questions LISP Interview Questions Magento Interview Questions MariaDB Interview Questions Material Design Lite Interview Questions Materialize CSS Framework Interview Questions MathML Interview Questions MATLAB Interview Questions Meteor Interview Questions MongoDB interview Questions Moo Tools Interview Questions MySQL Interview Questions NodeJS Interview Questions OpenStack Interview Questions Oracle DBA Interview Questions Pascal Interview Questions Perl interview questions Phalcon Framework Interview Questions PhantomJS Interview Questions PhoneGap Interview Questions Php Interview Questions PL/SQL Interview Questions PostgreSQL Interview Questions PouchDB Interview Questions Prototype Interview Questions Pure CSS Interview Questions Python Interview Questions R programming Language Interview Questions React Native Interview Questions ReactJS Interview Questions RequireJs Interview Questions RESTful Web Services Interview Questions RPA Interview Questions Ruby on Rails Interview Questions SAS Interview Questions SASS Interview Questions Scala Interview Questions Sencha Touch Interview Questions SEO Interview Questions Servlet Interview Questions SQL Interview Questions SQL Server Interview Questions SQLite Interview Questions Struts Interview Questions SVG Interview Questions Swift Interview Questions Symfony PHP Framework Interview Questions T-SQL(Transact-SQL) Interview Questions TurboGears Framework Interview Questions TypeScript Interview Questions UiPath Interview Questions VB Script Interview Questions VBA Interview Questions WCF Interview Questions Web icon Interview Questions Web Service Interview Questions Web2py Framework Interview Questions WebGL Interview Questions Website Development Interview Questions WordPress Interview Questions Xamarin Interview Questions XHTML Interview Questions XML Interview Questions XSL Interview Questions Yii PHP Framework Interview Questions Zend Framework Interview Questions Network Architect Interview Questions

Polymer.js Interview Questions

1) What is Polymer.js?

Polymer.js is an open source JavaScript library. It is developed by Google. It is used to develop web applications for using of web components like HTML.

2) Describe architecture of Polymer.js.

The architecture of Polymer.js is divided into four important layers:
Native Layer- It represents the current state of browser support and implementation for the web component detail.

Foundation Layer- It consists polyfill libraries for the web component details. Polyfill is a code that implement the feature of web browser that does not support the feature.

Core Layers- It contains the Polymer library code which is found in polymer.html file.

Elements Layers- It consists of core and paper elements.

3) What are the features of Polymer.js?

Following are the features of Polymer.js:
  • It is simplest way to create custom elements.
  • It has both One-way and Two-way data binding.
  • It provides polyfills for creating it's own customized elements.
  • It has computed properties.
  • It provides gesture events.

4) What are the Polymer elements?

It provides elements that we can use in our web pages and applications. These elements are built with the Polymer library.

5) Name the types of polymer elements.

Following are the types of polymer elements:
App element- It is used, when we build entire application.

Iron element- It is used to create basic building blocks of an application.

Paper element- It is a set of UI (User Interface) elements that implement the material design system.

Gold elements- This element is build for e commerce.

Neon element- It is used for animation-related elements.

Platinum elements- This element is like application features, like push notifications, offline caching and bluetooth.

6) What is custom elements?

It provide a component model for the web.

7) What are the features provided by custom elements?

Custom elements provides the following features.
It provides a mechanism for associating class with custom element name.

It requests the lifecycle methods when we change the state of custom element object.

It requests for the method when we change the attribute of an instance.

8) What are the reactions apply in custom elements life cycle?

It provides the set of custom element reactions that allows to change in elements lifecycle.
Reaction Description
Constructor It is called when element is upgraded.
Connected Callback It is called when element is added to a document.
Disconnected Callback It is called when element is removed to a document.
AttributeChangedCallback It is called when element is change, append, remove or replace.

9) What are events in polymer.js?

Event is something that happens at specific time and lead to some changes. polymer.js provides own methods to perform events like: on-click, on-tap, on-mouseover etc. we can also create our own custom events. It also provides listener objects that can be used to bind events to execute functions.

10) What is Data system in polymer.js?

In Data system, polymer.js allows us to observe changes on an element's properties by taking different actions. Data system actions include following properties: Observers: It invokes specified method whenever data changes. Computed properties: It computes the virtual properties which is based on other properties and recompute when the input data change. Data binding: By using of annotation we can update the properties, attributes or text content whenever data changes.

11) What is shadow DOM?

Shadow DOM is a new DOM (Document Object Modeling) features Which is used for Building component.

12) What is shadow DOM styling?

It is a process of styling shadow DOM by using style properties. It inherits properties from host to shadow tree. Let's see an example. Shadow DOM Style Example
my demo {background-color:grey;}  

</style>  

<my-element>  

#shadow-root  

<style>  

//this div will have blue background color  

div { background-color: orange; }  

</style>  

   <div class="mydemo">Demo</div>