Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Introduction to Javascript



Getting Good with Javascript

Getting Good with Javascript



Total Views
Views on SlideShare
Embed Views



1 Embed 10

http://local.remote.me 10



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Introduction to Javascript Introduction to Javascript Presentation Transcript

    • Chapter 4 Introduction to Javascript Internet Programming (TAB1033) [email_address]
    • Objectives
      • By the end of this lecture, students will be able to:
      • grasp the basic concepts of javascript and DOM
      • describe the Client-Server Model
      • differentiate between client-side scripting and server-side scripting
      • develop a simple javascript that involves simple arithmetic operations
      of 15
    • Agenda
      • Javascript is NOT Java programming language
      • What is javascript?
      • Why learn javascript?
      • Client- Server Model
      • Where Javascript Can Be Located?
      • Processing User Input, DOM.
      • e.g @the cashier
      • References
      of 15
    • Javascript is NOT Java
      • Java
      • developed by SUN
      • a powerful OO programming language .
      • involved compiling java code into executable applications.
      • Java programs created for use in a web page is called APPLET.
      • javascript
      • Designed by Netscape
      • A powerful OO scripting language
      • Need an interpreter (Browser dependent)
      • To enhance the interactivity of web pages
      of 15
    • What is Javascript?
      • JavaScript is a scripting languages (lightweight)
      • It is usually embedded directly into an HTML doc
      • Is an interpreted language – browser dependent
      • JavaScript provides a programming language that allows pages to escape from being static marked-up information. – dynamic & interactive
      • JavaScript is used in millions of Web pages to add functionality , validate forms , detect browsers , and much more. It is free!!!
      • Pages that think .
      of 15
    • Why learn JavaScript?
      • JavaScript gives HTML designers a programming tool - HTML authors are normally not programmers, but JavaScript is a scripting language with a very simple syntax! Almost anyone can put small "snippets" of code into their HTML pages
      • JavaScript can put dynamic text into an HTML page - A JavaScript statement like this: document.write(&quot;<h1>&quot; + name + &quot;</h1>&quot;) can write a variable text into an HTML page
      of 15
    • …Why learn JavaScript?
      • JavaScript can react to events - A JavaScript can be set to execute when something happens, like when a page has finished loading or when a user clicks on an HTML element
      • JavaScript can read and write HTML elements - A JavaScript can read and change the content of an HTML element
      • JavaScript can be used to validate data - A JavaScript can be used to validate form data before it is submitted to a server.
      of 15
    • …Why learn JavaScript?
      • JavaScript can be used to detect the visitor's browser - A JavaScript can be used to detect the visitor's browser, and - depending on the browser - load another page specifically designed for that browser
      • JavaScript can be used to create cookies - A JavaScript can be used to store and retrieve information on the visitor's computer
      of 15
    • The Client-Server Model Client Side Scripting of 15
    • ...The Client-Server Model Server Side Scripting of 15
    • Where Javascript Can Be Located?
      • In the <body> section
        • eg_js_01_body.html
      • In the <head> section
        • eg_js_01_head.html
      • As an external file
        • eg_js_01_external.html
      of 15
    • Processing User Input
      • Javascript uses XHTML Documents Object Model (DOM) to process user input
      • View a list of available objects http://www.w3schools.com/js/js_obj_htmldom.asp
      • javascript event reference http://www.w3schools.com/jsref/jsref_events.asp
      • Click eg_js_02.html to view an example of DOM and onchange() event.
      • eg_js_01.html example of event, onclick() .
      of 15
    • Arithmetic Operator of 15 Operator Description Example Result + Addition z = 5 + 4; z = 9 - Subtraction z = 5 – 4; z = 1 * Multiplication z = 5 * 4; z = 20 / Division z = 5 / 4; z = 1.25 % Modulus (remainder) z = 5 % 4; z = 1 ++ Increment z = 1; y = ++z; y = 2 -- Decrement z = 1; y = --z; y = 0
    • Simple Application @the Cashier
      • A working example. eg_cashier_js.html
      of 15
    • References
      • http://www.w3schools.com/css/css_reference.asp
      of 15