SlideShare a Scribd company logo
2
Most read
3
Most read
9
Most read
Scripting Languages
Diane Krebs
11-7-14
Overview
 How it works
 What are scripts
 Different Scripting Languages
 Web pages & scripts
 Conclusion
:Web
Browser

Web
Server
1 - Request an HTML Page
4 - Present HTML Content
2 - Retrieve requested HTML
3 - Return HTML to Browser
HTML
How it Works
I n t e r n e t
Client requests page
Completed HTML sent to client
Web Server
Client Machine
With Web Browser
• The script, written by the website developer, generates the HTML code of the page requested.
• The HTML code is not actually a file. The code is actually held in the server’s memory until it is
sent directly to the client.
• A script may run other scripts, depending on its function. It will however still only give one
end result.
• A website does not have to be completely made up of either scripts or HTML files. It can use a
combination of the two.
Script builds
HTML code
HTML ready to send
Server runs script
[ ASP / PHP / Ruby ]
Script
HTML Code
How Scripting Languages Work
What Are Scripts?
 A new style of programming language different from system
programming languages
 It does not matter what scripting language a website uses
because there are no compatibility issues with clients’ web
browsers.
 Designed as glue language or system integration language
 A single statement can execute huge number of machine
instructions
 Can create dynamic web pages
 Change based on user input
 The client only ever sees the final HTML generated by the script
and not the script itself.
 Scripts often finish running in several milliseconds. Most web
servers can run many scripts simultaneously with a minimal
performance hit.
Two Types
 Server-side Scripting Language
 Can use huge resources of the server
 Complete all processing in the server and send plain
pages to the client
 Reduces client-side computation overhead
 Client-side Scripting Language
 Does not involve server processing
 Complete application is downloaded to the client browser
 Client browser executes it locally
 Are normally used to add functionality to web pages e.g.
different menu styles, graphic displays or dynamic
advertisements
I n t e r n e t
1. Client requests page
2. Web server sends the HTML file to the client
Web Server
Client Machine
With Web Browser
• A simple website is made up of one or more static HTML files. This means the page
content does not change.
• The only way to update a page is for the author to edit the file.
• This is fine for small websites or those that require little updating.
• Static pages will not work for websites that need to deliver lots of custom and up-to-
date content: e-commerce, auctions, blogs, search engines, online banking
Static Web Pages
• The facebook homepage could be
considered static because it has a
fixed layout and content. It does
not change.
• After Login results page however
is dynamic. This means its
content can be changed.
• The only practical way to create
this page is by using a script
• The user never sees the work a
script does, only the end result it
sends back to their browser.
DynamicWebPageStaticWebPage
Dynamic Web Pages
Perl, Python, Ruby
 Perl
 Found on all Windows and Linux servers
 Can handle text manipulation tasks
 Excellent web scripting language
 high-traffic websites that use Perl extensively
include Priceline.com, Craigs List, IMDB
 Python
 Can be used as a script or a programming language
 OOP language with a lot of features which support of web
applications as well as software programs
 Industrial Light & Magic: "The Phantom Menace", "The Mummy
Returns"
 Walt Disney Feature Animation: uses scripts in their animation
production system.
 Shopzilla: configuration management and deployment, automated
testing and internal tool development.
Perl Python, Ruby
 Ruby
 Various blogs, data processing applications
 Twitter, Shopify, Groupon, HUlu
 Ruby, Perl, Python, etc., are all open source
 Rely on volunteers to
 Write documentation
 Write test cases
 Maintain the systems
 Port to new platforms
 Fix bugs
 Implement libraries
 Implement new features
ASP-PHP
 Active Server Pages (ASP)
 Server side scripting language
 Developed by Microsoft
 Good at connecting to Microsoft databases
 Runs only on Microsoft servers
 Microsoft.com, GoDaddy, Skype, NYTimes.com
 PHP (Hypertext Pre-Processor)
 Especially good at connecting to MySQL
 Generate Dynamic content and good User Interface
 Server side execution
Facebook, Wikipedia, Yahoo, Photo-bucket, &
WordPress
JavaScript
 JavaScript
 Java and JavaScript are two completely different
