際際滷

際際滷Share a Scribd company logo
JAVASCRIPT
Prof. AshishSingh Bhatia
Brief History
2


       December 4, 1995 Netscape and Sun
        introduced JavaScript 1.0, called LiveScript.
       Netscape Navigator 2
         LiveScript    JavaScript
       Microsoft joins in with IE 3 called it Jscript.




                                 Prof. Ashish Bhatia
What is JavaScript
3


       Interpreted Language
       Object-Based
       Cross Platform
       Loosely Typed
       Multi Use Language
       Client Side interpreted.



                             Prof. Ashish Bhatia
Advantage of JavaScript
4


       An Interpreted Language
       Embedded within HTML
       Minimal Syntax  Easy to learn
       Quick Development
       Design for Simple, Small Programs
       Performance
       Procedural Capabilities
       Designed for Programming User Events

                          Prof. Ashish Bhatia
Advantage of JavaScript
5


       Easy Debugging and Testing
       Platform Independence / Architectural
        Neutral




                           Prof. Ashish Bhatia
How to add JS in HTML
6


    <script language=javascript>
     Java Script Code
    </script>




                    Prof. Ashish Bhatia
Data Type
7


       4 primitive data types
         Number
           Integer, Floating   Number, NaN
         Boolean
           True   and false [ 1 and 0 ]**
         String

         Null
          A   null , empty or nonexistent reference
       Complex Types like array and objects

                                    Prof. Ashish Bhatia
Creating Variables and Array
8


       var <variable name> = value;
       arrayName = new Array();
       arrayName = new Array(length);
       Index starts with 0
       join() and reverse()
       length



                       Prof. Ashish Bhatia
Variable Name
9


       Can Begin with
        A  to Z
         a to z

        _

        $

       Case Sensitive
       variableName



                         Prof. Ashish Bhatia
Operator
10


        Arithmetic Operator
         +   , - , * , / , % , ++ , --
        Logical Operator
          &&,   || , !
        Comparison Operator
          ==   , === , != , !== , < , > , <= , >=
        Assignment Operator
         =   , += , -= , *= , /= , %=


                                          Prof. Ashish Bhatia
Ternary Operator
11


        Condition ? Value 1 : value 2
        Special Operator
          delete  : Delete property of an object or an
           element at an array index
          new : Create an instance of an Object type

          void : Does not return a value.




                                Prof. Ashish Bhatia
Programming Constructs
12


        Assignment         x = x+y;
        Data declaration   var x = 5;
        If
        Switch
        While
        For
        Do while
        Label              LabelName: Statement

                            Prof. Ashish Bhatia
Programming Constructs
13


        break
        continue
        function call         x = abs(y);
        return
        with                  with(Math){ }
        delete                delete a[5]
        Method Invocation document.write(Hello);


                            Prof. Ashish Bhatia
Functions in JavaScript
14


        Built-in Function
          eval()

          paresInt(),   parseFloat()
        User Defined Function
         function function_name(parameter1,
           parameter2..)
         {
           block of JavaScript Code
         }

                             Prof. Ashish Bhatia
Dialog Boxes
15


        Alert
          Used to display a small textual output with ok
           button.
        Prompt
          Displays a predefined message
          Displays a text box and accepts user input
          Display ok and cancel button
            Ok  text from text box is passed to the program
             environment
            Cancel  passes NULL value to the program
             environment.
                                 Prof. Ashish Bhatia
Dialog Boxes
16


        Confirm
          Predefinedmessage
          OK and Cancel button

          OK  passes TRUE to the program

          Cancel  passes FALSE to the program




                              Prof. Ashish Bhatia
Example of Alert
17




                   Prof. Ashish Bhatia
Example of Alert
18




                   Prof. Ashish Bhatia
Example of Alert
19




                   Prof. Ashish Bhatia
Youtube channel
20


        http://www.youtube.com/profashish




                           Prof. Ashish Bhatia
際際滷share
21


        http://www.slideshare.net/ashishsinghbhatia




                            Prof. Ashish Bhatia

More Related Content

Java script

  • 2. Brief History 2 December 4, 1995 Netscape and Sun introduced JavaScript 1.0, called LiveScript. Netscape Navigator 2 LiveScript JavaScript Microsoft joins in with IE 3 called it Jscript. Prof. Ashish Bhatia
  • 3. What is JavaScript 3 Interpreted Language Object-Based Cross Platform Loosely Typed Multi Use Language Client Side interpreted. Prof. Ashish Bhatia
  • 4. Advantage of JavaScript 4 An Interpreted Language Embedded within HTML Minimal Syntax Easy to learn Quick Development Design for Simple, Small Programs Performance Procedural Capabilities Designed for Programming User Events Prof. Ashish Bhatia
  • 5. Advantage of JavaScript 5 Easy Debugging and Testing Platform Independence / Architectural Neutral Prof. Ashish Bhatia
  • 6. How to add JS in HTML 6 <script language=javascript> Java Script Code </script> Prof. Ashish Bhatia
  • 7. Data Type 7 4 primitive data types Number Integer, Floating Number, NaN Boolean True and false [ 1 and 0 ]** String Null A null , empty or nonexistent reference Complex Types like array and objects Prof. Ashish Bhatia
  • 8. Creating Variables and Array 8 var <variable name> = value; arrayName = new Array(); arrayName = new Array(length); Index starts with 0 join() and reverse() length Prof. Ashish Bhatia
  • 9. Variable Name 9 Can Begin with A to Z a to z _ $ Case Sensitive variableName Prof. Ashish Bhatia
  • 10. Operator 10 Arithmetic Operator + , - , * , / , % , ++ , -- Logical Operator &&, || , ! Comparison Operator == , === , != , !== , < , > , <= , >= Assignment Operator = , += , -= , *= , /= , %= Prof. Ashish Bhatia
  • 11. Ternary Operator 11 Condition ? Value 1 : value 2 Special Operator delete : Delete property of an object or an element at an array index new : Create an instance of an Object type void : Does not return a value. Prof. Ashish Bhatia
  • 12. Programming Constructs 12 Assignment x = x+y; Data declaration var x = 5; If Switch While For Do while Label LabelName: Statement Prof. Ashish Bhatia
  • 13. Programming Constructs 13 break continue function call x = abs(y); return with with(Math){ } delete delete a[5] Method Invocation document.write(Hello); Prof. Ashish Bhatia
  • 14. Functions in JavaScript 14 Built-in Function eval() paresInt(), parseFloat() User Defined Function function function_name(parameter1, parameter2..) { block of JavaScript Code } Prof. Ashish Bhatia
  • 15. Dialog Boxes 15 Alert Used to display a small textual output with ok button. Prompt Displays a predefined message Displays a text box and accepts user input Display ok and cancel button Ok text from text box is passed to the program environment Cancel passes NULL value to the program environment. Prof. Ashish Bhatia
  • 16. Dialog Boxes 16 Confirm Predefinedmessage OK and Cancel button OK passes TRUE to the program Cancel passes FALSE to the program Prof. Ashish Bhatia
  • 17. Example of Alert 17 Prof. Ashish Bhatia
  • 18. Example of Alert 18 Prof. Ashish Bhatia
  • 19. Example of Alert 19 Prof. Ashish Bhatia
  • 20. Youtube channel 20 http://www.youtube.com/profashish Prof. Ashish Bhatia
  • 21. 際際滷share 21 http://www.slideshare.net/ashishsinghbhatia Prof. Ashish Bhatia