After taking discussion about Webpage Structure ( HTML5 ) , Webpage Styling ( CSS3 ),Now it's time to talk about Webpage Functionality.
Yes..!! JS & Jquery used for the Functionality/ Behavior of Webpage.
Javascript support camel casing format and case-sensitive language, has the predefined structure.
Javascript can be written in <head></head> & <body></body> Section in the HTML document using the <script></script> tag.
Both Languages controls the behavior of HTML elements and have ability to manipulate DOM, which is known as Document Object Model.
Both languages embedded on most of the webpages and widely used programming languages works only on the objects.
Both languages follows the concepts of OOPS. There are no such keyword like class, as java has.
Classes are UNDEFINED in JS. if you write anything with Keyword class then browser console will show you UNDEFINED as a result.
Javascript is a programming language whereas jQuery is a Library of javascript. Which helps ui developer's to use built-in standard methods for impressive UI effect's.
Built-in standard function are:
hide(), slideUp(), slideDown(), fadeIn(), fadeOut(), fadeTo(time, opacity), slideToggle(time), prepend(), append(), css(), html(), text(), val() and many more.
JQuery Basic Selectors:
$("*") => Select all html elements.
$("this") => Select Current object.
$("p.intro") => Select element p, having class intro
$("#abc") => Select that element, having abc as a ID.
$(".abc") => Select that element, having abc as a CLASS.
$("ul li:first") => Select first li of the first ul.
$("ul li:first-child") => Select first li of every ul.
Dollar ($) Sign, is just a label for jQuery.
Useful Links:
http://www.w3schools.com/js/
http://www.w3schools.com/jquery/
https://plugins.jquery.com/
https://jqueryui.com/
http://www.elevateweb.co.uk/image-zoom/examples
Sliding Navigation
Yes..!! JS & Jquery used for the Functionality/ Behavior of Webpage.
Javascript support camel casing format and case-sensitive language, has the predefined structure.
Javascript can be written in <head></head> & <body></body> Section in the HTML document using the <script></script> tag.
Both Languages controls the behavior of HTML elements and have ability to manipulate DOM, which is known as Document Object Model.
Both languages embedded on most of the webpages and widely used programming languages works only on the objects.
Both languages follows the concepts of OOPS. There are no such keyword like class, as java has.
Classes are UNDEFINED in JS. if you write anything with Keyword class then browser console will show you UNDEFINED as a result.
Javascript is a programming language whereas jQuery is a Library of javascript. Which helps ui developer's to use built-in standard methods for impressive UI effect's.
Built-in standard function are:
hide(), slideUp(), slideDown(), fadeIn(), fadeOut(), fadeTo(time, opacity), slideToggle(time), prepend(), append(), css(), html(), text(), val() and many more.
JQuery Basic Selectors:
$("*") => Select all html elements.
$("this") => Select Current object.
$("p.intro") => Select element p, having class intro
$("#abc") => Select that element, having abc as a ID.
$(".abc") => Select that element, having abc as a CLASS.
$("ul li:first") => Select first li of the first ul.
$("ul li:first-child") => Select first li of every ul.
Dollar ($) Sign, is just a label for jQuery.
Useful Links:
http://www.w3schools.com/js/
http://www.w3schools.com/jquery/
https://plugins.jquery.com/
https://jqueryui.com/
http://www.elevateweb.co.uk/image-zoom/examples
Sliding Navigation
No comments:
Post a Comment