JQuery with Some Days

Hello Readers

I am now ready to learn about JQuery. You know that, JQuery is a JavaScript library. Lets start to learn JQuery now. It is very easy to learn.

First you have to download the library of JQuery form the website of http://www.jquery.com. After going here, you have to download “jQuery” and save into your computer with any name as a java Scritpt file (.js) extension.

jquery website link

Now open your favorite compiler & Then save this file name jquery.js in a folder named day1. Create a html file and save this with the name of day1.html.The HTML code is like that-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Day with jQuery</title>
<script type="text/javascript" src="../library/jquery.js"></script>


<style type="text/css">
    #box{
        width:300px;
        height:300px;
        background:red;
    }
</style>

<!-- Start JQuery -->

<script type="text/javascript">
    $(function(){
        $('a').click(function(){
            $('#box').fadeOut();
        });
    });


</script>

</head>

<body>
<div id="box">

</div>

<a href="/">Close this Box</a>
</body>
</html>



I just used here a jquery library and then write some code. out put of first word
When user "Close the Box" link, the box will be close.

This is very simple work. If you face any problem, Just write 
your comments or mail to me. 
Thanks to read this tutorial and wait for next tutorial.

Bye for today.

Best 20 JavaScript Frameworks

Hello Every One. I am interested to know about the very essential 20 Framework of Java Script.

———————————————- This Guide Lines is collected from other site —————-

The number of web applications being created and used has grown rapidly since the new millenium. And importantly, so has the sheer complexity of them — specially on the front end. No more static pages, no sir!

You have a ton of sections each interacting with each other and the server and yes, it’s as complicated as it sounds and just as hard to pull off. Today, I’d like to talk about a few, choice JavaScript frameworks that aim to simplify front end application development.


Why We Need Frameworks Like These

If you think jQuery is the answer, you lose a cookie and get an F grade!

Creating responsive, fluid, and maintainable interfaces for web apps isn’t as easy as one would imagine — there is data to be sent back to the server and the results parsed, data stores to be updated, views to be re-rendered and so much else that needs to be done in the background. Desktop developers have it much easier with robust tools and well defined workflows. Us, poor web devs? We’ve been twiddling DOM elements, creating models by hand and pulling our hair out trying to keep everything synched.

The monstrous rise in the number of web apps being built recently has really made it apparent that we need better tools and frameworks and the devs have responded with a staggering amount of solutions. Today, we’re going to go over just a few of these. A couple of these are quite old but I’m certain you can learn a lot from perusing their code base.

Sure, a few of these may be a little old but their code bases have lots of lessons to teach.


Sproutcore

Nettuts+ -- JavaScript Frameworks

Sproutcore powers a lot of high profile apps including MobileMe amongst others. Sproutcore has a steeper learning curve compared to the other options but makes up for it with developer productivity once he/she has learned the ropes.

This framework boasts a UI framework, the market standard MVC architecture and well written documentation.

Related links:

Continue reading