04/06/15 | Study Code Master | ASP.NET, C#, VB, PHP, JavaScript, JQuery, HTML 5, Database, MySql, MS-Server

What is JavaScript

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPcNwlEVYAqENI4ium5jeuRYEmu7XCuPsF2q2L5g-xhi2z5pmGCAPq__bU3jaG0496te6lzJhR-CusY7eGsG-Zl1DBKNcrfW_KyLk76Ev1u3Q-fM2c9Cts94Cry3HoCZWPQVqutKKtbUA/s1600/what-is-javascript.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="What is JavaScript?" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPcNwlEVYAqENI4ium5jeuRYEmu7XCuPsF2q2L5g-xhi2z5pmGCAPq__bU3jaG0496te6lzJhR-CusY7eGsG-Zl1DBKNcrfW_KyLk76Ev1u3Q-fM2c9Cts94Cry3HoCZWPQVqutKKtbUA/s1600/what-is-javascript.png" title="What is JavaScript?" /></a></div>
<br />
JavaScript is a conservative, item based scripting language for Web pages. JavaScript code installed into your HTML pages can improve them with numerous fascinating components, from swapping pictures when you move a cursor over them, to multi-level drop-down menus.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
You can make truly advanced and practically application-like pages with the assistance of JavaScript. You needn't bother with any extraordinary programming other than a content manager and a Web program, and you needn't bother with access to a Web server. You can make and test all your JavaScript code right all alone PC.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>The downsides of JavaScript</b></div>
<div style="text-align: justify;">
At this time the most concerning issue is the blemished JavaScript usage that today's programs offer. Though all real programs that are form 3.0 or higher incorporate JavaScript support, they manage JavaScript in an unexpected way.</div>
<div style="text-align: justify;">
Indeed, distinctive adaptations of the same program handle JavaScript in an unexpected way. This makes it hard to make a convoluted JavaScript code that work over all programs. So dependably check your pages on whatever number diverse programs (and even stages) as could be expected under the circumstances.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>What do JavaScript code resemble? </b></div>
<div style="text-align: justify;">
Like HTML, JavaScript is just content that can be written into a word processor. Its code is installed in HTML inside a <SCRIPT> tag. Some old programs don't comprehend this tag. To keep them from regarding your JavaScript as HTML, dependably utilize this trap including HTML remarks.<br />
<br />
Therefore<br />
<ol>
<li>JavaScript is a lightweight, translated programming language.</li>
<li>Open and cross-platform.</li>
<li>Intended for making system driven applications.</li>
<li>Reciprocal to and coordinated with Java.</li>
</ol>
<div>
<b>JavaScript Syntax</b></div>
<br />
<div>
A JavaScript consists of JavaScript statements that are placed within the <script>... </script></div>
<div>
<div>
HTML tags in a web page.</div>
<div>
You can place the <script> tag containing your JavaScript anywhere within you web page but it</div>
<div>
is preferred way to keep it within the <head> tags.</div>
<div>
The <script> tag alert the browser program to begin interpreting all the text between these</div>
<div>
tags as a script. So simple syntax of your JavaScript will be as follows</div>
</div>
<div>
<br /></div>
<div>
<div>
<pre class="_codebox"><script ...>
    JavaScript code
</script></pre>
</div>
<br />
The script label takes two imperative attributes:<br />
<ol>
<li>Language: This property indicates what scripting dialect you are utilizing. Commonly, its quality will be javascript. Albeit late forms of HTML (and XHTML, its successor) have eliminated the utilization of this trait.</li>
<li>Type: This language is what is currently prescribed to show the scripting language in use and its esteem ought to be set to "text/javascript"</li>
</ol>
<div>
Therefore finally our above script become<br />
<br /></div>
<div>
<pre class="_codebox"><script language="javascript" type="text/javascript">
    JavaScript code
</script></pre>
<br /></div>
<div>
A simple example of JavaScript is:<br />
<br />
<pre class="_codebox"><html>
    <body>
        <script language="javascript" type="text/javascript">
        
        </script>
    </body>
</html>
</pre>
<br />
Output:<br />
<br />
Hello World!</div>
</div>
</div>
</div>

What is JavaScript

JavaScript is a conservative, item based scripting language for Web pages. JavaScript code installed into your HTML pages can improve t...