languages in both concept and design
 Client-side & server-side scripting language
 Enhance dynamics and interactive features of a web
page
 Allows one to perform calculations, write interactive
games, add special effects, customize graphic
selections, create security passwords
 used in millions of web pages
to improve the design
to validate forms
to detect browsers
to create cookies
JavaScript and HTML page
<html>
<body>
<script type=“text/javascript”>
document.write(“Hello World!”);
</script>
</body>
</html>
This code produce the output on an HTML page:
Hello World!
Tells where the JavaScript ends
Tells where the JavaScript starts
Commands for writing output to a page
Conclusion
 Scripting languages make the web development work
 Easier
 Faster
 Best utilization of resources
 http://www.w3schools.com/html/html_scripts.asp
Questions

More Related Content

PPTX
Client side scripting and server side scripting
PPT
Scripting languages
PPTX
Client & server side scripting
PDF
Programming Languages Categories / Programming Paradigm By: Prof. Lili Saghafi
PPTX
Web application architecture
PDF
CSS Unit I - Basics of JavaScript Programming
PPT
introduction to Web system
PDF
chapter 5 Server-Side Scripting (PHP).pdf
Client side scripting and server side scripting
Scripting languages
Client & server side scripting
Programming Languages Categories / Programming Paradigm By: Prof. Lili Saghafi
Web application architecture
CSS Unit I - Basics of JavaScript Programming
introduction to Web system
chapter 5 Server-Side Scripting (PHP).pdf

What's hot (20)

PPT
Introduction to Web Programming - first course
PPTX
Front-end development introduction (HTML, CSS). Part 1
PPTX
Client side scripting using Javascript
PPT
PHP - Introduction to PHP Fundamentals
PPT
Ppt of web development
PPT
Scripting Languages
PPT
PPT
Web Application Introduction
PPTX
Front end web development
PPTX
HTTP request and response
PPTX
Lecture 7: Server side programming
PPTX
Introduction to php
PPSX
Php and MySQL
PDF
Introduction to php
PPTX
Form Handling using PHP
PDF
Client side scripting
PPT
Php Presentation
PDF
Web Development Course: PHP lecture 1
PPTX
Introduction to MERN Stack
Introduction to Web Programming - first course
Front-end development introduction (HTML, CSS). Part 1
Client side scripting using Javascript
PHP - Introduction to PHP Fundamentals
Ppt of web development
Scripting Languages
Web Application Introduction
Front end web development
HTTP request and response
Lecture 7: Server side programming
Introduction to php
Php and MySQL
Introduction to php
Form Handling using PHP
Client side scripting
Php Presentation
Web Development Course: PHP lecture 1
Introduction to MERN Stack
Ad

Viewers also liked (20)

KEY
Server Side Programming
PPT
Web Servers (ppt)
PPT
Lect 1. introduction to programming languages
PPTX
Client and server side scripting
PPTX
Server and Client side comparision
PPT
Beginners PHP Tutorial
PPT
Programming languages
PPTX
Client Side scripting and server side scripting
PPTX
learning html
KEY
Events
PPTX
Javascript Tlabs
PPT
javascript examples
PPT
Exception handler
PPT
Java Script - Module I
PPT
Cascading Style Sheet
PPTX
Cascading Style Sheet (CSS)
PPT
Javascript Intro 01
PPTX
Client side and server side scripting
PDF
Php course-syllabus
Server Side Programming
Web Servers (ppt)
Lect 1. introduction to programming languages
Client and server side scripting
Server and Client side comparision
Beginners PHP Tutorial
Programming languages
Client Side scripting and server side scripting
learning html
Events
Javascript Tlabs
javascript examples
Exception handler
Java Script - Module I
Cascading Style Sheet
Cascading Style Sheet (CSS)
Javascript Intro 01
Client side and server side scripting
Php course-syllabus
Ad

Similar to Scripting languages (20)

