!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Lecture 1: Introduction
Lecture 1
Introduction to COMP 416
Ketan Mayer-Patel
University of North Carolina
What is the WWW?
- Client/Server Architecture
- Client: Browser
- Server: Web Server
- Resources requested by name
- Response rendered by browser
- Web page, image, movie, file, etc.
Anatomy of a URL
- Protocol
- Server
- Port Number
- Path
HTTP
- Protocol defined
- Requests
- Mapping to files
- Responses
- Stateless
HTML
- Format of web pages
- Example: class pages
- Tags as...
- markup
- links...
- to other pages,
- to resources
- embedded media
- scripts
Early HTML Problems
- Original idea
- Structured content
- Client-directed presentation
- Tag pollution
- Syntax abuse
XML
- Structured documents
- Features
- Machine parseable
- Extensible
XHTML 1.0
- In relationship to HTML 4.0
- Presentation-specific tags deprecated.
- Validation
Server-side Programmability
- Why?
- Mechanisms
- Technologies
- PHP
- ASP
- Java Servlets
- Ruby on Rails
Client-side Programmability
MVC Web Apps
- Model/View/Controller
- Where the pieces are
- How they interact
MVC Drawbacks
- Interactive features
- Dynamic information
- Smoothness
AJAX Model
- MVC pieces revisited
- XHR mechanism
- Web services
What's Ahead (1)
- URLs and HTTP
- HTML/XHTML/CSS
- Client-side Programming
- JavaScript
- Event-based Programming
- DOM
- AJAX
- RESTful Web Services
What's Ahead (2)
- Server-side programming
- PHP
- Form processing
- Cookies
- Databases
- Design principles
- SQL via PHP
- Security