It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:

WWW  WWW  Provides a single interface to the network of networks.  WWW is composed of: A protocol: HTTP A data standard: HTML A naming standard: URI/URL/URN  Web Browser  A program that provides a graphical interface with the web. In other words, a way to push buttons so that HTTP protocols are invoked using URI’s to obtain and render HTMLs. 2

WWW  The internet is a global network of computers  Web applications follow a client-server architecture  client : the web browser Firefox Chrome Opera Safari Explorer  server : the web server Apache IIS Tomcat 3

C LIENT / S ERVER  Clients request documents from servers  The request is sent via HTTP and may contain data  Servers respond to requests  The response is sent via HTTP and is probably HTML 4 ChromeServer HTTP REQUEST HTTP RESPONSE

S ERVERS AND B ROWSERS  The web uses a client-server architecture  Web browser is the client  Web server is the server 5

W EB P ROGRAMMING T OOLS  Writing a web app involves many technologies:  Client (browser) side:  HTML5 – a standard document structure  XML – a standard document structure  JavaScript – a language for client-side programming  CSS – styling the web page  Server side:  Servlets/JSP/JSF – Java based  PHP – server-side scripting language  Ruby – server-side scripting language  ASP.NET – Microsoft solution  MySQL - database 6

S YLLABUS  In two weeks we will talk about  HTML (2-3 days)  CSS (2-3 days)  JavaScript (2-3 days)  JQuery (1-2 days)  Bootstrap (1-2 days)  Every day we will  Talk about UW-L  Talk about web development  Talk about how to succeed at UW-L 7