• No results found

Introduction to web development

N/A
N/A
Info
Download
Protected

Academic year: 2021

Share "Introduction to web development"

Copied!
20
0
0

Loading.... (view fulltext now)

Download now ( 20 Page )

Full text

(1)

Santiago Canyon College

CIS-132: Introduction to JavaScript

Lesson 1

Introduction

(2)

Objectives

Applied

Load a web page from the Internet or an intranet

into a web browser.

View the source code for a web page in a web

browser.

Knowledge

Describe the components of a client-server

architecture.

Describe HTTP requests and responses.

Distinguish between the way a web server processes

(3)
(4)

The architecture of the Internet

`

`

`

LAN

`

`

`

LAN

`

`

`

LAN

`

WAN

`

`

LAN

`

`

LAN

WAN

`

`

LAN

WAN

WAN

`

`

`

LAN

`

`

`

LAN

IXP

IXP

IXP

(5)

Terms

server

network

local area network (LAN)

wide area network (WAN)

Internet

Internet exchange points (IXP)

(6)

How a web server processes a static web page

`

Web browser

Web server

HTTP request

HTTP response

XHTML

file

(7)

A simple HTTP request

GET / HTTP/1.1

Host: www.rpkessler.com

A simple HTTP response

<html>

<head>

<title>Welcome to CIS-132</title>

</head>

<body>

<p>This is our home page</p>

</body>

(8)

Two protocols that web applications

depend upon

Hypertext Transfer Protocol (HTTP)

Transmission Control Protocol/Internet Protocol (

TCP/IP).

Network components that web

applications depend upon:

IP addressing

DHCP

DNS

Switches, routers, microwave, fiber optics, telephone

(9)

Terms you should know

Hypertext Markup Language (HTML)

static web page

HTTP request

HTTP response

TCP/IP

HTTPS

FTP

DNS

DHCP

IP addressing/subnet mask/gateway

(10)

How a web server processes a dynamic web page

`

Web browser

Web server

HTTP request

HTTP response

Application server

Application script

Database server

(11)

Terms

dynamic web page

application server

database server

(12)

Web browsers

Internet Explorer

Firefox

Safari

Opera

Chrome

Web servers

Apache

IIS

(13)

Server-side scripting languages

ASP.NET

JSP

PHP

ColdFusion

Ruby

Perl

Python

(14)

How JavaScript fits into this architecture

`

Web browser

Web server

HTTP request

HTTP response

Application server

Application script

Database server

JavaScript

(15)

Common uses of JavaScript

Validate form data before it is sent to the server for

processing.

Respond to user actions such as mouse clicks and

key presses.

Create dynamic menus.

Create slide shows.

Animate elements in a web page.

Create timers, clocks, and calendars.

Change the style sheet that a web page uses.

Sort the data that’s in a table.

(16)

The code for a web page

<html >

<head>

<title>Mike's Bait and Tackle Shop</title>

</head>

<body>

<h1>Mike's Bait and Tackle Shop</h1>

<p>Welcome to Mike's Bait and Tackle Shop.

We have all the gear you'll need

to make your next fishing trip a great success!</p>

<h2>New Products</h2>

<ul>

<li>Ultima 3000 Two-handed fly rod</li>

<li>Phil's Faux Shrimp Fly - Size 6</li>

<li>Titanium Open Back Fly Reel - Black</li>

</ul>

<p>Contact us by phone at 559-555-6624 to place

your order today.</p>

(17)
(18)

Terms

Extensible hypertext markup language (XHTML)

XHTML elements

opening tag

closing tag

(19)

The DOM for the web page

html

body

head

title

h1

p

h2

ul

p

li

li

li

(20)

The components of an HTTP URL

http://www.murach.com/books/index.htm

References

Download now ( PDF - 20 Page - 729.96 KB )

Related documents

Body Image Among Older, Rural, African-American Women with Type 2 Diabetes

Normal to slim body im- ages as presented in a photographic array were selected as being more attractive, less likely to have diabetes and hypertension, healthier and to be

Web Application Firewalls: When Are They Useful? OWASP AppSec Europe May The OWASP Foundation

Network Firewalls Do Not Work For HTTP Firewall Port 80 HTTP Traffic Web Client Web Server Application Application Database Server...

Dubai Companies 206

Kalandoor Career DMCC Careers Dubai Customs DP World Career Dalkia Dubai Career ADGAS Career Mattex Career [email protected]. Paris Gallery

Broadband Forum G-PON ONU Certification Program Update

l   Assurance of protocol compliance allows service providers to dedicate resources. to address their

Overlapping genes and the proteins they encode differ significantly in their sequence composition from non-overlapping genes.

S1 Dataset contains the biological information that we collected for each pair of overlapping genes (type of experimental evidence for expression, mechanism of translation, function

The focus control unit for the optical microscope

Cílem bakalářské práce je návrh a sestrojení zařízení, které bude pomocí optického mikroskopu JENAVERT a digitálního fotoaparátu automaticky pořizovat

Pure server-side Web Applications with Java, JSP. Application Servers: the Essential Tool of Server-Side Programming. Install and Check Tomcat

– Data contained in app server’s request, session, application scopes App Server Server-side Code (Java servlets, JSP) Browser http request html response?.

Bilingualism, Executive Function, and Attention Deficit/hyperactivity Disorder

Given the relationship between bilingualism and executive function already established, the real question is will individuals coming out of an elementary school two- way