Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (17)
Similar to Javascript Basics
Similar to Javascript Basics (20)
Recently uploaded
Recently uploaded (20)
Javascript Basics
- 1. JAVASCRIPT Presented By :- Vishal 15-CSE-2835
- 2. Content • What is JavaScript ? • History & Versions • JavaScript Over Java • Elements of JavaScript • Applications • Advantages • Cautions
- 3. What is JavaScript ? • JavaScript is the programming language for HTML and the Web. • It is similar to C language.
- 4. History • First web scripting language. • It was developed by Netscape & Sun. • The first version of the Web browser, Mosaic Netscape 0.9, was released in late 1994.
- 5. Versions Version Release Supported Browser 1.0 March 1996 Netscape 2 1.1 August 1996 Netscape 3 1.2 June 1997 Netscape 4 1.3 October 1998 Netscape 4.06 1.5 November 2000 Netscape 6 1.6 November 2005 Firefox 1.5 1.7 October 2006 Firefox 2 1.8 June 2008 Firefox 3 1.8.1 2009 Firefox 3.5 1.8.2 June 22, 2009 Firefox 3.6 1.8.5 July 27, 2010 Firefox 4
- 6. HTML, CSS & JAVASCRIPT JavaScript is one of the 3 languages all web developers must learn: • 1. HTML to define the content of web pages • 2. CSS to specify the layout of web pages • 3. JavaScript to program the behavior of web pages
- 7. JavaScript Over Java Java JavaScript 1.) Java is an OOP programming language 1.) Java Script is an OOP scripting language 2.) Java codes is run in a virtual machine or browser 2.) JavaScript code is run on a browser only 3.) Java code needs to be compiled 3.) JavaScript code are all in text
- 8. Elements of JavaScript • Variables • Arrays • Functions
- 9. Variables <script language=“JavaScript”> <!-- definition of variables--> var num_car= 25; var passenger_per_car= 3; //calculation of total number of people var total_passenger= num_car * passenger_per_car Alert(total_passenger); // end of script --> </script>
- 10. Arrays var score = new Array(3); score[0] = 35; score[1] = 56; score[2] = 10; sum=score[0]+score[1]+score[2]; alert(sum) ;
- 11. Function <html> <head> <script langauge="JavaScript"> <!-- hide me function announceTime( ) { //get the date, the hour, minutes, and seconds var the_date = new Date(); var the_hour = the_date.getHours(); var the_minute = the_date.getMinutes(); var the_second = the_date.getSeconds(); //put together the string and alert with it var the_time = the_hour + ":" + the_minute + ":" + the_second; alert("The time is now: " + the_time); } // show me --> </script>
- 12. Cont… </head> <body> <h3>Click the button to get current Date and time</h3> <input type="button" value=“Show Date" onclick=“announceTime()“/> </body> </html>
- 13. Applications • Show slideshow of Images • Show dropdown menu • Data checking in forms in client side • Pop ups in web pages • Auto pages refresh after a certain time
- 14. Advantages • JavaScript is executed on the client side. • JavaScript is a relatively easy language. • JavaScript is relatively fast to the end user. • Extended functionality to web pages.
- 15. • JavaScript is very case sensitive • Use separate lines for each command • Be careful with parenthesis and quotes • Use single quotes within double quotes • Use a semi-colon after commands as shown in examples Cautions...
- 16. Thanks…
Editor's Notes
- &lt;number&gt;