{"id":756,"date":"2012-10-05T16:38:35","date_gmt":"2012-10-05T16:38:35","guid":{"rendered":"http:\/\/a.parsons.edu\/~dejongo\/12-fall\/?p=756"},"modified":"2026-02-22T14:51:58","modified_gmt":"2026-02-22T14:51:58","slug":"12-php-javascript","status":"publish","type":"post","link":"https:\/\/b.parsons.edu\/~dejongo\/12-php-javascript\/","title":{"rendered":"11 Modular Websites &#038; Interaction"},"content":{"rendered":"<h2><a href=\"12-php-javascript#materials\">Week 11<\/a><br \/>4\/9-4\/10<\/h2>\n<p><strong>Programming on the web.<\/strong> Scrips on the server and the client create the modern web experience. 1) Introduction to PHP. <strong>Activity:<\/strong> Use PHP includes to make final website modular. 2) JQuery as a way to create dynamic web pages. <strong>Activity:<\/strong> Create a dynamic web page using jQuery.<\/p>\n<h2 class=\"hw\"><a href=\"12-homework\">Homework<\/a><\/h2>\n<\/p>\n<p class=\"close\">1) For class:  Implement a PHP include for your navigation and a jQuery script into your final website. 2) For final: Finish home page for the final.  <strong>Read<\/strong> chapters 19 and 20. <strong>Due:<\/strong> The following week.<\/p>\n<h2>Goal<\/h2>\n<\/p>\n<p>The goal of this unit is to:<\/p>\n<ul>\n<li>Be exposed to programing languages.<\/li>\n<li>Understand the benefits of modular web design.\n<\/li>\n<li> Add interactivity to the website.\n<\/li>\n<\/ul>\n<h2>Outcomes<\/h2>\n<\/p>\n<p>At the end of this unit, students will have:<\/p>\n<ul>\n<li>Used PHP include to create a modular web page.<\/li>\n<li>Created interactivity by implement jQuery in a web page.\n<\/li>\n<li>Been left with a general idea of both server side and client programing languages for the web.\n<\/li>\n<\/ul>\n<h2 id=\"materials\">Materials<\/h2>\n<\/p>\n<p>Additional materials for this unit can be found by following these links:<\/p>\n<ul>\n<li><a class=read href=\"12-php\/\">Server Side Scripting: Modular Websites with PHP<\/a><\/li>\n<li><a class=read href=\"11-mamp-wamp\/\">Setting up your own local server with MAMP and WAMP.<\/a><\/li>\n<li><a class=read href=\"12-javascriptjquery\/\">Client Side Scripting: Interaction with Javascript and jQuery<\/a>\n<\/li>\n<li><a href=\"http:\/\/b.parsons.edu\/~dejongo\/12-fall\/stuff\/whatiscode\/index.html\">What is Code Article <\/a>(2015) original on <a href=\"https:\/\/www.bloomberg.com\/graphics\/2015-paul-ford-what-is-code\/\">Bloomberg <\/a>\n<\/li>\n<li><a href=\"12-homework\/\">Homework<\/a>\n<\/li>\n<\/ul>\n<h2>Step-by-Step<\/h2>\n<table>\n<tr>\n<td style=\"width: 20px; text-align: right;\">20<\/td>\n<td>Review homework and answer questions. <\/td>\n<\/tr>\n<tr>\n<td>60<\/td>\n<td><a href=\"12-php\/\">Server Side Scripting: Modular Websites with PHP<\/a><\/td>\n<\/tr>\n<tr>\n<td>10 <\/td>\n<td>Break<\/td>\n<\/tr>\n<tr>\n<td>60<\/td>\n<td><a href=\"12-javascriptjquery\/\">Client Side Scripting: Interaction with Javascript and jQuery<\/a><\/td>\n<\/tr>\n<\/table>\n<h2>Examples<\/h2>\n<ul>\n<li><a href=\"http:\/\/vegas.jaysalvat.com\/\">vegas background jquery plugin<\/a>\n<\/li>\n<li> <a href=\"http:\/\/graphicnovel-hybrid4.peugeot.com\/start.html\">Sound Peugot Demo<\/a>\n<\/li>\n<li><a href=\"http:\/\/buzz.jaysalvat.com\/\">Sound<\/a>\n<\/li>\n<li><a href=\"http:\/\/www.merci-michel.com\/projects\/\">Merci-Michel Digital Studio\/a><br \/>\n<\/a><\/li>\n<\/ul>\n<h2>Other Course Examples<\/h2>\n<\/p>\n<p>Syllabus of the other <a href=\"http:\/\/amt.fmcreative.com\/\"> Web Design Basics<\/a> section and the syllabus of a design course <a href=\"http:\/\/pascalglissmann.de\/teaching\/?page_id=46\">CORE INTERACTION-think interface<\/a>. This should give you some perspective on what you have been learning here. <\/p>\n<h2>Javascript, JQuery and PHP<\/h2>\n<\/p>\n<p>Jquery has been the most popular implementation of jQuery. A set of <a href=\"http:\/\/webdesignerwall.com\/tutorials\/jquery-tutorials-for-designers\">Jquery Tutorials<\/a> to get you started.\n<\/p>\n<p>CMS or Content Management System are modular websites, and they are everywhere. The benefits are that content can be accessed and updated by the clients themselves. Once the template is set up, the navigation and look are taken care of. It is possible to acquire templates and modify them for your own usage, or to build them from scratch.\n<\/p>\n<p>Disadvantages are that the site needs to be maintained and becomes vulnerable to being hacked if you don&#8217;t.\n<\/p>\n<p>This site is a modular site running <a href=\"http:\/\/wordpress.org\/\">WordPress<\/a>. Take a look at the wordpress <a href=\"http:\/\/wordpress.org\/showcase\/archives\/\">showcase<\/a> and see other examples. Other popular CMSs are <a href=\"http:\/\/www.joomla.org\/\">Joomla<\/a> and <a href=\"http:\/\/drupal.org\/\">Drupal<\/a>. <\/p>\n<h2>News and External Resources<\/h2>\n<\/p>\n<p>Resources that will aid in your understanding of HTML and CSS. <\/p>\n<ol>\n<li><a href=\"http:\/\/www.codecademy.com\/#!\/exercises\/0\">Learn To Code Academy<\/a>\n<\/li>\n<li><a href=\"http:\/\/eloquentjavascript.net\/contents.html\">Eloquent JavaScript<\/a>\n<\/li>\n<li><a href=\"http:\/\/www.netmagazine.com\/features\/top-25-books-web-designers-and-developers\">Net Magazine&#8217;s 25 best books for web designers and developers<\/a>. Of which the most relevant title for this section is <a href=\"http:\/\/www.amazon.com\/DOM-Scripting-Design-JavaScript-Document\/dp\/1430233893\/ref=dp_ob_title_bk\">DOM Scripting<\/a>, which I read a while ago, and it is a designer friendly approach to learning Javascript.\n<\/li>\n<li><a href=\"http:\/\/developer.apple.com\/library\/safari\/#documentation\/InternetWeb\/Conceptual\/SafariVisualEffectsProgGuide\/Introduction.html\">Safari Visual Effects Guide<\/a>\n<\/li>\n<li><a href=\"http:\/\/dev.opera.com\/\">Opera Developer<\/a>\n<\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/\">Mozilla Developer: <\/a><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/CSS_Reference?redirectlocale=en-US&#038;redirectslug=CSS_Reference\">CSS Reference<\/a> and <a href=\"https:\/\/developer.mozilla.org\/en-US\/demos\/tag\/tech:css3?sort=likes\">Demos<\/a>\n<\/li>\n<\/ol>\n<h2>Definitions<\/h2>\n<\/p>\n<p>These are the terms that participants should be familiar with during this unit:<\/p>\n<dl>\n<dt><a href=\"http:\/\/en.wikipedia.org\/wiki\/PHP\">PHP<\/a><\/p>\n<dd>\n<p><b>PHP<\/b> is a general-purpose server-side <a href=\"http:\/\/en.wikipedia.org\/wiki\/Scripting_language\" title=\"Scripting language\">scripting language<\/a> originally designed for <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_development\" title=\"Web development\">web development<\/a> to produce <a href=\"http:\/\/en.wikipedia.org\/wiki\/Dynamic_web_page\" title=\"Dynamic web page\">dynamic web pages<\/a>. For this purpose, PHP code is embedded into the <a href=\"http:\/\/en.wikipedia.org\/wiki\/HTML\" title=\"HTML\">HTML<\/a> source document and interpreted by a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_server\" title=\"Web server\">web server<\/a> with a PHP processor module, which generates the <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_page\" title=\"Web page\">web page<\/a> document. It also has evolved to include a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Command-line_interface\" title=\"Command-line interface\">command-line interface<\/a> capability and can be used in <a href=\"http:\/\/en.wikipedia.org\/wiki\/Standalone_software\" title=\"Standalone software\">standalone<\/a> <a href=\"http:\/\/en.wikipedia.org\/wiki\/Graphical_user_interface\" title=\"Graphical user interface\">graphical applications<\/a>.<sup id=\"cite_ref-1\" class=\"reference\"><a href=\"#cite_note-1\"><span>[<\/span>2<span>]<\/span><\/a><\/sup> PHP can be deployed on most web servers and as a standalone interpreter, on almost every <a href=\"http:\/\/en.wikipedia.org\/wiki\/Operating_system\" title=\"Operating system\">operating system<\/a> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Platform_(computing)\" title=\"Platform (computing)\" class=\"mw-redirect\">platform<\/a> free of charge.<sup id=\"cite_ref-foundations_2-0\" class=\"reference\"><a href=\"#cite_note-foundations-2\"><span>[<\/span>3<span>]<\/span><\/a><\/sup> There is also commercial software such as <a href=\"http:\/\/en.wikipedia.org\/wiki\/RadPHP\" title=\"RadPHP\">RadPHP<\/a>, a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Rapid_application_development\" title=\"Rapid application development\">rapid application development<\/a> <a href=\"http:\/\/en.wikipedia.org\/wiki\/Software_framework\" title=\"Software framework\">framework<\/a> for the PHP language. A competitor to <a href=\"http:\/\/en.wikipedia.org\/wiki\/Microsoft\" title=\"Microsoft\">Microsoft<\/a>&#8216;s <a href=\"http:\/\/en.wikipedia.org\/wiki\/Active_Server_Pages\" title=\"Active Server Pages\">Active Server Pages<\/a> (ASP) server-side script engine<sup id=\"cite_ref-3\" class=\"reference\"><a href=\"#cite_note-3\"><span>[<\/span>4<span>]<\/span><\/a><\/sup> and similar languages, PHP is installed on more than 20 million websites and 1 million <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_server\" title=\"Web server\">web servers<\/a>.<sup id=\"cite_ref-4\" class=\"reference\"><a href=\"#cite_note-4\"><span>[<\/span>5<span>]<\/span><\/a><\/sup><\/p>\n<p>PHP was originally created by <a href=\"http:\/\/en.wikipedia.org\/wiki\/Rasmus_Lerdorf\" title=\"Rasmus Lerdorf\">Rasmus Lerdorf<\/a> in 1995. The main implementation of PHP is now produced by <a href=\"http:\/\/en.wikipedia.org\/wiki\/The_PHP_Group\" title=\"The PHP Group\" class=\"mw-redirect\">The PHP Group<\/a> and serves as the <a href=\"http:\/\/en.wikipedia.org\/wiki\/De_facto_standard\" title=\"De facto standard\"><i>de facto<\/i> standard<\/a> for PHP as there is no <a href=\"http:\/\/en.wikipedia.org\/wiki\/Formal_specification\" title=\"Formal specification\">formal specification<\/a>.<sup id=\"cite_ref-about_PHP_5-0\" class=\"reference\"><a href=\"#cite_note-about_PHP-5\"><span>[<\/span>6<span>]<\/span><\/a><\/sup> PHP is <a href=\"http:\/\/en.wikipedia.org\/wiki\/Free_software\" title=\"Free software\">free software<\/a> released under the <a href=\"http:\/\/en.wikipedia.org\/wiki\/PHP_License\" title=\"PHP License\">PHP License<\/a> which is incompatible with the <a href=\"http:\/\/en.wikipedia.org\/wiki\/GNU_General_Public_License\" title=\"GNU General Public License\">GNU General Public License<\/a> (GPL) due to restrictions on the usage of the term <i>PHP<\/i>.<sup id=\"cite_ref-6\" class=\"reference\"><a href=\"#cite_note-6\"><span>[<\/span>7<span>]<\/span><\/a><\/sup><\/p>\n<p>PHP is a general-purpose scripting language that is especially suited to <a href=\"http:\/\/en.wikipedia.org\/wiki\/Server-side_scripting\" title=\"Server-side scripting\">server-side<\/a> <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_development\" title=\"Web development\">web development<\/a> where PHP generally runs on a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_server\" title=\"Web server\">web server<\/a>. Any PHP code in a requested file is <a href=\"http:\/\/en.wikipedia.org\/wiki\/Execution_(computing)\" title=\"Execution (computing)\">executed<\/a> by the PHP runtime, usually to create <a href=\"http:\/\/en.wikipedia.org\/wiki\/Dynamic_web_page\" title=\"Dynamic web page\">dynamic web page<\/a> content or dynamic images used on web sites or elsewhere.<sup id=\"cite_ref-33\" class=\"reference\"><a href=\"#cite_note-33\"><span>[<\/span>34<span>]<\/span><\/a><\/sup> It can also be used for <a href=\"http:\/\/en.wikipedia.org\/wiki\/Command-line\" title=\"Command-line\" class=\"mw-redirect\">command-line<\/a> scripting and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Client-side\" title=\"Client-side\">client-side<\/a> <a href=\"http:\/\/en.wikipedia.org\/wiki\/Graphical_user_interface\" title=\"Graphical user interface\">GUI<\/a> applications. PHP can be deployed on most <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_server\" title=\"Web server\">web servers<\/a>, many <a href=\"http:\/\/en.wikipedia.org\/wiki\/Operating_system\" title=\"Operating system\">operating systems<\/a> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Platform_(computing)\" title=\"Platform (computing)\" class=\"mw-redirect\">platforms<\/a>, and can be used with many <a href=\"http:\/\/en.wikipedia.org\/wiki\/Relational_database_management_system\" title=\"Relational database management system\">relational database management systems<\/a> (RDBMS). It is available free of charge, and the PHP Group provides the complete source code for users to build, customize and extend for their own use.<sup id=\"cite_ref-foundations_2-1\" class=\"reference\"><a href=\"#cite_note-foundations-2\"><span>[<\/span>3<span>]<\/span><\/a><\/sup><\/p>\n<p>PHP acts primarily as a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Filter_(software)\" title=\"Filter (software)\">filter<\/a>,<sup id=\"cite_ref-34\" class=\"reference\"><a href=\"#cite_note-34\"><span>[<\/span>35<span>]<\/span><\/a><\/sup> taking input from a file or stream containing text and\/or PHP instructions and outputting another stream of data; most commonly the output will be HTML. Since PHP 4, the PHP <a href=\"http:\/\/en.wikipedia.org\/wiki\/Parser\" title=\"Parser\" class=\"mw-redirect\">parser<\/a> <a href=\"http:\/\/en.wikipedia.org\/wiki\/Compiler\" title=\"Compiler\">compiles<\/a> input to produce <a href=\"http:\/\/en.wikipedia.org\/wiki\/Bytecode\" title=\"Bytecode\">bytecode<\/a> for processing by the <a href=\"http:\/\/en.wikipedia.org\/wiki\/Zend_Engine\" title=\"Zend Engine\">Zend Engine<\/a>, giving improved performance over its <a href=\"http:\/\/en.wikipedia.org\/wiki\/Interpreter_(computing)\" title=\"Interpreter (computing)\">interpreter<\/a> predecessor.<sup id=\"cite_ref-35\" class=\"reference\"><a href=\"#cite_note-35\"><span>[<\/span>36<span>]<\/span><\/a><\/sup><\/p>\n<p>Originally designed to create dynamic web pages, PHP now focuses mainly on <a href=\"http:\/\/en.wikipedia.org\/wiki\/Server-side_scripting\" title=\"Server-side scripting\">server-side scripting<\/a>,<sup id=\"cite_ref-36\" class=\"reference\"><a href=\"#cite_note-36\"><span>[<\/span>37<span>]<\/span><\/a><\/sup> and it is similar to other server-side scripting languages that provide dynamic content from a web server to a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Client_(computing)\" title=\"Client (computing)\">client<\/a>, such as <a href=\"http:\/\/en.wikipedia.org\/wiki\/Microsoft\" title=\"Microsoft\">Microsoft<\/a>&#8216;s <a href=\"http:\/\/en.wikipedia.org\/wiki\/Asp.net\" title=\"Asp.net\" class=\"mw-redirect\">Asp.net<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Sun_Microsystems\" title=\"Sun Microsystems\">Sun Microsystems<\/a>&#8216; <a href=\"http:\/\/en.wikipedia.org\/wiki\/JavaServer_Pages\" title=\"JavaServer Pages\">JavaServer Pages<\/a>,<sup id=\"cite_ref-37\" class=\"reference\"><a href=\"#cite_note-37\"><span>[<\/span>38<span>]<\/span><\/a><\/sup> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Mod_perl\" title=\"Mod perl\">mod_perl<\/a>. PHP has also attracted the development of many <a href=\"http:\/\/en.wikipedia.org\/wiki\/Software_framework\" title=\"Software framework\">frameworks<\/a> that provide building blocks and a design structure to promote <a href=\"http:\/\/en.wikipedia.org\/wiki\/Rapid_application_development\" title=\"Rapid application development\">rapid application development<\/a> (RAD). Some of these include <a href=\"http:\/\/en.wikipedia.org\/wiki\/CakePHP\" title=\"CakePHP\">CakePHP<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Symfony\" title=\"Symfony\">Symfony<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/CodeIgniter\" title=\"CodeIgniter\" class=\"mw-redirect\">CodeIgniter<\/a>, and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Zend_Framework\" title=\"Zend Framework\">Zend Framework<\/a>, offering features similar to other <a href=\"http:\/\/en.wikipedia.org\/wiki\/List_of_web_application_frameworks\" title=\"List of web application frameworks\" class=\"mw-redirect\">web application frameworks<\/a>.<\/p>\n<dt>On JavaScript<\/p>\n<dd>Mastering CSS is akin to building amazing things with Legos. Understanding JavaScript is like manufacturing Legos. Though related, they are simultaneously altogether different. <a href=\"http:\/\/sonspring.com\/journal\/adapt-js-explained\"><\/a> <\/p>\n<dt><a href=\"http:\/\/en.wikipedia.org\/wiki\/JavaScript\">Javacript<\/a><\/p>\n<dd>\n<p><b>JavaScript<\/b> is a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Prototype-based\" title=\"Prototype-based\" class=\"mw-redirect\">prototype-based<\/a> <a href=\"http:\/\/en.wikipedia.org\/wiki\/Scripting_language\" title=\"Scripting language\">scripting language<\/a> that is <a href=\"http:\/\/en.wikipedia.org\/wiki\/Dynamic_language\" title=\"Dynamic language\" class=\"mw-redirect\">dynamic<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Weak_typing\" title=\"Weak typing\">weakly typed<\/a> and has <a href=\"http:\/\/en.wikipedia.org\/wiki\/First-class_functions\" title=\"First-class functions\" class=\"mw-redirect\">first-class functions<\/a>. It is a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Multi-paradigm\" title=\"Multi-paradigm\" class=\"mw-redirect\">multi-paradigm<\/a> language, supporting <a href=\"http:\/\/en.wikipedia.org\/wiki\/Object-oriented_programming\" title=\"Object-oriented programming\">object-oriented<\/a>,<sup id=\"cite_ref-ECMA-262_5-0\" class=\"reference\"><a href=\"#cite_note-ECMA-262-5\"><span>[<\/span>6<span>]<\/span><\/a><\/sup> <a href=\"http:\/\/en.wikipedia.org\/wiki\/Imperative_programming\" title=\"Imperative programming\">imperative<\/a>, and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Functional_programming\" title=\"Functional programming\">functional<\/a><sup id=\"cite_ref-jsfunc_0-1\" class=\"reference\"><a href=\"#cite_note-jsfunc-0\"><span>[<\/span>1<span>]<\/span><\/a><\/sup><sup id=\"cite_ref-6\" class=\"reference\"><a href=\"#cite_note-6\"><span>[<\/span>7<span>]<\/span><\/a><\/sup> programming styles.<\/p>\n<p>JavaScript was formalized in the <a href=\"http:\/\/en.wikipedia.org\/wiki\/ECMAScript\" title=\"ECMAScript\">ECMAScript<\/a> language standard and is primarily used in the form of <a href=\"http:\/\/en.wikipedia.org\/wiki\/Client-side_JavaScript\" title=\"Client-side JavaScript\">client-side JavaScript<\/a>, implemented as part of a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_browser\" title=\"Web browser\">Web browser<\/a> in order to provide enhanced <a href=\"http:\/\/en.wikipedia.org\/wiki\/User_interface\" title=\"User interface\">user interfaces<\/a> and dynamic <a href=\"http:\/\/en.wikipedia.org\/wiki\/Website\" title=\"Website\">websites<\/a>. This enables <a href=\"http:\/\/en.wikipedia.org\/wiki\/Computer_programming\" title=\"Computer programming\">programmatic<\/a> access to computational objects within a host environment.<\/p>\n<p>JavaScript&#8217;s use in <a href=\"http:\/\/en.wikipedia.org\/wiki\/Application_software\" title=\"Application software\">applications<\/a> outside Web pages&#160;\u2014 for example in <a href=\"http:\/\/en.wikipedia.org\/wiki\/Portable_Document_Format\" title=\"Portable Document Format\">PDF<\/a> documents, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Site-specific_browser\" title=\"Site-specific browser\">site-specific browsers<\/a>, and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Desktop_widget\" title=\"Desktop widget\" class=\"mw-redirect\">desktop widgets<\/a>&#160;\u2014 is also significant. Newer and faster JavaScript <a href=\"http:\/\/en.wikipedia.org\/wiki\/Virtual_machine\" title=\"Virtual machine\">VMs<\/a> and frameworks built upon them (notably <a href=\"http:\/\/en.wikipedia.org\/wiki\/Node.js\" title=\"Node.js\">Node.js<\/a>) have also increased the popularity of JavaScript for server-side web applications.<\/p>\n<p>JavaScript uses syntax influenced by that of <a href=\"http:\/\/en.wikipedia.org\/wiki\/C_(programming_language)\" title=\"C (programming language)\">C<\/a>. JavaScript copies many names and naming conventions from <a href=\"http:\/\/en.wikipedia.org\/wiki\/Java_(programming_language)\" title=\"Java (programming language)\">Java<\/a> but the two languages are otherwise unrelated and have very different semantics. The key design principles within JavaScript are taken from the <a href=\"http:\/\/en.wikipedia.org\/wiki\/Self_(programming_language)\" title=\"Self (programming language)\">Self<\/a> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Scheme_(programming_language)\" title=\"Scheme (programming language)\">Scheme<\/a> programming languages.<sup id=\"cite_ref-7\" class=\"reference\"><a href=\"#cite_note-7\"><span>[<\/span>8<span>]<\/span><\/a><\/sup><\/p>\n<dt><a href=\"http:\/\/en.wikipedia.org\/wiki\/JavaScript_library\">Javacript Libraries<\/a><\/p>\n<dd>\n<p>A <b>JavaScript library<\/b> is a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Library_(computing)\" title=\"Library (computing)\">library<\/a> of pre-written <a href=\"http:\/\/en.wikipedia.org\/wiki\/JavaScript\" title=\"JavaScript\">JavaScript<\/a> which allows for easier development of JavaScript-based applications, especially for <a href=\"http:\/\/en.wikipedia.org\/wiki\/Ajax_(programming)\" title=\"Ajax (programming)\">AJAX<\/a> and other <a href=\"http:\/\/en.wikipedia.org\/wiki\/World_Wide_Web\" title=\"World Wide Web\">web-centric<\/a> technologies.<\/p>\n<p>Some JavaScript libraries, such as <a href=\"http:\/\/en.wikipedia.org\/wiki\/Yahoo!_UI_Library\" title=\"Yahoo! UI Library\">YUI<\/a>, are classified as <a href=\"http:\/\/en.wikipedia.org\/wiki\/Software_framework\" title=\"Software framework\">frameworks<\/a> since they exhibit full-stack capabilities and properties not found in general JavaScript libraries.<\/p>\n<p>While JavaScript, as first developed by <a href=\"http:\/\/en.wikipedia.org\/wiki\/Netscape_Communications_Corporation\" title=\"Netscape Communications Corporation\" class=\"mw-redirect\">Netscape<\/a> (and later <a href=\"http:\/\/en.wikipedia.org\/wiki\/Mozilla_Foundation\" title=\"Mozilla Foundation\">Mozilla<\/a>), has long had a presence on the Web for many <a href=\"http:\/\/en.wikipedia.org\/wiki\/Website\" title=\"Website\">websites<\/a>, it gained a particular pitch with the rise of the <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_2.0\" title=\"Web 2.0\">Web 2.0<\/a> era of computing, in which JavaScript became increasingly used for the development of user interfaces for applications, both <a href=\"http:\/\/en.wikipedia.org\/wiki\/Web_application\" title=\"Web application\">web-based<\/a> and desktop-based. JavaScript was also combined with <a href=\"http:\/\/en.wikipedia.org\/wiki\/Cascading_Style_Sheets\" title=\"Cascading Style Sheets\">CSS<\/a> to create <a href=\"http:\/\/en.wikipedia.org\/wiki\/Dynamic_web_page\" title=\"Dynamic web page\">dynamic web pages<\/a>, which have also become popular as a more efficient and accessible alternative to <a href=\"http:\/\/en.wikipedia.org\/wiki\/Adobe_Flash\" title=\"Adobe Flash\">Flash<\/a> -based websites.<\/p>\n<p>With the expanded demands for JavaScript, an easier means for programmers to develop such dynamic interfaces was needed. Thus, JavaScript libraries such as <a href=\"http:\/\/en.wikipedia.org\/wiki\/Prototype_JavaScript_Framework\" title=\"Prototype JavaScript Framework\">Prototype<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Script.aculo.us\" title=\"Script.aculo.us\">script.aculo.us<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Ext_(javascript_library)\" title=\"Ext (javascript library)\" class=\"mw-redirect\">Ext Core<\/a>, <a href=\"http:\/\/en.wikipedia.org\/wiki\/MooTools\" title=\"MooTools\">MooTools<\/a> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/JQuery\" title=\"JQuery\">jQuery<\/a> and JavaScript widget libraries such as <a href=\"http:\/\/en.wikipedia.org\/wiki\/Ext_(javascript_library)\" title=\"Ext (javascript library)\" class=\"mw-redirect\">Ext JS<\/a> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Dojo_Toolkit\" title=\"Dojo Toolkit\">Dojo Toolkit<\/a> were developed, allowing for developers to concentrate more upon more distinctive applications of AJAX. This has led to other companies and groups, such as <a href=\"http:\/\/en.wikipedia.org\/wiki\/Microsoft\" title=\"Microsoft\">Microsoft<\/a> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Yahoo!\" title=\"Yahoo!\">Yahoo!<\/a> developing their own JavaScript-based user interface libraries, which find their way into the web applications developed by these companies.<\/p>\n<p>Almost all JavaScript libraries are released under either a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Copycenter\" title=\"Copycenter\" class=\"mw-redirect\">copycenter<\/a> or <a href=\"http:\/\/en.wikipedia.org\/wiki\/Copyleft\" title=\"Copyleft\">copyleft<\/a> license to ensure license-free distribution, usage, and modification.<\/p>\n<dt><a href=\"http:\/\/en.wikipedia.org\/wiki\/JQuery\">jQuery<\/a><\/p>\n<dd>\n<p><b>jQuery<\/b> is a <a href=\"\/wiki\/Cross-browser\" title=\"Cross-browser\">cross-browser<\/a> <a href=\"\/wiki\/JavaScript_library\" title=\"JavaScript library\">JavaScript library<\/a> designed to simplify the <a href=\"\/wiki\/Client-side_scripting\" title=\"Client-side scripting\">client-side scripting<\/a> of <a href=\"\/wiki\/HTML\" title=\"HTML\">HTML<\/a>.<sup id=\"cite_ref-jquery.com_0-0\" class=\"reference\"><a href=\"#cite_note-jquery.com-0\"><span>[<\/span>1<span>]<\/span><\/a><\/sup> It was released in January 2006 at <a href=\"\/wiki\/BarCamp\" title=\"BarCamp\">BarCamp<\/a> NYC by <a href=\"\/wiki\/John_Resig\" title=\"John Resig\">John Resig<\/a>. Used by over 55% of the 10,000 most visited websites, jQuery is the most popular <a href=\"\/wiki\/JavaScript_library\" title=\"JavaScript library\">JavaScript library<\/a> in use today.<sup id=\"cite_ref-1\" class=\"reference\"><a href=\"#cite_note-1\"><span>[<\/span>2<span>]<\/span><\/a><\/sup><sup id=\"cite_ref-2\" class=\"reference\"><a href=\"#cite_note-2\"><span>[<\/span>3<span>]<\/span><\/a><\/sup><\/p>\n<p>jQuery is <a href=\"\/wiki\/Free_and_open_source_software\" title=\"Free and open source software\">free, open source software<\/a>, <a href=\"\/wiki\/Dual-licensing\" title=\"Dual-licensing\" class=\"mw-redirect\">dual-licensed<\/a> under the <a href=\"\/wiki\/MIT_License\" title=\"MIT License\">MIT License<\/a> or the <a href=\"\/wiki\/GNU_General_Public_License#Version_2\" title=\"GNU General Public License\">GNU General Public License, Version 2<\/a>.<sup id=\"cite_ref-3\" class=\"reference\"><a href=\"#cite_note-3\"><span>[<\/span>4<span>]<\/span><\/a><\/sup> jQuery&#8217;s syntax is designed to make it easier to navigate a document, select <a href=\"\/wiki\/Document_Object_Model\" title=\"Document Object Model\">DOM<\/a> elements, create <a href=\"\/wiki\/Animation\" title=\"Animation\">animations<\/a>, handle <a href=\"\/wiki\/Event_(computing)\" title=\"Event (computing)\">events<\/a>, and develop <a href=\"\/wiki\/Ajax_(programming)\" title=\"Ajax (programming)\">Ajax applications<\/a>. jQuery also provides capabilities for developers to create <a href=\"\/wiki\/Plug-in_(computing)\" title=\"Plug-in (computing)\">plug-ins<\/a> on top of the JavaScript library. This enables developers to create <a href=\"\/wiki\/Abstraction_(computer_science)\" title=\"Abstraction (computer science)\">abstractions<\/a> for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery framework allows the creation of powerful and <a href=\"\/wiki\/Dynamic_web_page\" title=\"Dynamic web page\">dynamic web pages<\/a> and web applications.<\/p>\n<\/dd>\n<\/dt>\n<\/dd>\n<\/dt>\n<\/dd>\n<\/dt>\n<\/dd>\n<\/dt>\n<\/dd>\n<\/dt>\n<\/dl>\n","protected":false},"excerpt":{"rendered":"<p>Week 114\/9-4\/10 Programming on the web. Scrips on the server and the client create the modern web experience. 1) Introduction to PHP. Activity: Use PHP includes to make final website modular. 2) JQuery as a way to create dynamic web &hellip; <a href=\"https:\/\/b.parsons.edu\/~dejongo\/12-php-javascript\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"_links":{"self":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts\/756"}],"collection":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/comments?post=756"}],"version-history":[{"count":41,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts\/756\/revisions"}],"predecessor-version":[{"id":6623,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/posts\/756\/revisions\/6623"}],"wp:attachment":[{"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/media?parent=756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/categories?post=756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/b.parsons.edu\/~dejongo\/wp-json\/wp\/v2\/tags?post=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}