1. It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy: http://www.flickr.com/photos/booleansplit/2393247122/

2. 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

3. 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

4. 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

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

6. 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

7. 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