{"id":77,"date":"2009-09-03T11:12:23","date_gmt":"2009-09-03T11:12:23","guid":{"rendered":"http:\/\/msftechnologies.com\/www.ww\/?p=77"},"modified":"2013-01-31T16:48:41","modified_gmt":"2013-01-31T16:48:41","slug":"understanding-web-development","status":"publish","type":"post","link":"https:\/\/msftechnologies.com\/www.ww\/understanding-web-development\/web-development\/09\/03\/","title":{"rendered":"Understanding Web development"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/msftechnologies.com\/www.ww\/wp-content\/uploads\/2009\/09\/web.jpg\" alt=\"\" title=\"Understanding Web Development\" width=\"296\" height=\"170\" class=\"alignleft size-full wp-image-357\" \/>Web development is a broad term for any activity to developing a web site for the World Wide Web or an internet. This can include e-commerce business development, web design, web content development, client-side\/server-side scripting, and web server configuration.<\/p>\n<p>However, among web professionals, &#8220;web development&#8221; usually refers only to the non-design aspects of building web sites, e.g. writing markup and coding. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services.<\/p>\n<p>For larger businesses and organizations, web development teams can consist of hundreds of people (web developers). Smaller organizations may only require a single permanent or contracting webmaster, or secondary assignment to related job positions such as a graphic designer and\/or Information systems technician.<\/p>\n<p>Web development may be a collaborative effort between departments rather than the domain of a designated department.<\/p>\n<p>\u00a0Web Development can be split into many areas and a typical and basic web development hierarchy might consist of:<\/p>\n<h3><span class=\"mw-headline\">Client Side Coding<\/span><\/h3>\n<ul>\n<li><a class=\"mw-redirect\" title=\"AJAX\" href=\"http:\/\/en.wikipedia.org\/wiki\/AJAX\"><br \/>\nAJAX<\/a> Provides new methods of using Javascript, server side languages (eg ASP.Net or PHP) and other languages to improve the user experience.<\/li>\n<li><a title=\"Adobe Flash\" href=\"http:\/\/en.wikipedia.org\/wiki\/Adobe_Flash\"><br \/>\nFlash<\/a> Adobe<br \/>\n<a class=\"mw-redirect\" title=\"Flash Player\" href=\"http:\/\/en.wikipedia.org\/wiki\/Flash_Player\"><br \/>\nFlash Player<\/a> is a ubiquitous client-side platform ready for<a title=\"Rich Internet application\" href=\"http:\/\/en.wikipedia.org\/wiki\/Rich_Internet_application\">RIAs<\/a>.<br \/>\n<a class=\"new\" title=\"Flex 2 (page does not exist)\" href=\"http:\/\/en.wikipedia.org\/w\/index.php?title=Flex_2&amp;action=edit&amp;redlink=1\"><br \/>\nFlex 2<\/a> is also deployed to the Flash Player (version 9+)<\/li>\n<li><a class=\"mw-redirect\" title=\"Javascript\" href=\"http:\/\/en.wikipedia.org\/wiki\/Javascript\"><br \/>\nJavascript<\/a> Formally called ECMAScript, Javascript is a ubiquitous client side programming tool.<\/li>\n<li><a title=\"Microsoft Silverlight\" href=\"http:\/\/en.wikipedia.org\/wiki\/Microsoft_Silverlight\"><br \/>\nMicrosoft Silverlight<\/a> Microsoft&#8217;s browser plugin that enables animation, vector graphics and high-definition video playback, programmed using XAML and .NET programming languages.<\/li>\n<\/ul>\n<p>\u00a0<\/p>\n<h3><span class=\"mw-headline\">Server Side Coding<\/span><\/h3>\n<ul>\n<li><a title=\"Active Server Pages\" href=\"http:\/\/en.wikipedia.org\/wiki\/Active_Server_Pages\"><br \/>\nASP<\/a> (Microsoft proprietary)<\/li>\n<li><a title=\"ColdFusion\" href=\"http:\/\/en.wikipedia.org\/wiki\/ColdFusion\"><br \/>\nColdFusion<\/a> (Adobe proprietary, formerly Macromedia)<\/li>\n<li><a title=\"Common Gateway Interface\" href=\"http:\/\/en.wikipedia.org\/wiki\/Common_Gateway_Interface\"><br \/>\nCGI<\/a> and\/or <a title=\"Perl\" href=\"http:\/\/en.wikipedia.org\/wiki\/Perl\">Perl<\/a>\u00a0(open source)<\/li>\n<li><a class=\"new\" title=\"C Server Scripts (page does not exist)\" href=\"http:\/\/en.wikipedia.org\/w\/index.php?title=C_Server_Scripts&amp;action=edit&amp;redlink=1\"><br \/>\nC Server Scripts<\/a> (TrustLeap G-WAN, freeware)<\/li>\n<li><a title=\"Java (programming language)\" href=\"http:\/\/en.wikipedia.org\/wiki\/Java_(programming_language)\"><br \/>\nJava<\/a>, e.g. <a class=\"mw-redirect\" title=\"J2EE\" href=\"http:\/\/en.wikipedia.org\/wiki\/J2EE\">2EE<\/a> or <a title=\"WebObjects\" href=\"http:\/\/en.wikipedia.org\/wiki\/WebObjects\">WebObjects<\/a><\/li>\n<li><a class=\"mw-redirect\" title=\"Lotus Domino\" href=\"http:\/\/en.wikipedia.org\/wiki\/Lotus_Domino\"><br \/>\nLotus Domino<\/a><\/li>\n<li><a title=\"PHP\" href=\"http:\/\/en.wikipedia.org\/wiki\/PHP\">PHP<\/a> (open source)<\/li>\n<li><a title=\"Python (programming language)\" href=\"http:\/\/en.wikipedia.org\/wiki\/Python_(programming_language)\"><br \/>\nPython<\/a>, e.g. <a title=\"Django (web framework)\" href=\"http:\/\/en.wikipedia.org\/wiki\/Django_(web_framework)\">Django (web framework)<\/a> (open source)<\/li>\n<li><a class=\"mw-redirect\" title=\"Ruby programming language\" href=\"http:\/\/en.wikipedia.org\/wiki\/Ruby_programming_language\"><br \/>\nRuby<\/a>, e.g. <a title=\"Ruby on Rails\" href=\"http:\/\/en.wikipedia.org\/wiki\/Ruby_on_Rails\">Ruby on Rails<\/a> (open source)<\/li>\n<li><a title=\"Smalltalk\" href=\"http:\/\/en.wikipedia.org\/wiki\/Smalltalk\"><br \/>\nSmalltalk<\/a> e.g. <a title=\"Seaside (software)\" href=\"http:\/\/en.wikipedia.org\/wiki\/Seaside_(software)\">Seaside<\/a>, <a title=\"AIDA\/Web\" href=\"http:\/\/en.wikipedia.org\/wiki\/AIDA\/Web\">AIDA\/Web<\/a><\/li>\n<li><a class=\"mw-redirect\" title=\"SSJS\" href=\"http:\/\/en.wikipedia.org\/wiki\/SSJS\"><br \/>\nSSJS<\/a> Server-Side JavaScript, e.g. <a title=\"Aptana\" href=\"http:\/\/en.wikipedia.org\/wiki\/Aptana\">Aptana<\/a> Jaxer, <a class=\"mw-redirect\" title=\"Mozilla Rhino\" href=\"http:\/\/en.wikipedia.org\/wiki\/Mozilla_Rhino\">Mozilla Rhino<\/a><\/li>\n<li><a class=\"mw-redirect\" title=\"Websphere\" href=\"http:\/\/en.wikipedia.org\/wiki\/Websphere\"><br \/>\nWebsphere<\/a> (IBM proprietary)<\/li>\n<li><a title=\".NET\" href=\"http:\/\/en.wikipedia.org\/wiki\/.NET\">.NET<\/a>\u00a0(Microsoft proprietary)<\/li>\n<\/ul>\n<p>\u00a0<\/p>\n<h3><span class=\"mw-headline\">Client Side + Server Side<\/span><\/h3>\n<ul>\n<li><a title=\"Google Web Toolkit\" href=\"http:\/\/en.wikipedia.org\/wiki\/Google_Web_Toolkit\"><br \/>\nGoogle Web Toolkit<\/a> provides tools to create and maintain complex<br \/>\n<a title=\"JavaScript\" href=\"http:\/\/en.wikipedia.org\/wiki\/JavaScript\"><br \/>\nJavaScript<\/a> front-end applications in<br \/>\n<a title=\"Java (programming language)\" href=\"http:\/\/en.wikipedia.org\/wiki\/Java_(programming_language)\"><br \/>\nJava<\/a>.<\/li>\n<li><a title=\"Pyjamas (software)\" href=\"http:\/\/en.wikipedia.org\/wiki\/Pyjamas_(software)\"><br \/>\nPyjamas<\/a> is a tool and framework for developing AJAX applications and <a class=\"mw-redirect\" title=\"Rich Internet Applications\" href=\"http:\/\/en.wikipedia.org\/wiki\/Rich_Internet_Applications\">Rich Internet Applications<\/a> in python.<\/li>\n<li><a title=\"Tersus\" href=\"http:\/\/en.wikipedia.org\/wiki\/Tersus\">Tersus<\/a> is a platform for the development of rich web applications by visually defining user interface, client side behavior and server side processing. (open source)<\/li>\n<\/ul>\n<p>However lesser known languages like\u00a0 <a title=\"Ruby (programming language)\" href=\"http:\/\/en.wikipedia.org\/wiki\/Ruby_(programming_language)\">Ruby<\/a> and <a title=\"Python (programming language)\" href=\"http:\/\/en.wikipedia.org\/wiki\/Python_(programming_language)\">Python<\/a> are often paired with database servers other than <a title=\"MySQL\" href=\"http:\/\/en.wikipedia.org\/wiki\/MySQL\">MySQL<\/a> (the M in LAMP). Below are example of other databases currently in wide use on the web. For instance some developers prefer a LAPR(Linux\/Apache\/PostgreSQL\/Ruby on Rails) setup for development.<\/p>\n<p>\u00a0<\/p>\n<h3><span class=\"mw-headline\">Database Technology<\/span><\/h3>\n<ul>\n<li><a title=\"Apache Derby\" href=\"http:\/\/en.wikipedia.org\/wiki\/Apache_Derby\"><br \/>\nApache Derby<\/a><\/li>\n<li><a title=\"DB2\" href=\"http:\/\/en.wikipedia.org\/wiki\/DB2\">DB2<\/a> (IBM proprietary)<\/li>\n<li><a title=\"Firebird (database server)\" href=\"http:\/\/en.wikipedia.org\/wiki\/Firebird_(database_server)\"><br \/>\nFirebird<\/a><\/li>\n<li><a title=\"Microsoft SQL Server\" href=\"http:\/\/en.wikipedia.org\/wiki\/Microsoft_SQL_Server\"><br \/>\nMicrosoft SQL Server<\/a><\/li>\n<li><a title=\"MySQL\" href=\"http:\/\/en.wikipedia.org\/wiki\/MySQL\">MySQL<\/a><\/li>\n<li><a title=\"Oracle Database\" href=\"http:\/\/en.wikipedia.org\/wiki\/Oracle_Database\"><br \/>\nOracle<\/a><\/li>\n<li><a title=\"PostgreSQL\" href=\"http:\/\/en.wikipedia.org\/wiki\/PostgreSQL\"><br \/>\nPostgreSQL<\/a><\/li>\n<li><a title=\"SQLite\" href=\"http:\/\/en.wikipedia.org\/wiki\/SQLite\">SQLite<\/a><\/li>\n<\/ul>\n<p>In practice, many <a title=\"Web developer\" href=\"http:\/\/en.wikipedia.org\/wiki\/Web_developer\">web developers<\/a> will also have <strong>interdisciplinary<\/strong> skills \/ roles, including:<\/p>\n<ul>\n<li><a title=\"Graphic design\" href=\"http:\/\/en.wikipedia.org\/wiki\/Graphic_design\"><br \/>\nGraphic design<\/a> \/ <a title=\"Web design\" href=\"http:\/\/en.wikipedia.org\/wiki\/Web_design\">webdesign<\/a><\/li>\n<li><a title=\"Information architecture\" href=\"http:\/\/en.wikipedia.org\/wiki\/Information_architecture\"><br \/>\nInformation architecture<\/a> and <a title=\"Copywriting\" href=\"http:\/\/en.wikipedia.org\/wiki\/Copywriting\">copywriting<\/a>\/<a class=\"mw-redirect\" title=\"Copyediting\" href=\"http:\/\/en.wikipedia.org\/wiki\/Copyediting\">copyediting<\/a>\u00a0with web <a title=\"Usability\" href=\"http:\/\/en.wikipedia.org\/wiki\/Usability\">usability<\/a>, <a title=\"Web accessibility\" href=\"http:\/\/en.wikipedia.org\/wiki\/Web_accessibility\">accessibility<\/a> and <a title=\"Search engine optimization\" href=\"http:\/\/en.wikipedia.org\/wiki\/Search_engine_optimization\">search engine optimization<\/a> in mind<\/li>\n<li><a title=\"Project management\" href=\"http:\/\/en.wikipedia.org\/wiki\/Project_management\"><br \/>\nProject management<\/a>, <a class=\"mw-redirect\" title=\"Quality Assurance\" href=\"http:\/\/en.wikipedia.org\/wiki\/Quality_Assurance\">QA<\/a> and other aspects common to <a title=\"Software development\" href=\"http:\/\/en.wikipedia.org\/wiki\/Software_development\">IT development<\/a> in general<\/li>\n<\/ul>\n<p>\u00a0<\/p>\n<p>The above list is a simple website development hierarchy and can be extended to include all client side and server side aspects. It is still important to remember that web development is generally split up into client side coding covering aspects such as the layout and design, then server side coding, which covers the website&#8217;s functionality and back end systems.<\/p>\n<p>Looking at these items from an &#8220;umbrella approach&#8221;, client side coding such as <a title=\"XHTML\" href=\"http:\/\/en.wikipedia.org\/wiki\/XHTML\">XHTML<\/a> is executed and stored on a local client (in a web browser) whereas server side code is not available to a client and is executed on a <a title=\"Web server\" href=\"http:\/\/en.wikipedia.org\/wiki\/Web_server\">web server<\/a><br \/>\nwhich generates the appropriate XHTML which is then sent to the client. As the nature of client side coding allows you to alter the HTML on a local client and refresh the pages with updated content (locally), <a class=\"mw-redirect\" title=\"Web designers\" href=\"http:\/\/en.wikipedia.org\/wiki\/Web_designers\">web designers<\/a> must bear in mind the importance and relevance to security with their server side scripts. If a server side script accepts content from a locally modified client side script, the web development of that page shows poor sanitization with relation to <a title=\"Web development\" href=\"http:\/\/en.wikipedia.org\/wiki\/Web_development#Security\">security<\/a>.<\/p>\n<p>Source: Wikipedia\u00ae &#8211; a registered trademark of the <a href=\"http:\/\/www.wikimediafoundation.org\/\">Wikimedia Foundation, Inc.<\/a>, a non-profit organization<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web development is a broad term for any activity to developing a web site for the World Wide Web or an internet. This can include e-commerce business development, web design, web content development, client-side\/server-side scripting, and web server configuration. However, among web professionals, &#8220;web development&#8221; usually refers only to the non-design aspects of building web [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[19],"class_list":["post-77","post","type-post","status-publish","format-standard","hentry","category-web-development","tag-understanding-web-development"],"_links":{"self":[{"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/posts\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":12,"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/posts\/77\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/posts\/77\/revisions\/405"}],"wp:attachment":[{"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/media?parent=77"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/categories?post=77"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/msftechnologies.com\/www.ww\/wp-json\/wp\/v2\/tags?post=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}