Scribd Logo
Upload

Welcome to Scribd!

  • Introduction To Javascript: Internet Programming (TDB2143)

    Uploaded by

    Dayana Kemesky
    20 views15 pages
    This document provides an introduction to JavaScript and covers: - The objectives of learning the basic concepts of JavaScript and DOM, the client-server model, and the difference between client-side and server-side scripting - The agenda includes what JavaScript is and why learn it, the client-server model, where JavaScript can be located, processing user input with DOM, and a simple cashier application example - JavaScript is an interpreted scripting language used to make web pages interactive and is not the same as the Java programming language

    Original Description:

    Original Title

    WAD 04_javascript_1

    Copyright

    © © All Rights Reserved

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides an introduction to JavaScript and covers: - The objectives of learning the basic concepts of JavaScript and DOM, the client-server model, and the difference between client-side and server-side scripting - The agenda includes what JavaScript is and why learn it, the client-server model, where JavaScript can be located, processing user input with DOM, and a simple cashier application example - JavaScript is an interpreted scripting language used to make web pages interactive and is not the same as the Java programming language

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as ppt, pdf, or txt
    20 views15 pages

    Introduction To Javascript: Internet Programming (TDB2143)

    Uploaded by

    Dayana Kemesky
    This document provides an introduction to JavaScript and covers: - The objectives of learning the basic concepts of JavaScript and DOM, the client-server model, and the difference between client-side and server-side scripting - The agenda includes what JavaScript is and why learn it, the client-server model, where JavaScript can be located, processing user input with DOM, and a simple cashier application example - JavaScript is an interpreted scripting language used to make web pages interactive and is not the same as the Java programming language

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as ppt, pdf, or txt
    of 15

    Chapter 4

    Introduction to Javascript

    Internet Programming (TDB2143)


    pejal71@gmail.com
    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

    2 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

    3 of 15
    Javascript is NOT Java

    Java javascript
    ► developed by SUN ► Designed by Netscape
    ► a powerful OO ► A powerful OO scripting
    programming language . language
    ► involved compiling java ► Need an interpreter
    code into executable (Browser dependent)
    applications. ► To enhance the
    ► Java programs created interactivity of web
    for use in a web page is pages
    called APPLET.

    4 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.

    5 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("<h1>" + name + "</h1>") can
    write a variable text into an HTML page

    6 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.

    7 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

    8 of 15
    The Client-Server Model
    Client Side Scripting

    9 of 15
    ...The Client-Server Model
    Server Side Scripting

    10 of 15
    Where Javascript Can Be Located?

    1. In the <body> section


     eg_js_01_body.html
    2. In the <head> section
     eg_js_01_head.html
    3. As an external file
     eg_js_01_external.html

    11 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().

    12 of 15
    Arithmetic Operator
    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 z = 5 % 4; z = 1
    (remainder)
    ++ Increment z = 1; y = 2
    y = ++z;
    -- Decrement z = 1; y = 0
    y = --z;

    13 of 15
    Simple Application @the Cashier
    ►A working example. eg_cashier_js.html

    14 of 15
    References
    ► http://www.w3schools.com/css/css_reference.asp

    15 of 15

    You might also like