Client Side Web Programming

1
Client Side Web Programming

• By Dan Ferrell

2
Introduction

• What is client side programming?
• Common Implementations
• Plug-Ins, Java, Flash, VBScript,..
• Pros and Cons of Implementations
• Client Side Vs. Server Side
• Which one to pick?
• Implementation Examples

3
Introduction

• Client side programming is designed to add
  dynamic behavior to the end user through the
  web.
• More interaction, more features.
• Execution is done within the web browser.
• Client is downloaded and then ran locally on the
  end users browser.

4
How It All Works
5
Common Languages

• Most client side web programming is accomplished
  through the following languages
• Scripting Language
• JavaScript
• PerlScript
• VBScript
• Plug-Ins
• Shockwave
• Flash
• Applets
• Java

6
Scripting Languages

• Lightweight Programming Languages
• Java Script, Perl Script, ..
• Lack graphic capability
• Basic Functionality
• Buttons, User Interface, Calculation

7
Plug-Ins

• Downloaded On the Clients End
• More powerful than scripts
• Requires the user to Download for it to function
• Playing Audio, Movies, etc In your web browser.
• Security Risks Involved
• Trusting it to do what it says

8
Applets

• The compromise between power and security.
• Full OOP language within a web browser.
• No access to the machine.
• Security Restriction to all applets.
• Ran within the browser through a java virtual
  machine.
• Cross platform compatible.
• Slow
• JVM has to load then the applet..

9
Pros and Cons - Implementation
10
Client Side vs. Server Side
11
Examples

• A Simple Script
• ltH1gtHello World JavaScriptlt/H1gt
• ltSCRIPT LANGUAGE"JavaScript"gt   for( i1
  ilt15 i)     document.write ("Hello
  Worldltbrgt") lt/SCRIPTgt

12
Examples Cont

• A simple Java Applet

Java Code
HTML/Browser Code
import java.applet. import java.awt. public
class HelloWorld extends Applet public void
paint( Graphics g ) g.drawString("Hello
World",50,25)
ltAPPLET code"HelloWorld.class" width150
height50gt You need a Java-enabled browser to
view this. lt/APPLETgt
13
Questions

• Questions?