Latest web development tutorials
×

JavaScript Tutorial

JavaScript Tutorial JavaScript Introduction JavaScript usage JavaScript Output JavaScript grammar JavaScript Statement JavaScript Notes JavaScript variable JavaScript type of data JavaScript Object JavaScript function JavaScript Scope JavaScript event JavaScript The string JavaScript Operator JavaScript Comparison JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Type conversion JavaScript Regular Expressions JavaScript error JavaScript debugging JavaScript Variable promotion JavaScript Strict mode JavaScript Use errors JavaScript Form validation JavaScript Keep the keyword JavaScript JSON JavaScript void JavaScript Code specification

JS function

JavaScript Function definition JavaScript Function parameter JavaScript Function call JavaScript Closure

JS HTML DOM

DOM Introduction DOM HTML DOM CSS DOM event DOM EventListener DOM element

JS Advanced Tutorial

JavaScript Object JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Object

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript Pop-ups JavaScript Timing events JavaScript Cookies

JS Library

JavaScript Library JavaScript test jQuery JavaScript test Prototype

JS Examples

JavaScript Examples JavaScript Object instance JavaScript Browser object instance JavaScript HTML DOM Examples JavaScript to sum up

JS Reference Manual

JavaScript Object HTML DOM Object

JavaScript library

JavaScript library - jQuery, Prototype, MooTools.

JavaScript framework (library)

JavaScript Advanced Programming (especially complicated process of browser differences), usually very difficult and very time consuming.

In response to these changes, many of JavaScript (helper) library came into being.

The JavaScript libraries often called JavaScript framework.

In this tutorial, we will learn some of the popular JavaScript frameworks:

  • jQuery
  • Prototype
  • MooTools

All of these frameworks provide functions for common JavaScript tasks, including animation, DOM operations and Ajax handling.

In this tutorial, you will learn how to start using them to make JavaScript programming easier, safer and more fun.

jQuery

jQuery is the most popular JavaScript framework.

It uses CSS selectors to access and HTML elements (DOM object) operation on the page.

jQuery also provides companion UI (user interface) and plug-ins.

Many large companies use on your site jQuery:

  • Google
  • Microsoft
  • IBM
  • Netflix

For a more in-depth learning jQuery, visit our jQuery tutorial .

Prototype

Prototype is a library that provides a simple API for performing common web tasks.

API is an application programming interface (Application Programming Interface) acronym. It is a library that contains properties and methods for manipulating HTML DOM.

Prototype by providing classes and inheritance, the realization of JavaScript enhancements.

MooTools

MooTools is a framework that provides a common enable JavaScript programming simpler API.

MooTools also contains some lightweight effects and animation functions.

Other frameworks

Here are some other frameworks are not covered by the above:

YUI - Yahoo! User Interface Framework, covering a large number of large libraries of functions, from simple JavaScript function to the full internet widget.

Ext JS - customizable widget, for building rich Internet applications (rich Internet applications).

Dojo - for DOM manipulation, event, widget, etc. toolkit.

script.aculo.us - open source JavaScript framework for visual effects and interface behavior.

UIZE - Widget, AJAX, DOM, templates, and so on.

CDN - Content Delivery Network

You always want a web page can be as fast as possible. The capacity of the page you want as small as possible, and you want the browser to cache as much as possible.

If many different sites using the same JavaScript framework, then the frame is a common position on the stock for each page sharing it becomes feasible.

CDN (Content Delivery Network) to solve this problem. CDN is a shared code library contains the server network.

Google offers a free CDN as a series of JavaScript libraries, including:

  • jQuery
  • Prototype
  • MooTools
  • Dojo
  • Yahoo! YUI

However, due to Google in China frequently GFW (Great Firewall of China, the English name of the Great Firewall of China, abbreviated as the Great Firewall, Acronym GFW) shield, causing instability access, it is recommended to use Baidu public static resource library.

To use the JavaScript framework library in your page, simply refer to the <script> tag to the library:

Reference jQuery

<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>

Using frames

Before you decide to use JavaScript framework for the web, the first test of the framework is wise.

JavaScript framework can easily be tested. You do not need to install them on your computer, but there is no installation program.

Normally you only need to reference a library file from a web page.

In the next chapter of this tutorial, we will give you a complete explanation of the testing process jQuery.