Client-side & Server-side Scripting ©Richard L. Goldman August 5, 2003 Requires PowerPoint 2002 or later for full functionality.

Slides:

Advertisements

Similar presentations

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.

Advertisements

Internet Applications Development Lecture 2 L. Obead Alhadreti.

Introduction to JavaScript

HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.

DT228/3 Web Development WWW and Client server model.

Session 13 Active Server Pages (ASP) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.

Understand Web Page Development Software Development Fundamentals LESSON 4.1.

Languages for Dynamic Web Documents

Server-Side vs. Client-Side Scripting Languages

HTML Markup language - controls appearance and content of a document Javascripts Various HTML tags.

MSc. Publishing on WWW JavaScript. What is JavaScript? A scripting language devised by Netscape Adds functionality to web pages by: Embedding code into.

Session 6 Server-side programming - ASP. An ASP page is an HTML page interspersed with server-side code. The.ASP extension instead of.HTM denotes server-side.

Lecture 3B: Client-Side Scripting IT 202—Internet Applications Based on notes developed by Morgan Benton.

Introduction to Web Database Processing

HTML Recall that HTML is static in that it describes how a page is to be displayed, but it doesn’t provide for interaction or animation. A page created.

DT211/3 Internet Development Application Internet Development Application.

Introduction to Web Interface Technology (CSE2030)

Multiple Tiers in Action

DT228/3 Web Development WWW and Client server model.

Oral Presentation CSCE 330 ASP Tamiko Simmons Sherita Gee Robert Rhoden.

Computer Science 101 Web Access to Databases Overview of Web Access to Databases.

2440: 141 Web Site Administration Web Server-Side Programming Professor: Enoch E. Damson.

Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Web Programming Language Dr. Ken Cosh Week 1 (Introduction)

