Client-Side Scripting

MCI 1013: Internet and Mobile Application

Trimester 1 2018/2019
Nurul Aini Mohamad Nordan (nurul.aini.Nordan@staff.mmu.edu.my)
DID YOU KNOW…(cont.)
 The World Wide Web (WWW) began as a text-only medium-
the first browsers didn't even support images within web
pages.

 Today's websites can include a lot of features: graphics,

sounds, animation, video, and occasionally useful content.

 Web scripting languages also known as client-side scripting

languages, such as JavaScript, are one of the easiest ways to
add dynamic state to a web page and to interact with users
in new ways.

NAMN / 1810
DID YOU KNOW…
 If you know how to use HTML (Hypertext Markup Language)
to create a web document, you've already worked with one
computer language.

 But HTML is a simple text markup language, it can't respond

to the user, make decisions, or automate repetitive tasks.
These require a more sophisticated language: a
programming language, or a scripting language.

 Web scripting languages enable you to combine scripting

with HTML to create interactive web pages.

NAMN / 1810
THE CLIENT-SIDE ENVIRONMENT …(cont.)

 The client-side environment used to run scripts is usually a

browser.

 The processing takes place on the end users computer.

 The source code is transferred from the web server to

the users computer over the internet and run directly in
the browser.

NAMN / 1810
THE CLIENT-SIDE ENVIRONMENT

 The scripting language needs to be enabled on the

client computer.

 Sometimes if a user is conscious of security risks they

may switch the scripting facility off.

 When this is the case a message usually pops up to alert

the user when script is attempting to run.

NAMN / 1810
 THE BROWSER

A browser is an
application program
that provides a way to
look at and interact
with all the information
on the World Wide
Web

NAMN / 1810
THE TERMINOLOGY
These are the common terms that related with Client-Side Environment but
not limited to these terms ONLY…

Web page
HTML
ASP
SDK
API
CSS
Web browser
Intranet
Crawler
NAMN / 1810
THE TERMINOLOGY
These are the common terms that related with Client-Side Environment but
not limited to these terms ONLY…

These documents are written in HTML (hypertext markup

language) and are translated by your Web browser. Web pages
can either be static or dynamic. Static pages show the same
content each time they are viewed. Dynamic pages have
content that can change each time they are accessed.

Hypertext Markup Language, a standardized system for tagging text files

to achieve font, colour, graphic, and hyperlink effects on World Wide Web
pages.

NAMN / 1810
 THE TERMINOLOGY
These are the common terms that related with Client-Side Environment but
not limited to these terms ONLY…

Active Server Pages, later known as Classic ASP or ASP Classic, is

Microsoft's first server-side script engine for dynamically
generated web pages. ASP.NET, first released in January 2002,
has superseded ASP.

A software development kit is typically a set of software development tools

that allows the creation of applications for a certain software package,
software framework, hardware platform, computer system,
video game console, operating system, or similar development platform.
To enrich applications with advanced functionalities, advertisements,
push notifications, and more, most app developers implement specific software
development kits. Some SDKs are critical for developing a platform-specific app.
For example, the development of an Android app on Java platform requires a
Java Development Kit, for iOS apps the iOS SDK
NAMN / 1810
THE TERMINOLOGY
These are the common terms that related with Client-Side Environment but
not limited to these terms ONLY…

a set of functions and procedures that allow the creation of

applications which access the features or data of an operating
system, application, or other service.

CSS stands for Cascading Style Sheets. CSS describes how HTML elements are
to be displayed on screen, paper, or in other media. CSS saves a lot of work.
It can control the layout of multiple web pages all at once.

NAMN / 1810
THE TERMINOLOGY: SDK vs API

NAMN / 1810
 THE TERMINOLOGY: SDK vs API

 An API refers to a set of programming instructions and standards that a

developer use to access a web tool or database.

 SDK is an implementation tools that means a complete set of software

development tools for development of platform specific apps and it’s
a collection of multiple APIs, documentation and programming tools.
Even experienced developers sometimes find it daunting to opt
between SDK or API

NAMN / 1810
THE TERMINOLOGY: SDK vs API

NAMN / 1810
Client Side Scripting
‘vs’
Server Side Scripting

NAMN/1810
TYPES OF SCRIPTING LANGUAGES…(cont.)
 Perl (Practical Extraction and Report Language). This is a
popular string processing language for writing small scripts for
system administrators and web site maintainers. Much web
development is now done using Perl.

 Hypertalk is another example. It is the underlying scripting

language of HyperCard.

 Lingo is the scripting language of Macromedia Director, an

authoring system for develop high-performance multimedia
content and applications for CDs, DVDs and the Internet.

NAMN/1810
TYPES OF SCRIPTING LANGUAGES…(cont.)
 AppleScript, a scripting language for the Macintosh allows
the user to send commands to the operating system to, for
example open applications, carry out complex data
operations.

 VBScript, a cut-down version of Visual Basic, used to

enhance the features of web pages in Internet Explorer.

NAMN/1810
TYPES OF SCRIPTING LANGUAGES
>> JavaScript
 JavaScript, perhaps the most publicised and well-known
scripting language was initially developed by Netscape as
LiveScript to allow more functionality and enhancement to
web page authoring that raw HTML could not
accommodate.
 A standard version of JavaScript was later developed to
work in both Netscape and Microsoft's Internet Explorer, thus
making the language to a large extent, universal.
 This means that JavaScript code can run on any platform
that has a JavaScript interpreter.

INFO: PHP & PYTHON are most well-known languages among the developers
NAMN/1810
Interpreter Vs Compiler
Scripts and Programs
 Some programming
languages must be
compiled, or translated,
into machine code before
they can be executed.
 Client-side scripts, on the
other hand, are an
interpreted language
 The browser executes each
line of script as it comes to
it.
 The change is executed as
soon as you refresh the
document in the browser.
 Now, can you differentiate
between Java &
JavaScript?
NAMN/1810