PDF
Class 17-18 Introduction to Perl.pdf bbbbbb
PPT
COMPUTER LANGUAGES AND THERE DIFFERENCE
PPTX
Mock Teaching for Web Programming Subject
PDF
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
PPTX
Fundamentals of Web building
PPTX
Web development revolution
PDF
Web programming by kiran and team
PDF
SERVER SIDE SCRIPTING
PPT
Programming paradigm and web programming
PPTX
Common Gateway Interface ppt
PPTX
Chapter1
PPTX
3. WEB TECHNOLOGIES.pptx B.Pharm sem 2 CAP
PPTX
1 Intro of web technology and sciences .pptx
PPT
Ch10 Hacking Web Servers http://ouo.io/2Bt7X
PPTX
Choice of programming language for web developing.
PPTX
Web technology
PDF
Making Of PHP Based Web Application
Class 17-18 Introduction to Perl.pdf bbbbbb
COMPUTER LANGUAGES AND THERE DIFFERENCE
Mock Teaching for Web Programming Subject
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
Fundamentals of Web building
Web development revolution
Web programming by kiran and team
SERVER SIDE SCRIPTING
Programming paradigm and web programming
Common Gateway Interface ppt
Chapter1
3. WEB TECHNOLOGIES.pptx B.Pharm sem 2 CAP
1 Intro of web technology and sciences .pptx
Ch10 Hacking Web Servers http://ouo.io/2Bt7X
Choice of programming language for web developing.
Web technology
Making Of PHP Based Web Application

Recently uploaded (20)

PDF
WebRTC in SignalWire - troubleshooting media negotiation
PDF
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
PPTX
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
PPTX
international classification of diseases ICD-10 review PPT.pptx
PPTX
innovation process that make everything different.pptx
PPTX
Introuction about WHO-FIC in ICD-10.pptx
PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PPTX
522797556-Unit-2-Temperature-measurement-1-1.pptx
PPT
isotopes_sddsadsaadasdasdasdasdsa1213.ppt
PPTX
Power Point - Lesson 3_2.pptx grad school presentation
PDF
Cloud-Scale Log Monitoring _ Datadog.pdf
PPTX
artificial intelligence overview of it and more
PPTX
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
PDF
Decoding a Decade: 10 Years of Applied CTI Discipline
PPT
Design_with_Watersergyerge45hrbgre4top (1).ppt
PPTX
E -tech empowerment technologies PowerPoint
PDF
Tenda Login Guide: Access Your Router in 5 Easy Steps
PPTX
Digital Literacy And Online Safety on internet
PDF
Unit-1 introduction to cyber security discuss about how to secure a system
PDF
How to Ensure Data Integrity During Shopify Migration_ Best Practices for Sec...
WebRTC in SignalWire - troubleshooting media negotiation
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
international classification of diseases ICD-10 review PPT.pptx
innovation process that make everything different.pptx
Introuction about WHO-FIC in ICD-10.pptx
Slides PDF The World Game (s) Eco Economic Epochs.pdf
522797556-Unit-2-Temperature-measurement-1-1.pptx
isotopes_sddsadsaadasdasdasdasdsa1213.ppt
Power Point - Lesson 3_2.pptx grad school presentation
Cloud-Scale Log Monitoring _ Datadog.pdf
artificial intelligence overview of it and more
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
Decoding a Decade: 10 Years of Applied CTI Discipline
Design_with_Watersergyerge45hrbgre4top (1).ppt
E -tech empowerment technologies PowerPoint
Tenda Login Guide: Access Your Router in 5 Easy Steps
Digital Literacy And Online Safety on internet
Unit-1 introduction to cyber security discuss about how to secure a system
How to Ensure Data Integrity During Shopify Migration_ Best Practices for Sec...

