https://wiki.expertiza.ncsu.edu/index.php?action=history&feed=atom&title=Calibration_Assignment_Submission_%28Firebrick_JS%29
Calibration Assignment Submission (Firebrick JS) - Revision history
2026-04-21T02:34:25Z
Revision history for this page on the wiki
MediaWiki 1.41.0
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102489&oldid=prev
Ysong8: /* Usage */
2016-09-08T20:17:07Z
<p><span dir="auto"><span class="autocomment">Usage</span></span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:17, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l20">Line 20:</td>
<td colspan="2" class="diff-lineno">Line 20:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS controllers help in designing the UI of an HTML website. Examples of these UI elements include:</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS controllers help in designing the UI of an HTML website. Examples of these UI elements include:</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Username Input: <<del style="font-weight: bold; text-decoration: none;">syntaxhighlight lang="javascript"</del>></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Username Input: </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins style="font-weight: bold; text-decoration: none;">pre</ins>></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>define( [ "text!./Input.html", "Firebrick.ui/containers/Panel", "Firebrick.ui/containers/FormPanel", "Firebrick.ui/containers/Box", "Firebrick.ui/fields/Input", "../ComponentTemplate" ], function( input ) {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>define( [ "text!./Input.html", "Firebrick.ui/containers/Panel", "Firebrick.ui/containers/FormPanel", "Firebrick.ui/containers/Box", "Firebrick.ui/fields/Input", "../ComponentTemplate" ], function( input ) {</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> "use strict";</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> "use strict";</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l49">Line 49:</td>
<td colspan="2" class="diff-lineno">Line 50:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> });</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> });</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>});</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>});</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></<del style="font-weight: bold; text-decoration: none;">syntaxhighlight</del>>As of now Firebrick JS has a good [http://smasala.github.io/firebrick/docs/index.html built-in API] that can be used to handle events, prep applications, load different templates, etc.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></<ins style="font-weight: bold; text-decoration: none;">pre</ins>></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>As of now Firebrick JS has a good [http://smasala.github.io/firebrick/docs/index.html built-in API] that can be used to handle events, prep applications, load different templates, etc.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Other UI elements and renditions of Firebrick JS can be found on [http://www.firebrickjs.com/components this website].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Other UI elements and renditions of Firebrick JS can be found on [http://www.firebrickjs.com/components this website].</div></td></tr>
</table>
Ysong8
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102488&oldid=prev
Ysong8 at 20:15, 8 September 2016
2016-09-08T20:15:01Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:15, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l55">Line 55:</td>
<td colspan="2" class="diff-lineno">Line 55:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== See also ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== See also ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://smasala.github.io/firebrick.ui/ Firebrick UI]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://smasala.github.io/firebrick.ui/ Firebrick UI]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [<del style="font-weight: bold; text-decoration: none;">[</del>JavaScript<del style="font-weight: bold; text-decoration: none;">]</del>]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [<ins style="font-weight: bold; text-decoration: none;">https://en.wikipedia.org/wiki/JavaScript </ins>JavaScript]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== References ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== References ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><references/></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><references/></div></td></tr>
</table>
Ysong8
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102487&oldid=prev
Ysong8 at 20:14, 8 September 2016
2016-09-08T20:14:25Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:14, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS is a [https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller MVC] structure built on top of [https://en.wikipedia.org/wiki/JavaScript JavaScript], used to provide elegant and useful user interface elements for any web applications. It is an [https://en.wikipedia.org/wiki/Open_source open source] software that is simply a [https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework) bootstrap] based component library and [https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller MVC]/[https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel MVVM] framework.<ref name="FireBrickJS Documentation">[http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick "FireBrickJS Documentation"]</ref> Firebrick uses [<del style="font-weight: bold; text-decoration: none;">[</del>jQuery<del style="font-weight: bold; text-decoration: none;">]</del>], [<del style="font-weight: bold; text-decoration: none;">[Knockout </del>(<del style="font-weight: bold; text-decoration: none;">web framework</del>)<del style="font-weight: bold; text-decoration: none;">|</del>Knockout JS<del style="font-weight: bold; text-decoration: none;">]</del>] and [http://requirejs.org/ Require JS] to provide these user interface element. Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS is a [https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller MVC] structure built on top of [https://en.wikipedia.org/wiki/JavaScript JavaScript], used to provide elegant and useful user interface elements for any web applications. It is an [https://en.wikipedia.org/wiki/Open_source open source] software that is simply a [https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework) bootstrap] based component library and [https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller MVC]/[https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel MVVM] framework.<ref name="FireBrickJS Documentation">[http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick "FireBrickJS Documentation"]</ref> Firebrick uses [<ins style="font-weight: bold; text-decoration: none;">https://en.wikipedia.org/wiki/JQuery </ins>jQuery], [<ins style="font-weight: bold; text-decoration: none;">https://en.wikipedia.org/wiki/Knockout_</ins>(<ins style="font-weight: bold; text-decoration: none;">web_framework</ins>) Knockout JS] and [http://requirejs.org/ Require JS] to provide these user interface element. Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td></tr>
</table>
Ysong8
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102486&oldid=prev
Ysong8 at 20:13, 8 September 2016
2016-09-08T20:13:18Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:13, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">----</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS <ins style="font-weight: bold; text-decoration: none;">is a [https</ins>://<ins style="font-weight: bold; text-decoration: none;">en</ins>.<ins style="font-weight: bold; text-decoration: none;">wikipedia</ins>.<ins style="font-weight: bold; text-decoration: none;">org</ins>/<ins style="font-weight: bold; text-decoration: none;">wiki/Model%E2%80%93view%E2%80%93controller </ins>MVC] structure built on top of [<ins style="font-weight: bold; text-decoration: none;">https://en.wikipedia.org/wiki/JavaScript </ins>JavaScript], used to provide elegant and useful user interface elements for any web applications. It is an [<ins style="font-weight: bold; text-decoration: none;">https://en.wikipedia.org/wiki/Open_source </ins>open source] software that is simply a [<ins style="font-weight: bold; text-decoration: none;">https://en.wikipedia.org/wiki/Bootstrap_</ins>(front-<ins style="font-weight: bold; text-decoration: none;">end_framework</ins>) bootstrap] based component library and [<ins style="font-weight: bold; text-decoration: none;">https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller </ins>MVC]/[<ins style="font-weight: bold; text-decoration: none;">https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel </ins>MVVM] framework.<ref name="FireBrickJS Documentation">[http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick "FireBrickJS Documentation"]</ref> Firebrick uses [[jQuery]], [[Knockout (web framework)|Knockout JS]] and [http://requirejs.org/ Require JS] to provide these user interface element. Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{Infobox software|name = </del>Firebrick JS<del style="font-weight: bold; text-decoration: none;">|author = Steven Masala|released = {{start date and age|2014|09|07|df=yes}}|latest release version = 0.13.12|latest release date = {{start date and age|2015|11|13}}|status = Active Development|Written in = Javascript|Type = Javascript Library|website = http</del>://<del style="font-weight: bold; text-decoration: none;">www</del>.<del style="font-weight: bold; text-decoration: none;">firebrickjs</del>.<del style="font-weight: bold; text-decoration: none;">com</del>/<del style="font-weight: bold; text-decoration: none;">}}<!-- EDIT BELOW THIS LINE --></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Firebrick JS is a [[Model–view–controller|</del>MVC<del style="font-weight: bold; text-decoration: none;">]</del>] structure built on top of [<del style="font-weight: bold; text-decoration: none;">[</del>JavaScript<del style="font-weight: bold; text-decoration: none;">]</del>], used to provide elegant and useful user interface elements for any web applications. It is an [<del style="font-weight: bold; text-decoration: none;">[</del>open source<del style="font-weight: bold; text-decoration: none;">]</del>] software that is simply a [<del style="font-weight: bold; text-decoration: none;">[Bootstrap </del>(front-<del style="font-weight: bold; text-decoration: none;">end framework</del>)<del style="font-weight: bold; text-decoration: none;">|</del>bootstrap<del style="font-weight: bold; text-decoration: none;">]</del>] based component library and [<del style="font-weight: bold; text-decoration: none;">[Model–view–controller|</del>MVC<del style="font-weight: bold; text-decoration: none;">]</del>]/[<del style="font-weight: bold; text-decoration: none;">[Model–view–viewmodel|</del>MVVM<del style="font-weight: bold; text-decoration: none;">]</del>] framework.<ref name="FireBrickJS Documentation">[http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick "FireBrickJS Documentation"]</ref> Firebrick uses [[jQuery]], [[Knockout (web framework)|Knockout JS]] and [http://requirejs.org/ Require JS] to provide these user interface element. Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td></tr>
</table>
Ysong8
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102485&oldid=prev
Ysong8 at 20:10, 8 September 2016
2016-09-08T20:10:46Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:10, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{AFC comment|1=Improve sourcing. Wikipedia is not a reference but a wikilink. The company's own web site is not a source but an external link. Add sources. [[User:Robert McClenon|Robert McClenon]] ([[User talk:Robert McClenon|talk]]) 22:49, 8 February 2016 (UTC)}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
</table>
Ysong8
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102484&oldid=prev
Ysong8 at 20:09, 8 September 2016
2016-09-08T20:09:40Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:09, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox software|name = Firebrick JS|author = Steven Masala|released = {{start date and age|2014|09|07|df=yes}}|latest release version = 0.13.12|latest release date = {{start date and age|2015|11|13}}|status = Active Development|Written in = Javascript|Type = Javascript Library|website = http://www.firebrickjs.com/}}<!-- EDIT BELOW THIS LINE --></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox software|name = Firebrick JS|author = Steven Masala|released = {{start date and age|2014|09|07|df=yes}}|latest release version = 0.13.12|latest release date = {{start date and age|2015|11|13}}|status = Active Development|Written in = Javascript|Type = Javascript Library|website = http://www.firebrickjs.com/}}<!-- EDIT BELOW THIS LINE --></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS is a [[Model–view–controller|MVC]] structure built on top of [[JavaScript]], used to provide elegant and useful user interface elements for any web applications. It is an [[open source]] software that is simply a [[Bootstrap (front-end framework)|bootstrap]] based component library and [[Model–view–controller|MVC]]/[[Model–view–viewmodel|MVVM]] framework.<ref name="FireBrickJS Documentation">[http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick "FireBrickJS Documentation"]</ref> Firebrick uses [[jQuery]], [[Knockout (web framework)|Knockout JS]] and [http://requirejs.org/ Require JS] to provide these user interface element.<del style="font-weight: bold; text-decoration: none;"><ref name=":0" /> </del>Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS is a [[Model–view–controller|MVC]] structure built on top of [[JavaScript]], used to provide elegant and useful user interface elements for any web applications. It is an [[open source]] software that is simply a [[Bootstrap (front-end framework)|bootstrap]] based component library and [[Model–view–controller|MVC]]/[[Model–view–viewmodel|MVVM]] framework.<ref name="FireBrickJS Documentation">[http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick "FireBrickJS Documentation"]</ref> Firebrick uses [[jQuery]], [[Knockout (web framework)|Knockout JS]] and [http://requirejs.org/ Require JS] to provide these user interface element. Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12">Line 12:</td>
<td colspan="2" class="diff-lineno">Line 12:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS started development in September 2014 and are currently at version 0.13.12 as of February 2016.<ref name="smasala/firebrick">[https://github.com/smasala/firebrick/blob/master/release-notes "smasala/firebrick" 2016-02-15]</ref> It was created by Steven Masala along with his team. It is one of the many flavors of JavaScript MVC frameworks. What makes Firebrick JS something to look out for is that it utilizes the frameworks of jQuery, Knockout JS and Require JS to built it's own frameworks.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS started development in September 2014 and are currently at version 0.13.12 as of February 2016.<ref name="smasala/firebrick">[https://github.com/smasala/firebrick/blob/master/release-notes "smasala/firebrick" 2016-02-15]</ref> It was created by Steven Masala along with his team. It is one of the many flavors of JavaScript MVC frameworks. What makes Firebrick JS something to look out for is that it utilizes the frameworks of jQuery, Knockout JS and Require JS to built it's own frameworks.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''jQuery''' is a lightweight JavaScript library which provides the users more functionality with less code.<ref<del style="font-weight: bold; text-decoration: none;">>{{Cite web|title </del>= jQuery Introduction<del style="font-weight: bold; text-decoration: none;">|url = </del>http://www.w3schools.com/jquery/jquery_intro.asp<del style="font-weight: bold; text-decoration: none;">|website = www.w3schools.com|access-date = </del>2016-02-05<del style="font-weight: bold; text-decoration: none;">}}</del></ref> It provides the user with in built methods that a user can call with a single line of code. This saves the user many lines of codes and also facilitates reusability.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''jQuery''' is a lightweight JavaScript library which provides the users more functionality with less code.<ref <ins style="font-weight: bold; text-decoration: none;">name</ins>=<ins style="font-weight: bold; text-decoration: none;">"</ins>jQuery Introduction<ins style="font-weight: bold; text-decoration: none;">">[</ins>http://www.w3schools.com/jquery/jquery_intro.asp <ins style="font-weight: bold; text-decoration: none;">"jQuery Introduction" </ins>2016-02-05<ins style="font-weight: bold; text-decoration: none;">]</ins></ref> It provides the user with in built methods that a user can call with a single line of code. This saves the user many lines of codes and also facilitates reusability.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Knockout''' is a JavaScript implementation which provides MVVM patterns and templates . The underlying principles are therefore:</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''Knockout''' is a JavaScript implementation which provides MVVM patterns and templates . The underlying principles are therefore:</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* a clear separation between domain data, view components and data to be displayed</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* a clear separation between domain data, view components and data to be displayed</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* the presence of a clearly defined layer of specialized code to manage the relationships between the view components<ref<del style="font-weight: bold; text-decoration: none;">>{{Cite journal|title </del>= Knockout (web framework)<del style="font-weight: bold; text-decoration: none;">|url = </del>http://knockoutjs.com/<del style="font-weight: bold; text-decoration: none;">|journal = </del>Knockout <del style="font-weight: bold; text-decoration: none;">JS MVVM Framework|language = en}}</del></ref></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* the presence of a clearly defined layer of specialized code to manage the relationships between the view components<ref <ins style="font-weight: bold; text-decoration: none;">name</ins>=<ins style="font-weight: bold; text-decoration: none;">"</ins>Knockout (web framework)<ins style="font-weight: bold; text-decoration: none;">">[</ins>http://knockoutjs.com/ <ins style="font-weight: bold; text-decoration: none;">"</ins>Knockout <ins style="font-weight: bold; text-decoration: none;">(web framework)"]</ins></ref></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''Require JS''' is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like [[Rhino (JavaScript engine)|Rhino]] and [http://requirejs.org/docs/node.html Node].<ref<del style="font-weight: bold; text-decoration: none;">>{{Cite web|title </del>= RequireJS<del style="font-weight: bold; text-decoration: none;">|url = </del>http://requirejs.org/<del style="font-weight: bold; text-decoration: none;">|website = requirejs.org|access-date = </del>2016-02-05<del style="font-weight: bold; text-decoration: none;">}}</del></ref></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''Require JS''' is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like [[Rhino (JavaScript engine)|Rhino]] and [http://requirejs.org/docs/node.html Node].<ref <ins style="font-weight: bold; text-decoration: none;">name</ins>=<ins style="font-weight: bold; text-decoration: none;">"</ins>RequireJS<ins style="font-weight: bold; text-decoration: none;">">[</ins>http://requirejs.org/ <ins style="font-weight: bold; text-decoration: none;">"RequireJS" </ins>2016-02-05<ins style="font-weight: bold; text-decoration: none;">]</ins></ref></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Usage ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Usage ==</div></td></tr>
</table>
Ysong8
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102483&oldid=prev
Ysong8 at 20:06, 8 September 2016
2016-09-08T20:06:40Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:06, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l10">Line 10:</td>
<td colspan="2" class="diff-lineno">Line 10:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Overview ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Overview ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS started development in September 2014 and are currently at version 0.13.12 as of February 2016.<ref<del style="font-weight: bold; text-decoration: none;">>{{Cite web|title </del>= smasala/firebrick<del style="font-weight: bold; text-decoration: none;">|url = </del>https://github.com/smasala/firebrick/blob/master/release-notes<del style="font-weight: bold; text-decoration: none;">|website = GitHub|access-date = </del>2016-02-15<del style="font-weight: bold; text-decoration: none;">}}</del></ref> It was created by Steven Masala along with his team. It is one of the many flavors of JavaScript MVC frameworks. What makes Firebrick JS something to look out for is that it utilizes the frameworks of jQuery, Knockout JS and Require JS to built it's own frameworks.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS started development in September 2014 and are currently at version 0.13.12 as of February 2016.<ref <ins style="font-weight: bold; text-decoration: none;">name</ins>=<ins style="font-weight: bold; text-decoration: none;">"</ins>smasala/firebrick<ins style="font-weight: bold; text-decoration: none;">">[</ins>https://github.com/smasala/firebrick/blob/master/release-notes <ins style="font-weight: bold; text-decoration: none;">"smasala/firebrick" </ins>2016-02-15<ins style="font-weight: bold; text-decoration: none;">]</ins></ref> It was created by Steven Masala along with his team. It is one of the many flavors of JavaScript MVC frameworks. What makes Firebrick JS something to look out for is that it utilizes the frameworks of jQuery, Knockout JS and Require JS to built it's own frameworks.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''jQuery''' is a lightweight JavaScript library which provides the users more functionality with less code.<ref>{{Cite web|title = jQuery Introduction|url = http://www.w3schools.com/jquery/jquery_intro.asp|website = www.w3schools.com|access-date = 2016-02-05}}</ref> It provides the user with in built methods that a user can call with a single line of code. This saves the user many lines of codes and also facilitates reusability.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>'''jQuery''' is a lightweight JavaScript library which provides the users more functionality with less code.<ref>{{Cite web|title = jQuery Introduction|url = http://www.w3schools.com/jquery/jquery_intro.asp|website = www.w3schools.com|access-date = 2016-02-05}}</ref> It provides the user with in built methods that a user can call with a single line of code. This saves the user many lines of codes and also facilitates reusability.</div></td></tr>
</table>
Ysong8
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102482&oldid=prev
Ysong8 at 20:04, 8 September 2016
2016-09-08T20:04:00Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:04, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox software|name = Firebrick JS|author = Steven Masala|released = {{start date and age|2014|09|07|df=yes}}|latest release version = 0.13.12|latest release date = {{start date and age|2015|11|13}}|status = Active Development|Written in = Javascript|Type = Javascript Library|website = http://www.firebrickjs.com/}}<!-- EDIT BELOW THIS LINE --></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox software|name = Firebrick JS|author = Steven Masala|released = {{start date and age|2014|09|07|df=yes}}|latest release version = 0.13.12|latest release date = {{start date and age|2015|11|13}}|status = Active Development|Written in = Javascript|Type = Javascript Library|website = http://www.firebrickjs.com/}}<!-- EDIT BELOW THIS LINE --></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS is a [[Model–view–controller|MVC]] structure built on top of [[JavaScript]], used to provide elegant and useful user interface elements for any web applications. It is an [[open source]] software that is simply a [[Bootstrap (front-end framework)|bootstrap]] based component library and [[Model–view–controller|MVC]]/[[Model–view–viewmodel|MVVM]] framework.<ref name="FireBrickJS Documentation">[http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick]</ref> Firebrick uses [[jQuery]], [[Knockout (web framework)|Knockout JS]] and [http://requirejs.org/ Require JS] to provide these user interface element.<ref name=":0" /> Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS is a [[Model–view–controller|MVC]] structure built on top of [[JavaScript]], used to provide elegant and useful user interface elements for any web applications. It is an [[open source]] software that is simply a [[Bootstrap (front-end framework)|bootstrap]] based component library and [[Model–view–controller|MVC]]/[[Model–view–viewmodel|MVVM]] framework.<ref name="FireBrickJS Documentation">[http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick <ins style="font-weight: bold; text-decoration: none;">"FireBrickJS Documentation"</ins>]</ref> Firebrick uses [[jQuery]], [[Knockout (web framework)|Knockout JS]] and [http://requirejs.org/ Require JS] to provide these user interface element.<ref name=":0" /> Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td></tr>
</table>
Ysong8
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102481&oldid=prev
Ysong8 at 20:02, 8 September 2016
2016-09-08T20:02:52Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:02, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox software|name = Firebrick JS|author = Steven Masala|released = {{start date and age|2014|09|07|df=yes}}|latest release version = 0.13.12|latest release date = {{start date and age|2015|11|13}}|status = Active Development|Written in = Javascript|Type = Javascript Library|website = http://www.firebrickjs.com/}}<!-- EDIT BELOW THIS LINE --></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox software|name = Firebrick JS|author = Steven Masala|released = {{start date and age|2014|09|07|df=yes}}|latest release version = 0.13.12|latest release date = {{start date and age|2015|11|13}}|status = Active Development|Written in = Javascript|Type = Javascript Library|website = http://www.firebrickjs.com/}}<!-- EDIT BELOW THIS LINE --></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS is a [[Model–view–controller|MVC]] structure built on top of [[JavaScript]], used to provide elegant and useful user interface elements for any web applications. It is an [[open source]] software that is simply a [[Bootstrap (front-end framework)|bootstrap]] based component library and [[Model–view–controller|MVC]]/[[Model–view–viewmodel|MVVM]] framework.<ref name="<del style="font-weight: bold; text-decoration: none;">:0</del>"><del style="font-weight: bold; text-decoration: none;">{{cite web|title=FireBrickJS Documentation|url=</del>http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick<del style="font-weight: bold; text-decoration: none;">}}</del></ref> Firebrick uses [[jQuery]], [[Knockout (web framework)|Knockout JS]] and [http://requirejs.org/ Require JS] to provide these user interface element.<ref name=":0" /> Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS is a [[Model–view–controller|MVC]] structure built on top of [[JavaScript]], used to provide elegant and useful user interface elements for any web applications. It is an [[open source]] software that is simply a [[Bootstrap (front-end framework)|bootstrap]] based component library and [[Model–view–controller|MVC]]/[[Model–view–viewmodel|MVVM]] framework.<ref name="<ins style="font-weight: bold; text-decoration: none;">FireBrickJS Documentation</ins>"><ins style="font-weight: bold; text-decoration: none;">[</ins>http://www.firebrickjs.com/documentation|website=FireBrick|publisher=FireBrick<ins style="font-weight: bold; text-decoration: none;">]</ins></ref> Firebrick uses [[jQuery]], [[Knockout (web framework)|Knockout JS]] and [http://requirejs.org/ Require JS] to provide these user interface element.<ref name=":0" /> Examples of the type of interfaces currently supported by Firebrick JS include data fields, buttons, different types of display and alert boxes, containers, navigation panels and editable tables. By including Firebrick JS, a web developer has access to all the supported elements and can include them in the web application, thus reducing redundant code.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Firebrick JS uses another framework in conjunction, called [http://smasala.github.io/firebrick.ui/ Firebrick UI] which is an extendable User Interface component library to provide these interfaces.</div></td></tr>
</table>
Ysong8
https://wiki.expertiza.ncsu.edu/index.php?title=Calibration_Assignment_Submission_(Firebrick_JS)&diff=102480&oldid=prev
Ysong8 at 19:58, 8 September 2016
2016-09-08T19:58:47Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 19:58, 8 September 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l64">Line 64:</td>
<td colspan="2" class="diff-lineno">Line 64:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== References ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== References ==</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><references/></ins></div></td></tr>
</table>
Ysong8