What is JQuery

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih2BQf4WOWzMlD8RdSpyRxG6ZFdR8kNHhHM4FS0NHFFIx7VjAoX78l0wv4vxBbyip_2F98mkpK1RfdSOi75_Dj3R2LIEK_Oz0EzIOed5bkh2rabcwhkOL-GUaH86ezYxaUX2iiU4xlpJU/s1600/what-is-jquery.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="what is jquery" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih2BQf4WOWzMlD8RdSpyRxG6ZFdR8kNHhHM4FS0NHFFIx7VjAoX78l0wv4vxBbyip_2F98mkpK1RfdSOi75_Dj3R2LIEK_Oz0EzIOed5bkh2rabcwhkOL-GUaH86ezYxaUX2iiU4xlpJU/s1600/what-is-jquery.png" title="what is jquery" /></a></div>
<br />
JQuery is a JavaScript framework by using JQuery our program become more easiest and more effective. JQuery simplifies the use of JavaScript.<br />
JQuery is not a language it is handwritten library file using JavaScript code. JQuery is a fast and featured rich JavaScript library that simplifies the HTML documents event handling, traversing, animating and Ajax interaction for fast, smooth and rapid web development.<br />
<br />
JQyery JavaScript library written by John Resig in 2006. The moto of using JQuery in web development is <b>Write less, Do more.</b><br />
<b><br /></b>
JQuery has several features some of them as follow<br />
<br />
<ol style="text-align: left;">
<li><b>DOM Manipulation:</b> Using JQuery it become very easy to manipulate DOM Object.</li>
<li><b>Event Handling:</b> JQuery offer a good feature of Event Handling. It has wide range of events which make web development more interactive. </li>
<li><b>Ajax Support:</b> JQuery suport Ajax which means we can develop or create a responsive and feature-rich site easily via using Ajax Technology.</li>
<li><b>Animation:</b> JQuery provide very innovative animation for our web site.</li>
<li><b>Light-Weight:</b> As we know that JQuery is JavaScript Library file hence it is very small in size. The size of JQuery library file is near about 19KB. JQuery comes along with Zipped and Minified.</li>
<li><b>Latest Technologies:</b> JQuery library use latest technologies like CSS3 selectors, HTML5  and basic XPath syntax.</li>
</ol>
<div>
<b><u>HOW to use JQury?</u></b></div>
<div>
<b><br /></b></div>
<div>
The question is arise is that how we use JQuery in our web development ?</div>
<div>
So using JQuery in our web development is very simple. We can use JQuery in our project in two ways.</div>
<div>
<ol style="text-align: left;">
<li>Local Installation.</li>
<li>CDN Based Version.</li>
</ol>
<div>
<b>Local Installation:</b> We can download JQuery Library file in our system and include it in our HTML file.</div>
</div>
<div>
If you want to download the JQuery latest version just click on the given link</div>
<div>
Download JQuery Library File : <a href="https://jquery.com/download/" target="_blank">https://jquery.com/download/</a></div>
<div>
<br /></div>
<div>
After downloading the library file follow the following steps</div>
<div>
<ol style="text-align: left;">
<li>Copy the JQuery Library that is <b style="background-color: white; box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; text-align: justify;">jquery-2.1.3.min.js</b> file which you have downloaded and paste it into your project folder '/jquery' if there is no any folder like 'jquery ' you can create the folder and rename it to jquery.</li>
<li>After step one completed just open the html file in which you want to use JQuery features. </li>
</ol>
<div>
For Example:</div>
<pre class="html" name="code"><html>
    <head>
        <title>A simple JQuery example</title>
        <script type="text/javascript" src="/jquery/jquery-2.1.3.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                document.write("Hello, World.");
            });
        </script>
    </head>
    <body>
        <h1>Hello</h1>
    </body>
</html>
</pre>
</div>
<div>
<br />
<b>Output:</b><br />
<br />
Above code will produce following result<br />
Hello, World.<br />
<br />
<b>CDN (Content Directory Network) Based Version:</b> Using CDN approach we include the JQuery library file directly from the CDN (Content Directory Network). <br />
Google and Microsoft provides the CDN Technique of latest version.<br />
<br />
For Example:<br />
<br />
<pre class="html" name="code"><html>
    <head>
        <title>A simple JQuery example</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                document.write("Hello, World.");
            });
        </script>
    </head>
    <body>
        <h1>Hello</h1>
    </body>
</html></pre>
<br />
<b>Output: </b><br />
<br />
Above code will produce following result<br />
Hello, World.
<br />
<br />
<br /></div>
<div>
</div>
</div>

What is JQuery

JQuery is a JavaScript framework by using JQuery our program become more easiest and more effective. JQuery simplifies the use of JavaSc...

Study Code Master | ASP.NET, C#, VB, PHP, JavaScript, JQuery, HTML 5, Database, MySql, MS-Server

What is JavaScript

What is JQuery

Popular Posts

Blog Archive