JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.

Slides:



Advertisements
Similar presentations
PHP I.
Advertisements

JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
Java Script Session1 INTRODUCTION.
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.
Multiple Tiers in Action
Web Page Behavior IS 373—Web Standards Todd Will.
DT228/3 Web Development JSP: Directives and Scripting elements.
Russell Taylor Lecturer in Computing & Business Studies.
Introduction to JavaScript. Aim To enable you to write you first JavaScript.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
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
Web Design Scripting and the Web. Books on Scripting.
Server- Side technologies Client-side vs. Server-side scripts PHP basic ASP.NET basic ColdFusion.
JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.
HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.
 2003 Prentice Hall, Inc. All rights reserved. CHAPTER 3 JavaScript 1.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
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.
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
Advanced Web Design Scripting Tutorial Chapters. Scripting Intro The scripting part of the forthcoming Advanced Web Design textbook introduces you to.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
DHTML: Dynamic HTML Internet Technology1. What is DHTML? A collection of enhancements to HTML ► To create dynamic and interactive websites Combination.
JSP Java Server Pages Softsmith Infotech.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
10/5/2015CS346 PHP1 Module 1 Introduction to PHP.
Client Scripting1 Internet Systems Design. Client Scripting2 n “A scripting language is a programming language that is used to manipulate, customize,
Patroklos Patroklou George Antoniou Constantinos Kyprianou.
What is Java Script? An extension to HTML. An extension to HTML. Allows authors to incorporate some functionality in their web pages. (without using CGI.
Lecture # 6 Forms, Widgets and Event Handling. Today Questions: From notes/reading/life? Share Personal Web Page (if not too personal) 1.Introduce: How.
Tutorial 10 Programming with JavaScript
 2003 Prentice Hall, Inc. All rights reserved. CHAPTER 3 JavaScript 1.
JavaScript - A Web Script Language Fred Durao
HTML Form Widgets. Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back.
JavaScript Syntax, how to use it in a HTML document
RUBRIC IP1 Ruben Botero Web Design III. The different approaches to accessing data in a database through client-side scripting languages. – On the client.
JavaScript Scripting language What is Scripting ? A scripting language, script language, or extension language is a programming language.
JavaScript Introduction.  JavaScript is a scripting language  A scripting language is a lightweight programming language  A JavaScript can be inserted.
Jan 2001C.Watters1 World Wide Web and E-Commerce Client Side Processing.
Fall 2000C.Watters1 World Wide Web and E-Commerce Clients & Client Side Processing.
 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.
1) PHP – Personal Home Page Scripting Language 2) JavaScript.
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
Web Programming Overview. Introduction HTML is limited - it cannot manipulate data How Web pages are extended (include): –Java: an object-oriented programming.
IS2803 Developing Multimedia Applications for Business (Part 2) Lecture 2: Introduction to IS2803 Rob Gleasure
Higher Computing Science Coding the Web: HTML, JavaScript, PHP and MySQL.
PHP Form Processing * referenced from
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
Javascript Basic Concepts Presentation By: Er. Sunny Chanday Lecturer CSE/IT RBIENT.
Web Programming Java Script-Introduction. What is Javascript? JavaScript is a scripting language using for the Web. JavaScript is a programming language.
Client-side processing 26 Client-side processing 26.
A Presentation Presentation On JSP On JSP & Online Shopping Cart Online Shopping Cart.
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.
Introduction to.
JavaScript is a programming language designed for Web pages.
Section 10.1 YOU WILL LEARN TO… Define scripting
Database Driven Websites
DHTML Javascript Internet Technology.
DHTML Javascript Internet Technology.
JAVASCRIPT Pam Kahl | COM 585 | Spring 2010.
Unit 6 part 3 Test Javascript Test.
Tutorial 10: Programming with javascript
JavaScript Basics What is JavaScript?
JavaScript is a scripting language designed for Web pages by Netscape.
Introduction to JavaScript
Presentation transcript:

JavaScript Invented 1995 Steve, Tony & Sharon

A Scripting Language (A scripting language is a lightweight programming language that supports the writing of scripts). JavaScript was designed to add interactivity to HTML pages. Is programming code that can be inserted into HTML pages to be executed by web browsers. Client-side scripting.

Are JavaScript and Java the same? No Java is a complex OOP language. JavaScript is an OOP scripting language. What do I need to run JavaScript? JavaScript support is built into all the major web browsers. Make sure it is enabled. Do I need to learn JavaScript to be able to use It? It helps.. but No! All you need to know is how to paste code into the required places in your web page.

Can I Use HTML Instead of JavaScript? No. HTML is a mark-up language designed for defining static web page content. JavaScript is a scripting language designed for performing dynamic tasks. It is used within HTML pages to add dynamic content. What is Client side scripting anyway? the user requests a Web page from the server. the server finds the page and sends it to the user. the page is displayed on the browser with any scripts running during or after display.

So why is this useful? client-side scripting is used to make Web pages change after they arrive at the browser. It is useful for making pages more interesting and user- friendly. It can also provide useful gadgets such as calculators, clocks etc. but on the whole is used for appearance and interaction. Client-side scripts rely on the user's computer. If that computer is slow they may run slowly. They may not run at all if the browser does not understand the scripting language.

A preview of the JavaScript Syntax

Example of the syntax Test running a script var string1 = "Hello"; var string2 = "Goodbye"; alert(string1); alert(string2); string2 = string1; alert(string1); Declaring variables in JavaScript

Which looks like this in a browser Step 1 of the syntax ‘Hello’ – click on ‘Ok’ produces the next alert ‘Goodbye’.

Simple form script Firstname: Lastname:

A little more complex

It can even render drawings in a browser

The possibilities are endless JavaScript as a language is constantly under development. New features and libraries are being written all the time. It works really well with Html5 the new web standard. The interactivity created using it does not need any additional server technology as the client machine is responsible for running the script.

Conclusion Javascript is an easy to use programming language that can be embedded in the header of web pages. Coupled with HTML5 and CSS allows you to add a lot of power and interactivity to your web pages and applications.

It can enhance the dynamics and interactive features of your page by allowing you: To perform calculations Check forms Write interactive games Add special effects Customize graphics Create passwords.

Uses in Schools Javascript is not taught as a seperate topic but is incorporated when pupils are designing their own web page to make them more interactive. Here is a link to test pupils knowledge of JavaScript (or your knowledge too!!) est.asp?qtest=JavaScript

Thank you for listening Are there any questions?