Scripting languages

  • 2. Overview  How it works  What are scripts  Different Scripting Languages  Web pages & scripts  Conclusion
  • 3. :Web Browser  Web Server 1 - Request an HTML Page 4 - Present HTML Content 2 - Retrieve requested HTML 3 - Return HTML to Browser HTML How it Works
  • 4. I n t e r n e t Client requests page Completed HTML sent to client Web Server Client Machine With Web Browser • The script, written by the website developer, generates the HTML code of the page requested. • The HTML code is not actually a file. The code is actually held in the server’s memory until it is sent directly to the client. • A script may run other scripts, depending on its function. It will however still only give one end result. • A website does not have to be completely made up of either scripts or HTML files. It can use a combination of the two. Script builds HTML code HTML ready to send Server runs script [ ASP / PHP / Ruby ] Script HTML Code How Scripting Languages Work
  • 5. What Are Scripts?  A new style of programming language different from system programming languages  It does not matter what scripting language a website uses because there are no compatibility issues with clients’ web browsers.  Designed as glue language or system integration language  A single statement can execute huge number of machine instructions  Can create dynamic web pages  Change based on user input  The client only ever sees the final HTML generated by the script and not the script itself.  Scripts often finish running in several milliseconds. Most web servers can run many scripts simultaneously with a minimal performance hit.
  • 6. Two Types  Server-side Scripting Language  Can use huge resources of the server  Complete all processing in the server and send plain pages to the client  Reduces client-side computation overhead  Client-side Scripting Language  Does not involve server processing  Complete application is downloaded to the client browser  Client browser executes it locally  Are normally used to add functionality to web pages e.g. different menu styles, graphic displays or dynamic advertisements
  • 7. I n t e r n e t 1. Client requests page 2. Web server sends the HTML file to the client Web Server Client Machine With Web Browser • A simple website is made up of one or more static HTML files. This means the page content does not change. • The only way to update a page is for the author to edit the file. • This is fine for small websites or those that require little updating. • Static pages will not work for websites that need to deliver lots of custom and up-to- date content: e-commerce, auctions, blogs, search engines, online banking Static Web Pages
  • 8. • The facebook homepage could be considered static because it has a fixed layout and content. It does not change. • After Login results page however is dynamic. This means its content can be changed. • The only practical way to create this page is by using a script • The user never sees the work a script does, only the end result it sends back to their browser. DynamicWebPageStaticWebPage Dynamic Web Pages
  • 9. Perl, Python, Ruby  Perl  Found on all Windows and Linux servers  Can handle text manipulation tasks  Excellent web scripting language  high-traffic websites that use Perl extensively include Priceline.com, Craigs List, IMDB  Python  Can be used as a script or a programming language  OOP language with a lot of features which support of web applications as well as software programs  Industrial Light & Magic: "The Phantom Menace", "The Mummy Returns"  Walt Disney Feature Animation: uses scripts in their animation production system.  Shopzilla: configuration management and deployment, automated testing and internal tool development.
  • 10. Perl Python, Ruby  Ruby  Various blogs, data processing applications  Twitter, Shopify, Groupon, HUlu  Ruby, Perl, Python, etc., are all open source  Rely on volunteers to  Write documentation  Write test cases  Maintain the systems  Port to new platforms  Fix bugs  Implement libraries  Implement new features
  • 11. ASP-PHP  Active Server Pages (ASP)  Server side scripting language  Developed by Microsoft  Good at connecting to Microsoft databases  Runs only on Microsoft servers  Microsoft.com, GoDaddy, Skype, NYTimes.com  PHP (Hypertext Pre-Processor)  Especially good at connecting to MySQL  Generate Dynamic content and good User Interface  Server side execution Facebook, Wikipedia, Yahoo, Photo-bucket, & WordPress
  • 12. JavaScript  JavaScript  Java and JavaScript are two completely different languages in both concept and design  Client-side & server-side scripting language  Enhance dynamics and interactive features of a web page  Allows one to perform calculations, write interactive games, add special effects, customize graphic selections, create security passwords  used in millions of web pages to improve the design to validate forms to detect browsers to create cookies
  • 13. JavaScript and HTML page <html> <body> <script type=“text/javascript”> document.write(“Hello World!”); </script> </body> </html> This code produce the output on an HTML page: Hello World! Tells where the JavaScript ends Tells where the JavaScript starts Commands for writing output to a page
  • 14. Conclusion  Scripting languages make the web development work  Easier  Faster  Best utilization of resources  http://www.w3schools.com/html/html_scripts.asp