3:I[39275,[],""]
5:I[61343,[],""]
6:I[23053,["7699","static/chunks/8e1d74a4-5fcc24cf3a9fd8c2.js","7240","static/chunks/53c13509-baa86b522e6ae78c.js","4740","static/chunks/4740-14bdf05e7ce04a11.js","9617","static/chunks/9617-544346a1cd0024b4.js","3185","static/chunks/app/layout-8c4bc5784f5090d9.js"],"StateProvider"]
7:I[19593,["7699","static/chunks/8e1d74a4-5fcc24cf3a9fd8c2.js","7240","static/chunks/53c13509-baa86b522e6ae78c.js","4740","static/chunks/4740-14bdf05e7ce04a11.js","9617","static/chunks/9617-544346a1cd0024b4.js","3185","static/chunks/app/layout-8c4bc5784f5090d9.js"],""]
8:I[18709,["7699","static/chunks/8e1d74a4-5fcc24cf3a9fd8c2.js","5706","static/chunks/9c4e2130-08078aeb5700c43b.js","5505","static/chunks/385cb88d-fd2f37c33b8aa92c.js","5452","static/chunks/5e22fd23-9bf9fa71e7554411.js","9956","static/chunks/ee560e2c-f551c028fd538293.js","4740","static/chunks/4740-14bdf05e7ce04a11.js","6648","static/chunks/6648-3bc9d66179346fb0.js","9160","static/chunks/app/not-found-5850ce7843ba4d5a.js"],"default"]
9:I[45723,["7699","static/chunks/8e1d74a4-5fcc24cf3a9fd8c2.js","7240","static/chunks/53c13509-baa86b522e6ae78c.js","4740","static/chunks/4740-14bdf05e7ce04a11.js","9617","static/chunks/9617-544346a1cd0024b4.js","3185","static/chunks/app/layout-8c4bc5784f5090d9.js"],"default"]
4:["all","jsf-tutorials","c"]
0:["79z6y6ppLce0GndJRjYzJ",[[["",{"children":[["all","jsf-tutorials","c"],{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":[["all","jsf-tutorials","c"],{"children":["__PAGE__",{},[["$L1","$L2"],null],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/402d889fee29bde2.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/0ff6cecb1d0e96f8.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/cb4e98a4c2dc4d80.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/a246b44e33111fd9.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/9d9d0f6a85930e46.css","precedence":"next","crossOrigin":"$undefined"}]]}],null]},[["$","html",null,{"lang":"en","children":["$","body",null,{"children":["$","$L6",null,{"children":[["$","$L7",null,{}],["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","$L8",null,{}],"notFoundStyles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/cb4e98a4c2dc4d80.css","precedence":"next","crossOrigin":"$undefined"}]],"styles":null}],["$","$L9",null,{}]]}]}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0cc2495744a38244.css","precedence":"next","crossOrigin":"$undefined"}]],"$La"]]]]
b:I[67379,["7699","static/chunks/8e1d74a4-5fcc24cf3a9fd8c2.js","5706","static/chunks/9c4e2130-08078aeb5700c43b.js","5505","static/chunks/385cb88d-fd2f37c33b8aa92c.js","5452","static/chunks/5e22fd23-9bf9fa71e7554411.js","9956","static/chunks/ee560e2c-f551c028fd538293.js","7240","static/chunks/53c13509-baa86b522e6ae78c.js","6051","static/chunks/795d4814-d7614a20709c27af.js","614","static/chunks/3d47b92a-f2bb54912083012c.js","9212","static/chunks/59650de3-13cfd2620b7240d2.js","522","static/chunks/94730671-a8ad9eca65504500.js","7675","static/chunks/b563f954-501d993050fd0717.js","1994","static/chunks/e34aaff9-cd556a7ee1a90c03.js","6990","static/chunks/13b76428-5a68792917164904.js","5957","static/chunks/30a37ab2-a5fc2d8864b3152b.js","6844","static/chunks/f25cdb8d-30c837856fb6d42d.js","7259","static/chunks/479ba886-8536ff4966e1aaf8.js","4740","static/chunks/4740-14bdf05e7ce04a11.js","6648","static/chunks/6648-3bc9d66179346fb0.js","4349","static/chunks/4349-c8f0646a83cc4179.js","4791","static/chunks/4791-6c93b9aca8a9f315.js","5225","static/chunks/5225-dc21c87d99338f19.js","9293","static/chunks/9293-d1b040d0324d0d5a.js","5919","static/chunks/5919-545104f05818203e.js","1413","static/chunks/1413-986ad1f4cd2d661e.js","2499","static/chunks/2499-61bd3b514e9c4cb8.js","4175","static/chunks/4175-fb05509a4e1790ec.js","5653","static/chunks/app/%5B...all%5D/page-f1bbbeae9a681a62.js"],"default"]
c:Tfef1,<p>&nbsp;</p>
<p dir="ltr"><span style="font-size: 12pt;">An MVC(model view controller) web framework which eases the construct of UI(User Interface) for server-based applications by utilizing reusable components of UI within a page. JSF allows connecting with the event handlers on the server-side and to the data sources of UI widgets. JSF gives an API(Application Programming Interface) and also presents a set of conventional UI components for building more components. JSF facilitates the extension of current conventional UI components and also permits reuse.</span></p>
<p dir="ltr"><span style="font-size: 12pt;">JSF gives the components like command button, input text and so on. JSF serves to maintain their states. JSF also facilitates data conversion, server-side validation, extensibility, describes page navigation, accessibility and internationalization.</span></p>
<p dir="ltr"><span style="font-size: 12pt;">Tag libraries of JSF utilized to connect the components with the server objects and also add the components upon the webpages, JSF has the tag handler which executes the component tag.</span></p>
<p dir="ltr"><span style="font-size: 12pt;">Simply JSF is just like AWT and Swing, JSF is also a development framework that gives a group of reusable and standard GUI components.</span></p>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">Advantages of using JSF</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">Using JSF decreases the energy of developers while designing and managing the applications, these applications operate on Java server also administer the application UI upon to the destination client.</span></p>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF Gives reusable UI components.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Data transfer among UI components becomes easy.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Custom components implementation is enabled.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF Wires the client-side request to the server-side.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF Clear separation of presentation and behaviour.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF Gives standard and multiple merchant implementations.&nbsp;</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF is a fine-tuned event model which lets applications to be&nbsp;</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF version history</span></h3>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<table style="border: none; border-collapse: collapse;"><colgroup><col width="94" /><col width="112" /><col width="395" /></colgroup>
<tbody>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;">&nbsp;</p>
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt;"><strong>Version</strong></span></p>
</td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Release Date</strong></span></p>
</td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Description</strong></span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 1.0</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">11-03-2004</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">This is an initial release.&nbsp;&nbsp;</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 1.1</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">27-05-2004</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">There are no specific changes in this release; it is just a bug-fix release.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 1.2</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">11-05-2006</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">It has several enhancements over core systems and APIs. Matches with Java ee 5. original selection within java ee.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 2.0</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">01-07-2009</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 2.0 is a huge release for ease of utilization, enhanced performance and functionality this version matches with JAVA ee6.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 2.1</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">22-11-2010</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">It implied a maintenance announcement 2 of JSF 2.0. simply a pretty lesser amount of stipulation modifications.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 2.2</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">21-05-2013</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">It has launched modern theories like page flow, stateless views and the capability to generate portable support arrangements.</span></p>
</td>
</tr>
</tbody>
</table>
</div>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF LifeCycle:</span></h3>
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #0e101a; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF contains SIX phases in the life cycle of JSF.&nbsp;</span></p>
<ol>
<li><span style="font-size: 12pt;"><strong>Restore view</strong> this is the initial phase of the JSF life cycle, JSF begins this restore view phase as soon as the button snap. In this phase, JSF builds validators ti UI components, JSF builds the view and wires the event handlers and stores the view within the FaceContext instance. This FaceContext instance will now have all the data that is needed to develop a request.</span></li>
<li><span style="font-size: 12pt;"><strong>Apply request value</strong> this is the second phase in the JSF lifecycle after the component restored every component within the component tree utilizes the decode method to extract its brand new value from the request parameters.</span></li>
<li><span style="font-size: 12pt;"><strong>Process Validation</strong> in the phase JSF will process all the registered validators of the component tree. It explores the component attribute protocols and also minimizes these protocols to the local value saved within the component<strong>.</strong></span></li>
<li><span style="font-size: 12pt;"><strong>Update model values</strong> after inspecting the data JSF moves to the moves to the component tree and to the components&rsquo; local values it fixes the identical server-side object properties. Then to the input component value attributes the JSF will update the bean properties.</span></li>
<li><span style="font-size: 12pt;"><strong>Invoke application</strong> in this phase JSF handhold any application-level activities such as submitting a form to another page and also linking to another page</span></li>
<li><span style="font-size: 12pt;"><strong>Render response</strong> this is the last phase of the JSF life cycle. In this phase, JSF asks the application server to interpret the page if the application is utilizing the JSP pages. These components depicted on the page will be combined with the component tree while JSP container executes that page. If that is not an introductory request, then the component tree will be present, so there is no need to add the components again.&nbsp;</span></li>
</ol>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF basic tags:</span></h3>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<table style="border: none; border-collapse: collapse;"><colgroup><col width="293" /><col width="307" /></colgroup>
<tbody>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;"><span style="font-size: 12pt;"><strong>Tag</strong></span></td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt;"><strong>Description</strong></span></p>
</td>
</tr>
<tr style="height: 25.5pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:InputText</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">HTML input_ type=&rdquo;text&rdquo;, textbox.</span></p>
</td>
</tr>
<tr style="height: 48pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> h:InputSecret</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">HTML input_type=&rdquo;password&rdquo;, textbox.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:InputTextarea</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt;"><span style="font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span><span style="font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">this is the field of HTML Textarea</span></span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:InputHidden</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">HTML input_type=&rdquo;hidden&rdquo;</span></p>
</td>
</tr>
<tr style="height: 46.5pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectBooleanCheckbox&nbsp;</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">a individual HTML check box will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">selectManyCheckbox</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">A set of HTML checkboxes will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectOneRadio</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">An individual radio button will be rendered&nbsp;</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectOneListbox</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">An individual Listbox will be rendered&nbsp;</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectManyListbox</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Various Listboxes will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectOneMenu</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">An individual combo box will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:outputText</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">A text of HTML will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:outputFormat</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">This accepts parameters and also a text of HTML will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:graphicImage</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">An image will be rendered by using this tag</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:outputStylesheet</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we will be including a CSS style sheet within the HTML output</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:outputScript</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">A script is added within the HTML output by using this tag</span></p>
</td>
</tr>
</tbody>
</table>
</div>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF Converter tags:</span></h3>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<table style="border: none; border-collapse: collapse; width: 451.27559055118115pt; table-layout: fixed;"><colgroup><col /><col /></colgroup>
<tbody>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Tag</strong></span></p>
</td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Description</strong></span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:convertnumber</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we can convert the string into the number of the required format</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:convertDateandTime</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we can convert the string into the desired date format</span></p>
</td>
</tr>
</tbody>
</table>
</div>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF validator tags:</span></h3>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<table style="border: none; border-collapse: collapse; width: 451.27559055118115pt; table-layout: fixed;"><colgroup><col /><col /></colgroup>
<tbody>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Tag </strong></span></p>
</td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Description</strong></span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:validateLength</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We can validate the length of the string by using this tag</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:validateLongRange</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we can validate the rage of a numeric value</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:validateDoubleRage&nbsp;</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we can validate the range of float value</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:validateRegex</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We can validate the regular expression of a JSF component</span></p>
</td>
</tr>
</tbody>
</table>
</div>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF MVC Design:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">MVC is abbreviated as Model View Controller design gives a set of scheme patterns that assists you to divide the areas of interest that are involved in constructing and executing GUI applications&nbsp;</span></p>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The model encapsulates(hides) the endurance code and enterprise logic for the application this design should be the same as the view technology.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The view must have the presentation logic and also showcases the model objects, and this view should neither show the enterprise logic nor any controller logic.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The controller is a mediator among the model and the view; the controller first communicates with the model and then passes this model objects to the view which displays them.&nbsp;</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">MVC Implementation:</span></h3>
<p dir="ltr" role="presentation"><span style="font-size: 12pt;">In JSF MVC implementation within backing, beans act as a mediator among the view and the model. Because of this, it is necessary to restrict the persistence logic and business logic within the backing beans. One similar option is to empower business logic to a facade that serves essentially as the model.&nbsp;&nbsp;</span></p>
<p dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF view implementation is not like JSF technology; JSF view implementation is a component model of statefulness. The JSF view constituted of two sections. They are the JSP pages and view root.</span></p>
<ol>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The JSP page fixes UI components over JSP pages and permits us to unite field components to qualities of backing beans.&nbsp;&nbsp;</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The view root is a combination of UI state and UI components that manage the UI state.&nbsp;</span></li>
</ol>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">Request processing Lifecycle of JSF:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">There are six phases in the request processing life cycle of JSF.</span></p>
<ol>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Restore component model: The controller checks the request and concretes the view ID which is detected by JSP page name if the view is not already present then the JSF controller build it, it the view is already present then the JSF controller utilizes it the view will have all the components.&nbsp;</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Apply request values: each component utilizes the apply request value phase to regain the components contemporary(current) state the values of components are regained from request parameters.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Process validation: in this phase, every component holds its values verified against the application validation protocols.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Update model: this phase, the server-side model values are updated; this can happen only by updating the backing beans properties.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Invoke Application: The controller of JSF invokes the application to manage Form resignations. The component values will be switched, validated, and implemented over the model objects. Therefore we can instantly utilize them to administer the business logic of the application.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Render response: this shows the view and all the components of view and their current state, and later execute the page furthermore transfer it back to the customer.</span></li>
</ol>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">Standard UI components of JSF:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">There are 12 JSF UI components.</span></p>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIInput</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UISelectBoolean</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIOutput</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UISelectMany</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UISelectItem</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UISelectOne</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UICommand</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIGraphic</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIPanel</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIData</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIColumn</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIForm</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">Characteristics of JSF:&nbsp;</span></h3>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF is a framework which depends on the components.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF combines with the language called expression language.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The JSF implements Facelet technology.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF upholds HTML5.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Internationalization is supported by JSF.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF makes web development easy.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">By using JSF, we can Rapidly develop web pages.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Bean Annotations</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Templating is the important feature of JSF</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Exception handling is the default in the JSF</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF has a better security</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">AJAX support is Inbuilt</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt;">Navigation Rules:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">Navigation rules are the protocols that are given by the JSF framework that defines which view should be displayed whenever a link or a button clicked. These protocols can be described within the configuration file of JSF, which is named as faces-config.xml. These can be described within the managed beans. Navigation rules will have the conditions which are based on the resulted view.</span></p>
<h3 dir="ltr"><span style="font-size: 12pt;">Internationalization:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">Internationalization is a technique within which currency, status messages, date and GUI component labels are not impended within the program rather they are saved outside the source code that is present within resource bundles, and they are retrieved dynamically.</span></p>
<p dir="ltr"><span style="font-size: 12pt;">There are three steps to internalize the JSF application.</span></p>
<ol>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Property files are defined.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Faces-config.xml is updated</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Resource-bundle var is utilized.&nbsp;&nbsp;&nbsp;</span></li>
</ol>
<h3 dir="ltr"><span style="font-size: 12pt;">Method and value Binding:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">Within JSF, we can obtain some values like a managed bean through value binding. As value binding, the universal(EL) Expression Language is practised to obtain bean or/and methods, Meanwhile, in JSF we do not require to define the set() or get() methods but simply the mane of a variable. Method binding can be utilized to wrap a JSF component, for example, a link over a method of the Java class.</span></p>
<p dir="ltr"><span style="font-size: 12pt; color: #e67e23;"><strong>Prerequisites to utilize JSF:</strong></span></p>
<p dir="ltr"><span style="font-size: 12pt;">To utilize JSF, we just need&nbsp;</span></p>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Implementation of JSF.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Tag libraries of the JSTL.&nbsp;</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The runtime environment of JAVA.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">And finally, a Web container in which we can use JSF.</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt;">Why JSF is not so popular:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">There are a lot of implementations of JSF like richfaces and primefaces which makes JSF difficult to the client to learn, comprehend and adapt to where the Spring MVC possesses hardly one implementation supported by a particular assortment of developers which eludes trouble.&nbsp;</span></p>
<p dir="ltr"><span style="font-size: 12pt;">Spring has prepared comprehensive combination including data management within ORM frameworks or standalone outside the case which is requiring in JSF implementation.</span></p>
<p>&nbsp;</p>
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt;">JSF is a component-based framework where a Spring is a client-server based framework. Therefore, it is simple to learn and correlates intimately to Struts2, MVC and few another comparable framework.</span></p>
<h3 style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0.5rem; font-family: quicksand, sans-serif; line-height: 1.2; color: #333333; font-size: 36px; background-color: #ffffff;"><span style="font-size: 14pt; color: #e67e23;">Index</span></h3>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="introduction-jsf/">Introduction to JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="developing-registration-application-jsf/">Developing Registration Application in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="difference-bet-n-jsf1-x-jsf-2-x/">DIFFERENCE BET N JSF1.X &amp;JSF 2.X</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="steps-design-jsf-1-2-application-eclipse-ide/">STEPS TO DESIGN JSF 1.2 APPLICATION IN ECLIPSE IDE</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="steps-design-first-application-jsf/">STEPS TO DESIGN FIRST APPLICATION in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="mvc-rules-regulation-jsf/">MVC Rules and Regulation in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="creation-working-first-servlet-jsf/">Creation and working with First Servlet in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="frameworks-jsf/">FrameWorks in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="enterprise-application-jsf/">Enterprise Application in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="steps-use-hyperlinks-jsf-pages/">Steps to use Hyperlinks in JSF pages</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="introduction-i18n-applications-jsf/">Introduction to I18N Applications in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="developing-i18n-applications-jsf/">Developing I18N Applications in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="steps-provide-i18n-support-jsf-application/">steps to provide I18N Support in JSF Application</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="validations-jsf/">VALIDATIONS in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="jsf2-validations-application/">JSF2 Validations Application</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="developing-jsf2-validations-application/">Developing JSF2 Validations Application</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="converters-jsf/">CONVERTERS IN JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="basic-gui-components-jsf/">Basic GUI Components in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="layouts-jsf-tiles/">Layouts in JSF- Tiles</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="event-handler-event-handling-jsf/">Event Handler Event handling in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="jsf-elements/">JSF Elements</a></li>
</ul>e:Tfef1,<p>&nbsp;</p>
<p dir="ltr"><span style="font-size: 12pt;">An MVC(model view controller) web framework which eases the construct of UI(User Interface) for server-based applications by utilizing reusable components of UI within a page. JSF allows connecting with the event handlers on the server-side and to the data sources of UI widgets. JSF gives an API(Application Programming Interface) and also presents a set of conventional UI components for building more components. JSF facilitates the extension of current conventional UI components and also permits reuse.</span></p>
<p dir="ltr"><span style="font-size: 12pt;">JSF gives the components like command button, input text and so on. JSF serves to maintain their states. JSF also facilitates data conversion, server-side validation, extensibility, describes page navigation, accessibility and internationalization.</span></p>
<p dir="ltr"><span style="font-size: 12pt;">Tag libraries of JSF utilized to connect the components with the server objects and also add the components upon the webpages, JSF has the tag handler which executes the component tag.</span></p>
<p dir="ltr"><span style="font-size: 12pt;">Simply JSF is just like AWT and Swing, JSF is also a development framework that gives a group of reusable and standard GUI components.</span></p>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">Advantages of using JSF</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">Using JSF decreases the energy of developers while designing and managing the applications, these applications operate on Java server also administer the application UI upon to the destination client.</span></p>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF Gives reusable UI components.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Data transfer among UI components becomes easy.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Custom components implementation is enabled.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF Wires the client-side request to the server-side.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF Clear separation of presentation and behaviour.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF Gives standard and multiple merchant implementations.&nbsp;</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF is a fine-tuned event model which lets applications to be&nbsp;</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF version history</span></h3>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<table style="border: none; border-collapse: collapse;"><colgroup><col width="94" /><col width="112" /><col width="395" /></colgroup>
<tbody>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;">&nbsp;</p>
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt;"><strong>Version</strong></span></p>
</td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Release Date</strong></span></p>
</td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Description</strong></span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 1.0</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">11-03-2004</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">This is an initial release.&nbsp;&nbsp;</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 1.1</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">27-05-2004</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">There are no specific changes in this release; it is just a bug-fix release.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 1.2</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">11-05-2006</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">It has several enhancements over core systems and APIs. Matches with Java ee 5. original selection within java ee.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 2.0</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">01-07-2009</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 2.0 is a huge release for ease of utilization, enhanced performance and functionality this version matches with JAVA ee6.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 2.1</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">22-11-2010</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">It implied a maintenance announcement 2 of JSF 2.0. simply a pretty lesser amount of stipulation modifications.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF 2.2</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">21-05-2013</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">It has launched modern theories like page flow, stateless views and the capability to generate portable support arrangements.</span></p>
</td>
</tr>
</tbody>
</table>
</div>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF LifeCycle:</span></h3>
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #0e101a; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">JSF contains SIX phases in the life cycle of JSF.&nbsp;</span></p>
<ol>
<li><span style="font-size: 12pt;"><strong>Restore view</strong> this is the initial phase of the JSF life cycle, JSF begins this restore view phase as soon as the button snap. In this phase, JSF builds validators ti UI components, JSF builds the view and wires the event handlers and stores the view within the FaceContext instance. This FaceContext instance will now have all the data that is needed to develop a request.</span></li>
<li><span style="font-size: 12pt;"><strong>Apply request value</strong> this is the second phase in the JSF lifecycle after the component restored every component within the component tree utilizes the decode method to extract its brand new value from the request parameters.</span></li>
<li><span style="font-size: 12pt;"><strong>Process Validation</strong> in the phase JSF will process all the registered validators of the component tree. It explores the component attribute protocols and also minimizes these protocols to the local value saved within the component<strong>.</strong></span></li>
<li><span style="font-size: 12pt;"><strong>Update model values</strong> after inspecting the data JSF moves to the moves to the component tree and to the components&rsquo; local values it fixes the identical server-side object properties. Then to the input component value attributes the JSF will update the bean properties.</span></li>
<li><span style="font-size: 12pt;"><strong>Invoke application</strong> in this phase JSF handhold any application-level activities such as submitting a form to another page and also linking to another page</span></li>
<li><span style="font-size: 12pt;"><strong>Render response</strong> this is the last phase of the JSF life cycle. In this phase, JSF asks the application server to interpret the page if the application is utilizing the JSP pages. These components depicted on the page will be combined with the component tree while JSP container executes that page. If that is not an introductory request, then the component tree will be present, so there is no need to add the components again.&nbsp;</span></li>
</ol>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF basic tags:</span></h3>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<table style="border: none; border-collapse: collapse;"><colgroup><col width="293" /><col width="307" /></colgroup>
<tbody>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;"><span style="font-size: 12pt;"><strong>Tag</strong></span></td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt;"><strong>Description</strong></span></p>
</td>
</tr>
<tr style="height: 25.5pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:InputText</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">HTML input_ type=&rdquo;text&rdquo;, textbox.</span></p>
</td>
</tr>
<tr style="height: 48pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> h:InputSecret</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">HTML input_type=&rdquo;password&rdquo;, textbox.</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:InputTextarea</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt;"><span style="font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span><span style="font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">this is the field of HTML Textarea</span></span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:InputHidden</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">HTML input_type=&rdquo;hidden&rdquo;</span></p>
</td>
</tr>
<tr style="height: 46.5pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectBooleanCheckbox&nbsp;</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">a individual HTML check box will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">selectManyCheckbox</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">A set of HTML checkboxes will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectOneRadio</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">An individual radio button will be rendered&nbsp;</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectOneListbox</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">An individual Listbox will be rendered&nbsp;</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectManyListbox</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Various Listboxes will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:selectOneMenu</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">An individual combo box will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:outputText</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">A text of HTML will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:outputFormat</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">This accepts parameters and also a text of HTML will be rendered</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:graphicImage</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">An image will be rendered by using this tag</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:outputStylesheet</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we will be including a CSS style sheet within the HTML output</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">h:outputScript</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">A script is added within the HTML output by using this tag</span></p>
</td>
</tr>
</tbody>
</table>
</div>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF Converter tags:</span></h3>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<table style="border: none; border-collapse: collapse; width: 451.27559055118115pt; table-layout: fixed;"><colgroup><col /><col /></colgroup>
<tbody>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Tag</strong></span></p>
</td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Description</strong></span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:convertnumber</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we can convert the string into the number of the required format</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:convertDateandTime</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we can convert the string into the desired date format</span></p>
</td>
</tr>
</tbody>
</table>
</div>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF validator tags:</span></h3>
<div dir="ltr" style="margin-left: 0pt;" align="left">
<table style="border: none; border-collapse: collapse; width: 451.27559055118115pt; table-layout: fixed;"><colgroup><col /><col /></colgroup>
<tbody>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Tag </strong></span></p>
</td>
<td style="vertical-align: top; padding: 5pt; overflow: hidden; overflow-wrap: break-word; text-align: center; border: 1pt solid #000000;">
<p dir="ltr"><span style="font-size: 12pt;"><strong>Description</strong></span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:validateLength</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We can validate the length of the string by using this tag</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:validateLongRange</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we can validate the rage of a numeric value</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:validateDoubleRage&nbsp;</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">By using this tag we can validate the range of float value</span></p>
</td>
</tr>
<tr style="height: 0pt;">
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">f:validateRegex</span></p>
</td>
<td style="vertical-align: top; padding: 5pt 5pt 5pt 5pt; overflow: hidden; overflow-wrap: break-word; border: solid #000000 1pt;">
<p dir="ltr" style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt; font-family: Times, serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">We can validate the regular expression of a JSF component</span></p>
</td>
</tr>
</tbody>
</table>
</div>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">JSF MVC Design:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">MVC is abbreviated as Model View Controller design gives a set of scheme patterns that assists you to divide the areas of interest that are involved in constructing and executing GUI applications&nbsp;</span></p>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The model encapsulates(hides) the endurance code and enterprise logic for the application this design should be the same as the view technology.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The view must have the presentation logic and also showcases the model objects, and this view should neither show the enterprise logic nor any controller logic.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The controller is a mediator among the model and the view; the controller first communicates with the model and then passes this model objects to the view which displays them.&nbsp;</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">MVC Implementation:</span></h3>
<p dir="ltr" role="presentation"><span style="font-size: 12pt;">In JSF MVC implementation within backing, beans act as a mediator among the view and the model. Because of this, it is necessary to restrict the persistence logic and business logic within the backing beans. One similar option is to empower business logic to a facade that serves essentially as the model.&nbsp;&nbsp;</span></p>
<p dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF view implementation is not like JSF technology; JSF view implementation is a component model of statefulness. The JSF view constituted of two sections. They are the JSP pages and view root.</span></p>
<ol>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The JSP page fixes UI components over JSP pages and permits us to unite field components to qualities of backing beans.&nbsp;&nbsp;</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The view root is a combination of UI state and UI components that manage the UI state.&nbsp;</span></li>
</ol>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">Request processing Lifecycle of JSF:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">There are six phases in the request processing life cycle of JSF.</span></p>
<ol>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Restore component model: The controller checks the request and concretes the view ID which is detected by JSP page name if the view is not already present then the JSF controller build it, it the view is already present then the JSF controller utilizes it the view will have all the components.&nbsp;</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Apply request values: each component utilizes the apply request value phase to regain the components contemporary(current) state the values of components are regained from request parameters.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Process validation: in this phase, every component holds its values verified against the application validation protocols.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Update model: this phase, the server-side model values are updated; this can happen only by updating the backing beans properties.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Invoke Application: The controller of JSF invokes the application to manage Form resignations. The component values will be switched, validated, and implemented over the model objects. Therefore we can instantly utilize them to administer the business logic of the application.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Render response: this shows the view and all the components of view and their current state, and later execute the page furthermore transfer it back to the customer.</span></li>
</ol>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">Standard UI components of JSF:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">There are 12 JSF UI components.</span></p>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIInput</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UISelectBoolean</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIOutput</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UISelectMany</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UISelectItem</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UISelectOne</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UICommand</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIGraphic</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIPanel</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIData</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIColumn</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">UIForm</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt; color: #e67e23;">Characteristics of JSF:&nbsp;</span></h3>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF is a framework which depends on the components.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF combines with the language called expression language.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The JSF implements Facelet technology.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF upholds HTML5.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Internationalization is supported by JSF.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF makes web development easy.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">By using JSF, we can Rapidly develop web pages.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Bean Annotations</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Templating is the important feature of JSF</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Exception handling is the default in the JSF</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">JSF has a better security</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">AJAX support is Inbuilt</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt;">Navigation Rules:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">Navigation rules are the protocols that are given by the JSF framework that defines which view should be displayed whenever a link or a button clicked. These protocols can be described within the configuration file of JSF, which is named as faces-config.xml. These can be described within the managed beans. Navigation rules will have the conditions which are based on the resulted view.</span></p>
<h3 dir="ltr"><span style="font-size: 12pt;">Internationalization:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">Internationalization is a technique within which currency, status messages, date and GUI component labels are not impended within the program rather they are saved outside the source code that is present within resource bundles, and they are retrieved dynamically.</span></p>
<p dir="ltr"><span style="font-size: 12pt;">There are three steps to internalize the JSF application.</span></p>
<ol>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Property files are defined.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Faces-config.xml is updated</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Resource-bundle var is utilized.&nbsp;&nbsp;&nbsp;</span></li>
</ol>
<h3 dir="ltr"><span style="font-size: 12pt;">Method and value Binding:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">Within JSF, we can obtain some values like a managed bean through value binding. As value binding, the universal(EL) Expression Language is practised to obtain bean or/and methods, Meanwhile, in JSF we do not require to define the set() or get() methods but simply the mane of a variable. Method binding can be utilized to wrap a JSF component, for example, a link over a method of the Java class.</span></p>
<p dir="ltr"><span style="font-size: 12pt; color: #e67e23;"><strong>Prerequisites to utilize JSF:</strong></span></p>
<p dir="ltr"><span style="font-size: 12pt;">To utilize JSF, we just need&nbsp;</span></p>
<ul>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Implementation of JSF.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">Tag libraries of the JSTL.&nbsp;</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">The runtime environment of JAVA.</span></li>
<li dir="ltr" role="presentation"><span style="font-size: 12pt;">And finally, a Web container in which we can use JSF.</span></li>
</ul>
<h3 dir="ltr"><span style="font-size: 12pt;">Why JSF is not so popular:</span></h3>
<p dir="ltr"><span style="font-size: 12pt;">There are a lot of implementations of JSF like richfaces and primefaces which makes JSF difficult to the client to learn, comprehend and adapt to where the Spring MVC possesses hardly one implementation supported by a particular assortment of developers which eludes trouble.&nbsp;</span></p>
<p dir="ltr"><span style="font-size: 12pt;">Spring has prepared comprehensive combination including data management within ORM frameworks or standalone outside the case which is requiring in JSF implementation.</span></p>
<p>&nbsp;</p>
<p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 12pt;">JSF is a component-based framework where a Spring is a client-server based framework. Therefore, it is simple to learn and correlates intimately to Struts2, MVC and few another comparable framework.</span></p>
<h3 style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0.5rem; font-family: quicksand, sans-serif; line-height: 1.2; color: #333333; font-size: 36px; background-color: #ffffff;"><span style="font-size: 14pt; color: #e67e23;">Index</span></h3>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="introduction-jsf/">Introduction to JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="developing-registration-application-jsf/">Developing Registration Application in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="difference-bet-n-jsf1-x-jsf-2-x/">DIFFERENCE BET N JSF1.X &amp;JSF 2.X</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="steps-design-jsf-1-2-application-eclipse-ide/">STEPS TO DESIGN JSF 1.2 APPLICATION IN ECLIPSE IDE</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="steps-design-first-application-jsf/">STEPS TO DESIGN FIRST APPLICATION in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="mvc-rules-regulation-jsf/">MVC Rules and Regulation in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="creation-working-first-servlet-jsf/">Creation and working with First Servlet in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="frameworks-jsf/">FrameWorks in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="enterprise-application-jsf/">Enterprise Application in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="steps-use-hyperlinks-jsf-pages/">Steps to use Hyperlinks in JSF pages</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="introduction-i18n-applications-jsf/">Introduction to I18N Applications in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="developing-i18n-applications-jsf/">Developing I18N Applications in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="steps-provide-i18n-support-jsf-application/">steps to provide I18N Support in JSF Application</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="validations-jsf/">VALIDATIONS in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="jsf2-validations-application/">JSF2 Validations Application</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="developing-jsf2-validations-application/">Developing JSF2 Validations Application</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="converters-jsf/">CONVERTERS IN JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="basic-gui-components-jsf/">Basic GUI Components in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="layouts-jsf-tiles/">Layouts in JSF- Tiles</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="event-handler-event-handling-jsf/">Event Handler Event handling in JSF</a></li>
</ul>
</ul>
<ul style="box-sizing: border-box; margin: 0px; list-style: outside none none; padding: 0px; color: #333333; font-family: quicksand, sans-serif; font-size: 14px; background-color: #ffffff;">
<li style="box-sizing: border-box; list-style: disc; margin: 5px 0px 5px 25px; line-height: 25px;"><a style="box-sizing: border-box; color: #007bff; text-decoration-line: none; background-color: transparent; transition: all 0.2s linear 0s;" href="jsf-elements/">JSF Elements</a></li>
</ul>f:{"id":1,"author_designation":"Content Writer","author_name":"TekSlate","author_bio":"<p>TekSlate is the best online training provider in delivering world-class IT skills to individuals and corporates from all parts of the globe. We are proven experts in accumulating every need of an IT skills upgrade aspirant and have delivered excellent services. We aim to bring you all the essentials to learn and master new technologies in the market with our articles, blogs, and videos. Build your career success with us, enhancing most in-demand skills in the market.</p>","author_img":"https://tekslateassets.s3.amazonaws.com/images/logo.svg","author_url":"tekslate","article_count":"0","field_of_intrest":"","status":1}
11:{"id":41,"views":3251,"rating":4.4,"title":"JSF Tutorial","url_title":"jsf-tutorials"}
12:{"id":93,"views":1088,"rating":4.3,"title":"Advanced Java Tutorial","url_title":"advanced-java-tutorials"}
13:{"id":103,"views":443,"rating":4,"title":"Core Java Tutorial","url_title":"core-java-tutorials"}
14:{"id":150,"views":0,"rating":4,"title":"JAVA Tutorials","url_title":"java-tutorials"}
15:{"id":174,"views":653,"rating":4.4,"title":"Data Structures Interview Questions","url_title":"data-structures-interview-questions-answers"}
16:{"id":181,"views":615,"rating":4,"title":"JSF Interview Questions & Answers","url_title":"jsf-interview-questions-answers"}
17:{"id":192,"views":0,"rating":4,"title":"Advanced Java Interview Questions & Answers","url_title":"advanced-java-interview-questions-answers"}
18:{"id":277,"views":5897,"rating":4.7,"title":"Advanced Java Interview Questions","url_title":"advanced-java-interview-questions"}
19:{"id":318,"views":542,"rating":4,"title":"Core Java Interview Questions","url_title":"core-java-interview-questions"}
1a:{"id":477,"views":946,"rating":4,"title":"JSF Interview Questions And Answers","url_title":"jsf-interview-questions-and-answers"}
1b:{"id":492,"views":798,"rating":4,"title":"Data Structures Interview Questions","url_title":"interview-questions-on-data-structures"}
1c:{"id":1181,"views":549,"rating":4,"title":"History of MVC Architecture","url_title":"history-mvc-architecture"}
1d:{"id":1248,"views":1324,"rating":4.1,"title":"Linear Queues in Data Structures","url_title":"linear-queues-in-data-structures"}
1e:{"id":1249,"views":948,"rating":4,"title":"Circular Queue in Data Structures","url_title":"circular-queue-in-data-structures"}
1f:{"id":1250,"views":710,"rating":4.2,"title":"Postfix expression in Data Structures","url_title":"postfix-expression-in-data-structures"}
20:{"id":1251,"views":607,"rating":4,"title":"Linear search in Data Structures","url_title":"linear-search-in-data-structures"}
21:{"id":1254,"views":1079,"rating":4,"title":"Selection sort in Data Structures","url_title":"selection-sort-in-data-structures"}
22:{"id":1255,"views":963,"rating":4,"title":"Insertion sort in Data Structures","url_title":"insertion-sort-in-data-structures"}
23:{"id":1256,"views":488,"rating":4,"title":"Quick sort in Data Structures","url_title":"quick-sort-in-data-structures"}
24:{"id":1257,"views":441,"rating":4,"title":"Heap Sort in Data Structures","url_title":"heap-sort-in-data-structures"}
25:{"id":1258,"views":640,"rating":4,"title":"Linked List in Data Structures","url_title":"linked-list-in-data-structures"}
26:{"id":1259,"views":787,"rating":4,"title":"Circular linked list in Data Structures","url_title":"circular-linked-list-in-data-structures"}
27:{"id":1260,"views":927,"rating":4,"title":"Doubly Linked List in Data Structures","url_title":"doubly-linked-list-in-data-structures"}
28:{"id":1261,"views":0,"rating":4,"title":"Stack using Linked List in Data Structures","url_title":"stack-using-linked-list-in-data-structures"}
29:{"id":1262,"views":1064,"rating":4,"title":"Queues using Linked list in Data Structures","url_title":"queues-using-linked-list-data-structures"}
2a:{"id":1263,"views":0,"rating":4,"title":"TREES in Data Structures","url_title":"trees-in-data-structures"}
2b:{"id":1264,"views":1077,"rating":4,"title":"Binary Trees in Data Structures","url_title":"binary-trees-in-data-structures"}
2c:{"id":1265,"views":287,"rating":4,"title":"Binary search tree in Data Structures","url_title":"binary-search-tree-in-data-structures"}
2d:{"id":1266,"views":1074,"rating":4,"title":"AVL Trees in Data Structures","url_title":"avl-trees-in-data-structures"}
2e:{"id":1267,"views":452,"rating":4,"title":"B Trees in Data Structures","url_title":"b-trees-in-data-structures"}
2f:{"id":1268,"views":916,"rating":4,"title":"Graphs in Data Structures","url_title":"graphs-in-data-structures"}
30:{"id":1723,"views":979,"rating":4,"title":"Introduction to JSF","url_title":"introduction-jsf"}
31:{"id":1724,"views":122,"rating":4,"title":"MVC Rules and Regulation in JSF","url_title":"mvc-rules-regulation-jsf"}
32:{"id":1725,"views":544,"rating":4,"title":"Enterprise Application in JSF","url_title":"enterprise-application-jsf"}
33:{"id":1726,"views":276,"rating":4,"title":"FrameWorks in JSF","url_title":"frameworks-jsf"}
34:{"id":1727,"views":638,"rating":4,"title":"JSF Elements","url_title":"jsf-elements"}
35:{"id":1728,"views":282,"rating":4,"title":"Creation and working with First Servlet in JSF","url_title":"creation-working-first-servlet-jsf"}
36:{"id":1729,"views":387,"rating":4,"title":"STEPS TO DESIGN FIRST APPLICATION in JSF","url_title":"steps-design-first-application-jsf"}
37:{"id":1730,"views":991,"rating":4,"title":"Developing Registration Application in JSF","url_title":"developing-registration-application-jsf"}
38:{"id":1731,"views":722,"rating":4,"title":"STEPS TO DESIGN JSF 1.2 APPLICATION IN ECLIPSE IDE","url_title":"steps-design-jsf-1-2-application-eclipse-ide"}
39:{"id":1732,"views":539,"rating":4,"title":"DIFFERENCE BET N JSF1.X &JSF 2.X","url_title":"difference-bet-n-jsf1-x-jsf-2-x"}
3a:{"id":1733,"views":430,"rating":4,"title":"Steps to use Hyperlinks in JSF pages","url_title":"steps-use-hyperlinks-jsf-pages"}
3b:{"id":1734,"views":435,"rating":4,"title":"Introduction to I18N Applications in JSF","url_title":"introduction-i18n-applications-jsf"}
3c:{"id":1735,"views":782,"rating":4.2,"title":"Developing I18N Applications in JSF","url_title":"developing-i18n-applications-jsf"}
3d:{"id":1736,"views":526,"rating":4,"title":"steps to provide I18N Support in JSF Application","url_title":"steps-provide-i18n-support-jsf-application"}
3e:{"id":1737,"views":187,"rating":4,"title":"VALIDATIONS in JSF","url_title":"validations-jsf"}
3f:{"id":1739,"views":570,"rating":4,"title":"JSF2 Validations Application","url_title":"jsf2-validations-application"}
40:{"id":1740,"views":1021,"rating":4,"title":"Developing JSF2 Validations Application","url_title":"developing-jsf2-validations-application"}
41:{"id":1741,"views":327,"rating":4,"title":"CONVERTERS IN JSF","url_title":"converters-jsf"}
42:{"id":1742,"views":450,"rating":4,"title":"Basic GUI Components in JSF","url_title":"basic-gui-components-jsf"}
43:{"id":1743,"views":0,"rating":4,"title":"Event Handler Event handling in JSF","url_title":"event-handler-event-handling-jsf"}
44:{"id":1744,"views":454,"rating":4,"title":"Layouts in JSF- Tiles","url_title":"layouts-jsf-tiles"}
45:{"id":1960,"views":0,"rating":4,"title":"Java Virtual Machine","url_title":"java-virtual-machine-java"}
46:{"id":1961,"views":0,"rating":4,"title":"Interface in Java","url_title":"java-interface-in-java"}
47:{"id":1962,"views":0,"rating":4,"title":"Exception Handling in java","url_title":"exception-handling-in-java"}
48:{"id":1963,"views":0,"rating":4,"title":"Multithreading in java","url_title":"java-multithreading-in-java"}
49:{"id":1967,"views":0,"rating":4,"title":"Polymorphism in Java","url_title":"polymorphism-in-java"}
4a:{"id":1968,"views":0,"rating":4,"title":"Inheritance in Java","url_title":"java-inheritance-in-java"}
4b:{"id":1969,"views":0,"rating":4,"title":"Constructors in Java","url_title":"java-constructors-in-java"}
4c:{"id":1970,"views":0,"rating":4,"title":"Java Annotations","url_title":"java-annotations-in-java"}
4d:{"id":1971,"views":0,"rating":4,"title":"Encapsulation in java","url_title":"java-encapsulation-in-java"}
4e:{"id":1972,"views":0,"rating":4,"title":"Packages in java","url_title":"packages-in-java"}
4f:{"id":1973,"views":0,"rating":4,"title":"Java Regular Expressions","url_title":"java-regular-expressions-in-java"}
50:{"id":1974,"views":0,"rating":4,"title":"Arraylist in Java","url_title":"java-arraylist-in-java"}
51:{"id":2008,"views":1006,"rating":4,"title":"Advanced Java Resume","url_title":"advanced-java-resume"}
52:{"id":2047,"views":579,"rating":4,"title":"Core Java Resume","url_title":"core-java-resume"}
53:{"id":2125,"views":1456,"rating":4.2,"title":"Java Stream Tutorial","url_title":"java-stream-tutorial"}
54:{"id":2126,"views":541,"rating":4.3,"title":"Java Swing Tutorial","url_title":"java-swing-tutorial"}
10:["$11","$12","$13","$14","$15","$16","$17","$18","$19","$1a","$1b","$1c","$1d","$1e","$1f","$20","$21","$22","$23","$24","$25","$26","$27","$28","$29","$2a","$2b","$2c","$2d","$2e","$2f","$30","$31","$32","$33","$34","$35","$36","$37","$38","$39","$3a","$3b","$3c","$3d","$3e","$3f","$40","$41","$42","$43","$44","$45","$46","$47","$48","$49","$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54"]
56:{"id":4,"blog_id":416,"blog_title":"Embedded Systems Interview Questions","blog_url_title":"interview-questions-on-embedded-systems","order_value":5,"views":1547}
57:{"id":5,"blog_id":1237,"blog_title":"Types of Pointers in C","blog_url_title":"explain-different-types-pointers-c-language","order_value":6,"views":14352}
58:{"id":6,"blog_id":391,"blog_title":"Oracle Procure To Pay Interview Questions","blog_url_title":"interview-questions-on-oracle-procure-to-pay","order_value":1,"views":4352}
59:{"id":7,"blog_id":1216,"blog_title":"Characteristics of C Language","blog_url_title":"characteristics-of-c-language","order_value":2,"views":10834}
5a:{"id":8,"blog_id":939,"blog_title":"Salesforce Sample Triggers with different Scenarios","blog_url_title":"15-sample-triggers-different-scenarios","order_value":3,"views":11712}
5b:{"id":9,"blog_id":344,"blog_title":"Oracle Financials Interview Questions","blog_url_title":"oracle-financials-interview-questions-and-answers","order_value":4,"views":9437}
5c:{"id":10,"blog_id":441,"blog_title":"Service Desk Analyst Interview Questions","blog_url_title":"interview-questions-on-service-desk-analyst","order_value":7,"views":5421}
5d:{"id":11,"blog_id":381,"blog_title":"SAP OOPS ABAP Interview Questions","blog_url_title":"interview-questions-on-sap-oops-abap","order_value":8,"views":5421}
5e:{"id":12,"blog_id":380,"blog_title":"SAP Adobe Forms Interview Questions","blog_url_title":"interview-questions-on-sap-adobe-forms","order_value":9,"views":1875}
5f:{"id":13,"blog_id":2079,"blog_title":"Power Apps Interview Questions","blog_url_title":"powerapps-interview-questions","order_value":10,"views":7541}
55:["$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f"]
61:{"id":2,"course":"Core Java Training","rating":"4.8","enrolled":"5703","url_title":"core-java-training"}
62:{"id":10,"course":"Python Training","rating":"4.9","enrolled":"4549","url_title":"python-training"}
63:{"id":44,"course":"Node JS Training","rating":"4.8","enrolled":"2852","url_title":"node-js-training"}
64:{"id":65,"course":"LabVIEW Training","rating":"4.8","enrolled":"96","url_title":"labview-training"}
65:{"id":70,"course":"Mean Stack Training","rating":"4.5","enrolled":"2491","url_title":"mean-stack-training"}
66:{"id":72,"course":"Microservices Training","rating":"4.5","enrolled":"2543 ","url_title":"microservices-training"}
67:{"id":78,"course":"Ruby on Rails Training","rating":"4.8","enrolled":"1254","url_title":"ruby-rails-training"}
68:{"id":98,"course":"Oracle Apex Training","rating":"4.7","enrolled":"945","url_title":"oracle-apex-training"}
69:{"id":99,"course":"Oracle OAF Training","rating":"4.9","enrolled":"4322","url_title":"oracle-oaf-training"}
6a:{"id":160,"course":"Java Spring Training","rating":"4.7","enrolled":"1943","url_title":"java-spring-training"}
6b:{"id":187,"course":"ReactJS Training","rating":"4.4","enrolled":"138","url_title":"reactjs-training"}
6c:{"id":229,"course":"Advanced Java Training","rating":"4.5","enrolled":"120","url_title":"advanced-java-training"}
6d:{"id":231,"course":".Net Training","rating":"4.1","enrolled":"120","url_title":"net-training"}
6e:{"id":236,"course":"Android Development Training","rating":"4.7","enrolled":"1562","url_title":"android-development-training"}
6f:{"id":245,"course":"JavaScript Training","rating":"4.8","enrolled":"5789","url_title":"javascript-training"}
60:["$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f"]
70:{"id":580,"name":"JSF Tutorial","slug":"jsf-tutorials","type":"articles","status":1}
d:{"id":41,"blog_category":174,"blog_type":1,"wp_id":1,"excerpt":"","table_of_content":"","description":"$e","title":"JSF Tutorial","url_title":"jsf-tutorials","image_url":"","meta_title":"JSF Tutorial | Java Server Faces Tutorial | JSF Basics","meta_desc":"JSF Tutorial teach you how to write ?custom JSF 2.2 themes ?custom factories ?handlers ?renderers ?components ?Enhance your applications with JSF.","views":3251,"rating":4.4,"author":"1","top_level_cat_id":"4","author_desc":"","course_id":"2","created_at":"2015-01-01T08:55:52.000Z","updated_at":"2020-05-26T00:00:00.000Z","status":1,"video_schema_name":"","video_schema_upload_date":"","video_schema_description":"","faq_schema_q1":"","faq_schema_a1":"","faq_schema_q2":"","faq_schema_a2":"","faq_schema_q3":"","faq_schema_a3":"","like_counter":0,"author_details":"$f","related_blogs":"$10","recommended_articles":"$55","recommended_programs":"$60","category_name":"Core Java","category_url":"core-java","type_d":"$70"}
2:["$","$Lb",null,{"rohit":{"trending":{"id":41,"blog_category":174,"blog_type":1,"wp_id":1,"excerpt":"","table_of_content":"","description":"$c","title":"JSF Tutorial","url_title":"jsf-tutorials","image_url":"","meta_title":"JSF Tutorial | Java Server Faces Tutorial | JSF Basics","meta_desc":"JSF Tutorial teach you how to write ?custom JSF 2.2 themes ?custom factories ?handlers ?renderers ?components ?Enhance your applications with JSF.","views":3251,"rating":4.4,"author":"1","top_level_cat_id":"4","author_desc":"","course_id":"2","created_at":"2015-01-01T08:55:52.000Z","updated_at":"2020-05-26T00:00:00.000Z","status":1,"video_schema_name":"","video_schema_upload_date":"","video_schema_description":"","faq_schema_q1":"","faq_schema_a1":"","faq_schema_q2":"","faq_schema_a2":"","faq_schema_q3":"","faq_schema_a3":"","like_counter":0,"author_details":{"id":1,"author_designation":"Content Writer","author_name":"TekSlate","author_bio":"<p>TekSlate is the best online training provider in delivering world-class IT skills to individuals and corporates from all parts of the globe. We are proven experts in accumulating every need of an IT skills upgrade aspirant and have delivered excellent services. We aim to bring you all the essentials to learn and master new technologies in the market with our articles, blogs, and videos. Build your career success with us, enhancing most in-demand skills in the market.</p>","author_img":"https://tekslateassets.s3.amazonaws.com/images/logo.svg","author_url":"tekslate","article_count":"0","field_of_intrest":"","status":1},"related_blogs":[{"id":41,"views":3251,"rating":4.4,"title":"JSF Tutorial","url_title":"jsf-tutorials"},{"id":93,"views":1088,"rating":4.3,"title":"Advanced Java Tutorial","url_title":"advanced-java-tutorials"},{"id":103,"views":443,"rating":4,"title":"Core Java Tutorial","url_title":"core-java-tutorials"},{"id":150,"views":0,"rating":4,"title":"JAVA Tutorials","url_title":"java-tutorials"},{"id":174,"views":653,"rating":4.4,"title":"Data Structures Interview Questions","url_title":"data-structures-interview-questions-answers"},{"id":181,"views":615,"rating":4,"title":"JSF Interview Questions & Answers","url_title":"jsf-interview-questions-answers"},{"id":192,"views":0,"rating":4,"title":"Advanced Java Interview Questions & Answers","url_title":"advanced-java-interview-questions-answers"},{"id":277,"views":5897,"rating":4.7,"title":"Advanced Java Interview Questions","url_title":"advanced-java-interview-questions"},{"id":318,"views":542,"rating":4,"title":"Core Java Interview Questions","url_title":"core-java-interview-questions"},{"id":477,"views":946,"rating":4,"title":"JSF Interview Questions And Answers","url_title":"jsf-interview-questions-and-answers"},{"id":492,"views":798,"rating":4,"title":"Data Structures Interview Questions","url_title":"interview-questions-on-data-structures"},{"id":1181,"views":549,"rating":4,"title":"History of MVC Architecture","url_title":"history-mvc-architecture"},{"id":1248,"views":1324,"rating":4.1,"title":"Linear Queues in Data Structures","url_title":"linear-queues-in-data-structures"},{"id":1249,"views":948,"rating":4,"title":"Circular Queue in Data Structures","url_title":"circular-queue-in-data-structures"},{"id":1250,"views":710,"rating":4.2,"title":"Postfix expression in Data Structures","url_title":"postfix-expression-in-data-structures"},{"id":1251,"views":607,"rating":4,"title":"Linear search in Data Structures","url_title":"linear-search-in-data-structures"},{"id":1254,"views":1079,"rating":4,"title":"Selection sort in Data Structures","url_title":"selection-sort-in-data-structures"},{"id":1255,"views":963,"rating":4,"title":"Insertion sort in Data Structures","url_title":"insertion-sort-in-data-structures"},{"id":1256,"views":488,"rating":4,"title":"Quick sort in Data Structures","url_title":"quick-sort-in-data-structures"},{"id":1257,"views":441,"rating":4,"title":"Heap Sort in Data Structures","url_title":"heap-sort-in-data-structures"},{"id":1258,"views":640,"rating":4,"title":"Linked List in Data Structures","url_title":"linked-list-in-data-structures"},{"id":1259,"views":787,"rating":4,"title":"Circular linked list in Data Structures","url_title":"circular-linked-list-in-data-structures"},{"id":1260,"views":927,"rating":4,"title":"Doubly Linked List in Data Structures","url_title":"doubly-linked-list-in-data-structures"},{"id":1261,"views":0,"rating":4,"title":"Stack using Linked List in Data Structures","url_title":"stack-using-linked-list-in-data-structures"},{"id":1262,"views":1064,"rating":4,"title":"Queues using Linked list in Data Structures","url_title":"queues-using-linked-list-data-structures"},{"id":1263,"views":0,"rating":4,"title":"TREES in Data Structures","url_title":"trees-in-data-structures"},{"id":1264,"views":1077,"rating":4,"title":"Binary Trees in Data Structures","url_title":"binary-trees-in-data-structures"},{"id":1265,"views":287,"rating":4,"title":"Binary search tree in Data Structures","url_title":"binary-search-tree-in-data-structures"},{"id":1266,"views":1074,"rating":4,"title":"AVL Trees in Data Structures","url_title":"avl-trees-in-data-structures"},{"id":1267,"views":452,"rating":4,"title":"B Trees in Data Structures","url_title":"b-trees-in-data-structures"},{"id":1268,"views":916,"rating":4,"title":"Graphs in Data Structures","url_title":"graphs-in-data-structures"},{"id":1723,"views":979,"rating":4,"title":"Introduction to JSF","url_title":"introduction-jsf"},{"id":1724,"views":122,"rating":4,"title":"MVC Rules and Regulation in JSF","url_title":"mvc-rules-regulation-jsf"},{"id":1725,"views":544,"rating":4,"title":"Enterprise Application in JSF","url_title":"enterprise-application-jsf"},{"id":1726,"views":276,"rating":4,"title":"FrameWorks in JSF","url_title":"frameworks-jsf"},{"id":1727,"views":638,"rating":4,"title":"JSF Elements","url_title":"jsf-elements"},{"id":1728,"views":282,"rating":4,"title":"Creation and working with First Servlet in JSF","url_title":"creation-working-first-servlet-jsf"},{"id":1729,"views":387,"rating":4,"title":"STEPS TO DESIGN FIRST APPLICATION in JSF","url_title":"steps-design-first-application-jsf"},{"id":1730,"views":991,"rating":4,"title":"Developing Registration Application in JSF","url_title":"developing-registration-application-jsf"},{"id":1731,"views":722,"rating":4,"title":"STEPS TO DESIGN JSF 1.2 APPLICATION IN ECLIPSE IDE","url_title":"steps-design-jsf-1-2-application-eclipse-ide"},{"id":1732,"views":539,"rating":4,"title":"DIFFERENCE BET N JSF1.X &JSF 2.X","url_title":"difference-bet-n-jsf1-x-jsf-2-x"},{"id":1733,"views":430,"rating":4,"title":"Steps to use Hyperlinks in JSF pages","url_title":"steps-use-hyperlinks-jsf-pages"},{"id":1734,"views":435,"rating":4,"title":"Introduction to I18N Applications in JSF","url_title":"introduction-i18n-applications-jsf"},{"id":1735,"views":782,"rating":4.2,"title":"Developing I18N Applications in JSF","url_title":"developing-i18n-applications-jsf"},{"id":1736,"views":526,"rating":4,"title":"steps to provide I18N Support in JSF Application","url_title":"steps-provide-i18n-support-jsf-application"},{"id":1737,"views":187,"rating":4,"title":"VALIDATIONS in JSF","url_title":"validations-jsf"},{"id":1739,"views":570,"rating":4,"title":"JSF2 Validations Application","url_title":"jsf2-validations-application"},{"id":1740,"views":1021,"rating":4,"title":"Developing JSF2 Validations Application","url_title":"developing-jsf2-validations-application"},{"id":1741,"views":327,"rating":4,"title":"CONVERTERS IN JSF","url_title":"converters-jsf"},{"id":1742,"views":450,"rating":4,"title":"Basic GUI Components in JSF","url_title":"basic-gui-components-jsf"},{"id":1743,"views":0,"rating":4,"title":"Event Handler Event handling in JSF","url_title":"event-handler-event-handling-jsf"},{"id":1744,"views":454,"rating":4,"title":"Layouts in JSF- Tiles","url_title":"layouts-jsf-tiles"},{"id":1960,"views":0,"rating":4,"title":"Java Virtual Machine","url_title":"java-virtual-machine-java"},{"id":1961,"views":0,"rating":4,"title":"Interface in Java","url_title":"java-interface-in-java"},{"id":1962,"views":0,"rating":4,"title":"Exception Handling in java","url_title":"exception-handling-in-java"},{"id":1963,"views":0,"rating":4,"title":"Multithreading in java","url_title":"java-multithreading-in-java"},{"id":1967,"views":0,"rating":4,"title":"Polymorphism in Java","url_title":"polymorphism-in-java"},{"id":1968,"views":0,"rating":4,"title":"Inheritance in Java","url_title":"java-inheritance-in-java"},{"id":1969,"views":0,"rating":4,"title":"Constructors in Java","url_title":"java-constructors-in-java"},{"id":1970,"views":0,"rating":4,"title":"Java Annotations","url_title":"java-annotations-in-java"},{"id":1971,"views":0,"rating":4,"title":"Encapsulation in java","url_title":"java-encapsulation-in-java"},{"id":1972,"views":0,"rating":4,"title":"Packages in java","url_title":"packages-in-java"},{"id":1973,"views":0,"rating":4,"title":"Java Regular Expressions","url_title":"java-regular-expressions-in-java"},{"id":1974,"views":0,"rating":4,"title":"Arraylist in Java","url_title":"java-arraylist-in-java"},{"id":2008,"views":1006,"rating":4,"title":"Advanced Java Resume","url_title":"advanced-java-resume"},{"id":2047,"views":579,"rating":4,"title":"Core Java Resume","url_title":"core-java-resume"},{"id":2125,"views":1456,"rating":4.2,"title":"Java Stream Tutorial","url_title":"java-stream-tutorial"},{"id":2126,"views":541,"rating":4.3,"title":"Java Swing Tutorial","url_title":"java-swing-tutorial"}],"recommended_articles":[{"id":4,"blog_id":416,"blog_title":"Embedded Systems Interview Questions","blog_url_title":"interview-questions-on-embedded-systems","order_value":5,"views":1547},{"id":5,"blog_id":1237,"blog_title":"Types of Pointers in C","blog_url_title":"explain-different-types-pointers-c-language","order_value":6,"views":14352},{"id":6,"blog_id":391,"blog_title":"Oracle Procure To Pay Interview Questions","blog_url_title":"interview-questions-on-oracle-procure-to-pay","order_value":1,"views":4352},{"id":7,"blog_id":1216,"blog_title":"Characteristics of C Language","blog_url_title":"characteristics-of-c-language","order_value":2,"views":10834},{"id":8,"blog_id":939,"blog_title":"Salesforce Sample Triggers with different Scenarios","blog_url_title":"15-sample-triggers-different-scenarios","order_value":3,"views":11712},{"id":9,"blog_id":344,"blog_title":"Oracle Financials Interview Questions","blog_url_title":"oracle-financials-interview-questions-and-answers","order_value":4,"views":9437},{"id":10,"blog_id":441,"blog_title":"Service Desk Analyst Interview Questions","blog_url_title":"interview-questions-on-service-desk-analyst","order_value":7,"views":5421},{"id":11,"blog_id":381,"blog_title":"SAP OOPS ABAP Interview Questions","blog_url_title":"interview-questions-on-sap-oops-abap","order_value":8,"views":5421},{"id":12,"blog_id":380,"blog_title":"SAP Adobe Forms Interview Questions","blog_url_title":"interview-questions-on-sap-adobe-forms","order_value":9,"views":1875},{"id":13,"blog_id":2079,"blog_title":"Power Apps Interview Questions","blog_url_title":"powerapps-interview-questions","order_value":10,"views":7541}],"recommended_programs":[{"id":2,"course":"Core Java Training","rating":"4.8","enrolled":"5703","url_title":"core-java-training"},{"id":10,"course":"Python Training","rating":"4.9","enrolled":"4549","url_title":"python-training"},{"id":44,"course":"Node JS Training","rating":"4.8","enrolled":"2852","url_title":"node-js-training"},{"id":65,"course":"LabVIEW Training","rating":"4.8","enrolled":"96","url_title":"labview-training"},{"id":70,"course":"Mean Stack Training","rating":"4.5","enrolled":"2491","url_title":"mean-stack-training"},{"id":72,"course":"Microservices Training","rating":"4.5","enrolled":"2543 ","url_title":"microservices-training"},{"id":78,"course":"Ruby on Rails Training","rating":"4.8","enrolled":"1254","url_title":"ruby-rails-training"},{"id":98,"course":"Oracle Apex Training","rating":"4.7","enrolled":"945","url_title":"oracle-apex-training"},{"id":99,"course":"Oracle OAF Training","rating":"4.9","enrolled":"4322","url_title":"oracle-oaf-training"},{"id":160,"course":"Java Spring Training","rating":"4.7","enrolled":"1943","url_title":"java-spring-training"},{"id":187,"course":"ReactJS Training","rating":"4.4","enrolled":"138","url_title":"reactjs-training"},{"id":229,"course":"Advanced Java Training","rating":"4.5","enrolled":"120","url_title":"advanced-java-training"},{"id":231,"course":".Net Training","rating":"4.1","enrolled":"120","url_title":"net-training"},{"id":236,"course":"Android Development Training","rating":"4.7","enrolled":"1562","url_title":"android-development-training"},{"id":245,"course":"JavaScript Training","rating":"4.8","enrolled":"5789","url_title":"javascript-training"}],"category_name":"Core Java","category_url":"core-java","type_d":{"id":580,"name":"JSF Tutorial","slug":"jsf-tutorials","type":"articles","status":1}},"type":"articles","categories":[]},"data":"$d"}]
a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"JSF Tutorial | Java Server Faces Tutorial | JSF Basics"}],["$","meta","3",{"name":"description","content":"JSF Tutorial teach you how to write ?custom JSF 2.2 themes ?custom factories ?handlers ?renderers ?components ?Enhance your applications with JSF."}],["$","meta","4",{"name":"application-name","content":"tekslatetutor"}],["$","meta","5",{"name":"generator","content":"tekslatetutor"}],["$","link","6",{"rel":"canonical","href":"https://tekslate.com/jsf-tutorials"}],["$","meta","7",{"property":"og:title","content":"JSF Tutorial | Java Server Faces Tutorial | JSF Basics"}],["$","meta","8",{"property":"og:description","content":"JSF Tutorial teach you how to write ?custom JSF 2.2 themes ?custom factories ?handlers ?renderers ?components ?Enhance your applications with JSF."}],["$","meta","9",{"property":"og:url","content":"https://tekslate.com/jsf-tutorials"}],["$","meta","10",{"property":"og:site_name","content":"tekslatetutor"}],["$","meta","11",{"property":"og:locale","content":"en_US"}],["$","meta","12",{"property":"og:image","content":"https://tekslateassets.s3.amazonaws.com/images/TekSlate_New+Colour.svg"}],["$","meta","13",{"property":"og:image:width","content":"1200"}],["$","meta","14",{"property":"og:image:height","content":"628"}],["$","meta","15",{"property":"og:type","content":"website"}],["$","meta","16",{"name":"twitter:card","content":"summary"}],["$","meta","17",{"name":"twitter:creator","content":"@tekslatetutor"}],["$","meta","18",{"name":"twitter:title","content":"JSF Tutorial | Java Server Faces Tutorial | JSF Basics"}],["$","meta","19",{"name":"twitter:description","content":"JSF Tutorial teach you how to write ?custom JSF 2.2 themes ?custom factories ?handlers ?renderers ?components ?Enhance your applications with JSF."}],["$","meta","20",{"name":"twitter:image","content":"https://tekslateassets.s3.amazonaws.com/images/TekSlate_New+Colour.svg"}],["$","link","21",{"rel":"icon","href":"https://tekslateassets.s3.amazonaws.com/images/favicon.svg"}]]
1:null
