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

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 2

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 3 ChromeServer HTTP REQUEST HTTP RESPONSE

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

5. W EB P ROGRAMMING T OOLS  Writing a web app involves many technologies:  Client (browser) side:  HTML5 – a standard document structure  JSON – a standard data exchange language  JavaScript – a client-side programming language  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 5

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