Menu
Home
People
Places
Arts
History
Plants & Animals
Science
Life & Culture
Technology
Reference.org
Outline of web design and web development
open-in-new
<h2 id="web-design">Web design</h2> <ul><li><a href="/facts/Graphic_design/CJu4SYuG">Graphic design</a> <ul><li><a href="/facts/Typography/byx4sANl">Typography</a></li> <li><a href="/facts/Page_layout/DkpES0M3">Page layout</a></li></ul></li> <li><a href="/facts/User_experience_design/wYjvMsf8">User experience design</a> (UX design)</li> <li><a href="/facts/User_interface_design/bHpLP1ae">User interface design</a> (UI design)</li> <li>Web Design techniques <ul><li><a href="/facts/Responsive_web_design/gXbDHuno">Responsive web design (RWD)</a></li> <li><a href="/facts/Adaptive_web_design/jtSSRHFS">Adaptive web design (AWD)</a></li> <li><a href="/facts/Progressive_enhancement/d54qcFcj">Progressive enhancement</a></li> <li><a href="/facts/Tableless_web_design/oIhglWRN">Tableless web design</a></li></ul></li> <li><a href="/facts/Software/RP79lVSW">Software</a> <ul><li><a href="/facts/Adobe_Photoshop/f6bbmNx0">Adobe Photoshop</a></li> <li><a href="/facts/Adobe_Illustrator/T0L5wGoT">Adobe Illustrator</a></li> <li><a href="/facts/Adobe_XD/fPSU0vAx">Adobe XD</a></li> <li><a href="/facts/Figma_(software)/wDrFARtH">Figma</a></li> <li><a href="/facts/Sketch_(software)/vRbxtHKz">Sketch (software)</a></li> <li><a href="/facts/Affinity_Designer/cCrHve0o">Affinity Designer</a></li> <li><a href="/facts/Inkscape/2tWDngTv">Inkscape</a></li></ul></li></ul> <h2 id="web-development">Web development</h2> <ul><li><a href="/facts/Front-end_web_development/zl9U2fq0">Front-end web development</a> – the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that data. <ul><li><a href="/facts/HTML/sSc3fT78">HTML</a> (HyperText Markup Language) (*.html)</li> <li><a href="/facts/Cascading_Style_Sheets/tA90XBQo">CSS</a> (Cascading Style Sheets) (*.css) <ul><li><a href="/facts/CSS_framework/2tEnktQc">CSS framework</a></li></ul></li> <li><a href="/facts/JavaScript/XhhIIEsl">JavaScript</a> (*.js) <ul><li><a href="/facts/Package_manager/kEX4kx7g">Package managers</a> for JavaScript <ul><li><a href="/facts/Npm_(software)/wJg3ebn2">npm</a> (originally short for Node Package Manager)</li></ul></li></ul></li></ul></li> <li><a href="/facts/Server-side_scripting/JnLx8FnL">Server-side scripting</a> (also known as "Server-side (web) development" or "Back-end (web) development") <ul><li><a href="/facts/Active_Server_Pages/um62st21">ASP</a> (*.asp)</li> <li><a href="/facts/ASP.NET_Web_Forms/d4tnbp4b">ASP.NET Web Forms</a> (*.aspx)</li> <li><a href="/facts/ASP.NET_Web_Pages/JtSUR2SJ">ASP.NET Web Pages</a> (*.cshtml, *.vbhtml)</li> <li><a href="/facts/ColdFusion_Markup_Language/AbjNUunm">ColdFusion Markup Language</a> (*.cfm)</li> <li><a href="/facts/Go_(programming_language)/oWlsmAFJ">Go</a> (*.go)</li> <li><a href="/facts/Google_Apps_Script/y97Co7qd">Google Apps Script</a> (*.gs)</li> <li><a href="/facts/Hack_(programming_language)/yIpr4zfv">Hack</a> (*.php)</li> <li><a href="/facts/Haskell_(programming_language)/4Htv9WLu">Haskell</a> (*.hs) (example: <a href="/facts/Yesod_(web_framework)/HjuUzuCa">Yesod</a>)</li> <li><a href="/facts/Java_(programming_language)/9ScgFyAL">Java</a> (*.jsp) via <a href="/facts/JavaServer_Pages/LAr4ALkb">JavaServer Pages</a></li> <li><a href="/facts/JavaScript/XhhIIEsl">JavaScript</a> or <a href="/facts/TypeScript/W9J27V1N">TypeScript</a> using <a href="/facts/Server-side_JavaScript/XhhIIEsl">Server-side JavaScript</a> (*.ssjs, *.js, *.ts) (example: <a href="/facts/Node.js/FKzhV4Qa">Node.js</a>)</li> <li><a href="/facts/Lasso_(programming_language)/N3o4Ubqu">Lasso</a> (*.lasso)</li> <li><a href="/facts/Lua_(programming_language)/xkBCgta0">Lua</a> (*.lp *.op *.lua)</li> <li><a href="/facts/Node.js/FKzhV4Qa">NodeJS</a> (*.node)</li> <li><a href="/facts/Parser_(programming_language)/WnkwjPgt">Parser</a> (*.p)</li> <li><a href="/facts/Perl/fx31kjlT">Perl</a> via the <a href="/facts/CGI.pm/S16wtvwH">CGI.pm</a> module (*.cgi, *.ipl, *.pl)</li> <li><a href="/facts/PHP/vU6YRJX0">PHP</a> (*.php, *.php3, *.php4, *.phtml)</li> <li><a href="/facts/OpenEdge_Advanced_Business_Language/cjvom6A5">Progress WebSpeed</a> (*.r,*.w)</li> <li><a href="/facts/Python_(programming_language)/YbuGqofa">Python</a> (*.py) (examples: <a href="/facts/Pyramid_(web_framework)/cWdJxCwa">Pyramid</a>, <a href="/facts/Flask_(web_framework)/ubK8Ry4U">Flask</a>, <a href="/facts/Django_(Web_framework)/TjPPmvSg">Django</a>)</li> <li><a href="/facts/R_(programming_language)/LSrkr8K8">R</a> (*.rhtml) – (example: rApache)</li> <li><a href="/facts/React_(JavaScript_library)/wEllNzoY">React</a> (*.jsx, *.tsx)</li> <li><a href="/facts/Ruby_(programming_language)/BeYSaPSR">Ruby</a> (*.rb, *.rbw) (example: <a href="/facts/Ruby_on_Rails/aG5P6uon">Ruby on Rails</a>)</li> <li>SMX (*.smx)</li> <li><a href="/facts/Tcl_(programming_language)/s7fbKYtR">Tcl</a> (*.tcl)</li></ul></li> <li>Full stack web development – involves both front-end and back-end (server-side) development</li> <li><a href="/facts/Web_framework/8f1CVHDX">Web framework</a> <ul><li>Types of framework architectures <ul><li><a href="/facts/Model%E2%80%93view%E2%80%93controller/vRbMXjMm">Model–view–controller</a></li> <li><a href="/facts/Multitier_architecture/cUTM2sU9">Three-tier architecture</a></li></ul></li></ul></li> <li><a href="/facts/Software/RP79lVSW">Software</a> <ul><li><a href="/facts/Atom_(text_editor)/fHN07lHW">Atom</a></li> <li><a href="/facts/IntelliJ_IDEA/h689XrQz">IntelliJ IDEA</a></li> <li><a href="/facts/Sublime_Text/8GzJSGEr">Sublime Text</a></li> <li><a href="/facts/Visual_Studio_Code/YsBDgKlK">Visual Studio Code</a></li></ul></li></ul> <h2 id="see-also">See also</h2> <ul><li><a href="/facts/Outline_of_computers/nYMUmwUT">Outline of computers</a> <ul><li><a href="/facts/Outline_of_computing/TSLlWDFh">Outline of computing</a> and <a href="/facts/Outline_of_information_technology/8vcnK3du">Outline of information technology</a> <ul><li><a href="/facts/Outline_of_computer_science/1lAxBHGF">Outline of computer science</a> <ul><li><a href="/facts/Outline_of_artificial_intelligence/gpySbMRe">Outline of artificial intelligence</a></li> <li><a href="/facts/Outline_of_cryptography/E6r9ID3G">Outline of cryptography</a></li></ul></li> <li><a href="/facts/Outline_of_the_Internet/InsjKd6U">Outline of the Internet</a> <ul><li><a href="/facts/Outline_of_Google/uu12EhAK">Outline of Google</a></li></ul></li> <li><a href="/facts/Outline_of_software/Io5nV0wn">Outline of software</a> <ul><li>Types of software <ul><li><a href="/facts/Outline_of_free_software/5dpqNAUF">Outline of free software</a></li> <li><a href="/facts/Outline_of_search_engines/UebI1vUL">Outline of search engines</a></li></ul></li> <li><a href="/facts/Outline_of_software_development/80bfNW1W">Outline of software development</a> <ul><li><a href="/facts/Outline_of_software_engineering/FgC24RMV">Outline of software engineering</a></li> <li>Outline of web design and web development</li> <li><a href="/facts/Outline_of_computer_programming/hqCj4wL3">Outline of computer programming</a> <ul><li>Programming languages <ul><li><a href="/facts/Outline_of_C%2B%2B/EevI8tUU">Outline of C++</a></li> <li><a href="/facts/Outline_of_Perl/lDXhd0c6">Outline of Perl</a></li></ul></li></ul></li></ul></li></ul></li> <li><a href="/facts/Outline_of_computer_engineering/7XwcFwLN">Outline of computer engineering</a></li></ul></li></ul></li></ul> <h2 id="external-links">External links</h2> <h2 id="references">References</h2> <ol> <li id="fn:1"><p>Lester, Georgina. "Different jobs and responsibilities of various people involved in creating a website". Arts Wales UK. Archived from the original on 2013-05-31. Retrieved 2012-03-17. <a href="https://web.archive.org/web/20130531231053/http://www.arts-wales.co.uk/index.php?option=com_content&task=view&id=152&Itemid=48" target="_blank">https://web.archive.org/web/20130531231053/http://www.arts-wales.co.uk/index.php?option=com_content&task=view&id=152&Itemid=48</a> <a href="#fnref:1" class="footnote-back-ref">↩</a></p></li> <li id="fn:2"><p>"What is Web Development? – Definition from Techopedia". Techopedia.com. Retrieved 2018-12-07. <a href="https://www.techopedia.com/definition/23889/web-development" target="_blank">https://www.techopedia.com/definition/23889/web-development</a> <a href="#fnref:2" class="footnote-back-ref">↩</a></p></li> <li id="fn:3"><p>Campbell, Jennifer (2017). Web Design: Introductory. Cengage Learning. p. 27. <a href="#fnref:3" class="footnote-back-ref">↩</a></p></li> </ol>