Server Side Scripting Norman White. Where do we do processing? Client side – Javascript (embed code in html) – Java applets (send java program to run.

INTRODUCTION TO WEB DATABASE PROGRAMMING

4.1 JavaScript Introduction

Server- Side technologies Client-side vs. Server-side scripts PHP basic ASP.NET basic ColdFusion.

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.

Lecture Note 3: ASP Syntax.  ASP Syntax  ASP Syntax ASP Code is Browser-Independent. You cannot view the ASP source code by selecting "View source"

HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

JavaScript, Fifth Edition Chapter 1 Introduction to JavaScript.

Databases and the Internet. Lecture Objectives Databases and the Internet Characteristics and Benefits of Internet Server-Side vs. Client-Side Special.

Basics of Web Databases With the advent of Web database technology, Web pages are no longer static, but dynamic with connection to a back-end database.

OV Copyright © 1998 Ziff-Davis Education, a division of Ziff-Davis Inc. All rights reserved. The Internet World-wide network of computers connected.

Chapter 9: Web Programming and Related Tools i-Net+ Guide to the Internet Third Edition.

Lesson13. JavaScript JavaScript is an interpreted language, designed to function within a web browser. It can also be used on the server.

1 3. Computing System Fundamentals 3.1 Language Translators.

Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.

Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 

1 MSCS 237 Overview of web technologies (A specific type of distributed systems)

Client-side processing in JavaScript.... JavaScript history Motivations –lack of “dynamic content” on web pages animations etc user-customised displays.

JavaScript Tutorial 1 - Introduction to JavaScript1 Tutorial 1 Introduction to JavaScript Section A – Programming, HTML, and JavaScript.

JavaScript Syntax, how to use it in a HTML document

Active Server Pages Server-Side Scripting and Client-Side Scripting.

Introduction to JavaScript CS101 Introduction to Computing.

RUBRIC IP1 Ruben Botero Web Design III. The different approaches to accessing data in a database through client-side scripting languages. – On the client.

Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.

ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.

JavaScript Introduction. Slide 2 Lecture Overview JavaScript background The purpose of JavaScript A first JavaScript example Introduction to getElementById.

 Previous lessons have focused on client-side scripts  Programs embedded in the page’s HTML code  Can also execute scripts on the server  Server-side.

Module: Software Engineering of Web Applications Chapter 2: Technologies 1.

Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.

 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.

Introduction to JavaScript Fort Collins, CO Copyright © XTR Systems, LLC Introduction to JavaScript Programming Instructor: Joseph DiVerdi, Ph.D., MBA.

ASP-2-1 SERVER AND CLIENT SIDE SCRITPING Colorado Technical University IT420 Tim Peterson.

Creating Databases applications for the Web: week 2 Basic HTML review, forms HW: Identify unique source for asp, php, Open Source, MySql, Access.

ASP Syntax Y.-H. Chen International College Ming-Chuan University Fall, 2004.

1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.

Javascript ECMA Script. Scripting Languages Executed by an interpreter A program that reads & runs commands;advanced enough to be a lang Parsed when.

Web Page Designing With Dreamweaver MX\Session 1\1 of 9 Session 1 Introduction to PHP Hypertext Preprocessor - PHP.

Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.

ASP – Web Programming Class  Ravi Anand. ASP – Active Server Pages What is ASP? - Microsoft Technology - Can Run using IIS/PWS/Others - Helps us create.

1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.

Active Server Pages Computer Science 40S.

Introduction to ASP By “FlyingBono” 2009_01 By FlyingBono 2009_01

JavaScript an introduction.

An Introduction to JavaScript

Presentation transcript:

Client-side & Server-side Scripting ©Richard L. Goldman August 5, 2003 Requires PowerPoint 2002 or later for full functionality.

© Richard L. Goldman 2 Simple HTML Web Page Simple HTML files are interpreted by the client’s Web browser, formatted and displayed as a static Web page.

© Richard L. Goldman 3 Web ServerClient Computer Simple Web Page Browser Software (IE) Web Server Software (IIS) Web Site Web Page (.htm) Web Page (.htm) Web Page (.htm) Web Page (.htm) Web page requested Web server sends Web page to client Browser renders Web page

© Richard L. Goldman 4 Scripts Scripts may be included in a Web page to create a dynamic Web page which allows user interactivity. Scripts can be written in different languages: JavaScript (IE & Netscape – this is not Java) JScript (IE only - Microsoft version of JavaScript) VBScript or VBS (IE only - Visual Basic) ECMAScript (IE & Netscape - Cross-platform language) (European Computer Manufacturers Association) Each scripting language requires its own specific interpreter (engine) to run the script.

© Richard L. Goldman 5 Client-side Script Tags Scripts that run on the client’s computer are called Client-side scripts. Use the... tags to include the script in a HTML document. Use the LANGUAGE attribute to identify the scripting language that you are using JavaScript is the default language on most browsers and will be run if a language is not specified.

© Richard L. Goldman 6 Inserting a Script Scripts can be placed in either the Head or the Body. Client-side scripts placed at the end of the body will allow the page to be displayed before the script is run. Mr. Goldman Welcome Sample Hello ”; Good By ”;

© Richard L. Goldman 7 Web ServerClient Computer Client-side JavaScript Browser Software (IE) Web Server Software (IIS) Web Site Web page requested Web Page (.htm) Web Page (.htm) JavaScript Web Page (.htm) Web Page (.htm) JavaScript Server sends Web page (with script) to client JavaScript Engine

© Richard L. Goldman 8 Web ServerClient Computer Client-side JavaScript Browser Software (IE) Web Server Software (IIS) Web Site Browser renders Web page Web Page (.htm) Web Page (.htm) JavaScript Web Page (.htm) Web Page (.htm) JavaScript Engine JavaScript JavaScript engine processes the script

© Richard L. Goldman 9 External Client-side Scripts Common scripts that are used by many different web pages may be placed in an external file. External JavaScript files must be saved with a.js extension. External files are called with the source (src) attribute of the SCRIPT tag.

© Richard L. Goldman 10 Web ServerClient Computer Client-side External JavaScript Browser Software (IE) Web Server Software (IIS) Web Site Web page requested Web Page (.htm) Web Page (.htm) Script Call Web Page (.htm) Web Page (.htm) Script Call Server sends Web page (with script call) to client ExtScript (.js) ExtScript (.js) JavaScript Engine

© Richard L. Goldman 11 Web ServerClient Computer Client-side External JavaScript Browser Software (IE) Web Server Software (IIS) Web Site Browser renders Web page Browser calls external script Web Page (.htm) Web Page (.htm) Script Call Web Page (.htm) Web Page (.htm) Script call ExtScript (.js) ExtScript (.js) JavaScript Engine Script call External script is sent to client- side JavaScript engine ExtScript (.js) ExtScript (.js)

© Richard L. Goldman 12 Client-side Script Engines The client computer can have multiple types of script engines. The client computer is capable of running different types of scripts concurrently.

© Richard L. Goldman 13 Web ServerClient Computer Client Side Script Engines Browser Software (IE) JavaScript Engine VBScript Engine JScript Engine Web Server Software (IIS) ECMAScript Engine Web Page (.htm) Web Page (.htm) Web Site Web Page (.htm) Web Page (.htm)

© Richard L. Goldman 14 Server-side Script Software ManufacturerWeb ServerServer-side Language/File Extension MicrosoftInternet Information Server (IIS)Active Server Page /.asp Linux/UnixApachePHP: Hypertext Processor /.php AllaireCold FusionCold Fusion Markup language /.cfm Server-side scripts are designed to be run on a Web server. Different manufactures have created different types of software to implement server-side technology – there is no standard. The file extension indicates that they are to be processed by the server and what software should be used.

© Richard L. Goldman 15 Web ServerClient Computer Server-side VBScript (IIS & ASP) Browser Software (IE) Web Server Software (IIS) ASP Engine (asp.dll) VBScript Engine Web Site ASP page requested Active Server Page (.asp) Active Server Page (.asp) VBScript Active Server Page (.asp) Active Server Page (.asp) VBScript Web server sends ASP page to ASP Engine

© Richard L. Goldman 16 Web ServerClient Computer Server-side VBScript Browser Software (IE) Web Server Software (IIS) ASP Engine (asp.dll) VBScript Engine Web Site Active Server Page (.asp) Active Server Page (.asp) VBScript Active Server Page (.asp) Active Server Page (.asp) Active Server Page (.asp) Active Server Page (.asp) VBScript Browser renders Web page ASP page (less server- side script) is sent to client VBScript engine processes the script

© Richard L. Goldman 17 Web ServerClient Computer Server-side VBScript Browser Software (IE) Web Server Software (IIS) ASP Engine (asp.dll) VBScript Engine Web Site Active Server Page (.asp) Active Server Page (.asp) VBScript Active Server Page (.asp) Active Server Page (.asp) Active Server Page (.asp) Active Server Page (.asp) VBScript Server-side scripts allow for interaction between client and server.

© Richard L. Goldman 18 External Server-side Scripts Know as – Server Side Include (SSI) files. Common scripts that are used by many different server- side ASP pages may be placed in a SSI file. SSI files are saved with an.inc extension (or.asp). SSI files are called from an ASP file with the include keyword. SSI files are located and identified with the file attribute.

© Richard L. Goldman 19 Web ServerClient Computer Server Side VBScript Browser Software (IE) Web Server Software (IIS) Web Page (.htm) Web Page (.htm) ASP Engine (asp.dll) VBScript Engine Web Site Web Page (.htm) Web Page (.htm) SSI file (.inc) SSI file (.inc) ASP Page (.asp) ASP Page (.asp) Script Call ASP Page (.asp) ASP Page (.asp) Script Call ASP page requested Web server sends ASP page to ASP Engine

© Richard L. Goldman 20 Server-side Scripts With server-side scripts, the script engine only needs to be on the Web server – a client-side script engine in not required. Server-side scripts are never sent to the client computer. The client can not access or view the script. Client-side and server-side scripts can be used concurrently. Server-side scripts can be written in: JavaScript JScript VBScript (Not ECMAScript)

© Richard L. Goldman 21 Web ServerClient Computer Client-side & Server-side Script Engines Browser Software (IE) JavaScript Engine VBScript Engine JScript Engine Web Server Software (IIS) ECMAScript Engine ASP Engine (asp.dll) JavaScript Engine VBScript Engine JScript Engine Web Site Client-side script engines Server-side script engines Web Page (.htm) Web Page (.htm) Web Page (.htm) Web Page (.htm) Script Call CS Script ASP Page (.asp) ASP Page (.asp) SS Script Script Call

© Richard L. Goldman 22 Web ServerClient Computer Server Side VBScript Browser Software (IE) JavaScript Engine VBScript Engine JScript Engine Web Server Software (IIS) ECMAScript Engine Web Page (.htm) Web Page (.htm) ASP Engine (asp.dll) JavaScript Engine VBScript Engine JScript Engine Request Response Server Session Application Web Site Web Page (.htm) Web Page (.htm) Script Call CS Script ASP Page (.asp) ASP Page (.asp) SS Script ExtScript (.js) ExtScript (.js) SSI file (.inc) SSI file (.inc) Script Call

© Richard L. Goldman 23 Web ServerClient Computer Server Side VBScript Browser Software (IE) JavaScript Engine VBScript Engine JScript Engine Web Server Software (IIS) ECMAScript Engine Web Page (.htm) Web Page (.htm) ASP Engine (asp.dll) JavaScript Engine VBScript Engine JScript Engine Request Response Server Session Application Web Site Web Page (.htm) Web Page (.htm) Script Call CS Script ASP Page (.asp) ASP Page (.asp) SS Script ExtScript (.js) ExtScript (.js) SSI file (.inc) SSI file (.inc) Script Call

© Richard L. Goldman 24 Web ServerClient Computer Server Side VBScript Browser Software (IE) JavaScript Engine VBScript Engine JScript Engine Web Server Software (IIS) ECMAScript Engine Web Page (.htm) Web Page (.htm) ASP Engine (asp.dll) JavaScript Engine VBScript Engine JScript Engine Request Response Server Session Application Web Site Web Page (.htm) Web Page (.htm) Script Call CS Script ASP Page (.asp) ASP Page (.asp) SS Script ExtScript (.js) ExtScript (.js) SSI file (.inc) SSI file (.inc) Script Call

© Richard L. Goldman 25 Web ServerClient Computer Server Side VBScript Browser Software (IE) JavaScript Engine VBScript Engine JScript Engine Web Server Software (IIS) Active Server Page (.asp) Active Server Page (.asp) ECMAScript Engine Web Page (.htm) Web Page (.htm) Server Side Include file (.inc) Server Side Include file (.inc) ASP Engine (asp.dll) JavaScript Engine VBScript Engine JScript Engine Request Response Server Session Application Web Site Web Page (.htm) Web Page (.htm)

© Richard L. Goldman 26 Web ServerClient Computer Server Side VBScript Browser Software (IE) JavaScript Engine VBScript Engine JScript Engine Web Server Software (IIS) Active Server Page (.asp) Active Server Page (.asp) ECMAScript Engine Web Page (.htm) Web Page (.htm) Server Side Include file (.inc) Server Side Include file (.inc) ASP Engine (asp.dll) JavaScript Engine VBScript Engine JScript Engine Request Response Server Session Application Web Site Web Page (.htm) Web Page (.htm)