Some on line resources.

Browser scripting
Post Reply
KBleivik
Site Admin
Posts: 184
Joined: Tue Sep 29, 2009 6:25 pm
Location: Moss Norway
Contact:

Some on line resources.

Post by KBleivik »

1. Libraries and AJAX

JavaScript is known as client or browser scripting. The code is interpreted by the browser. Most modern browsers support JavaScript. JavaScript is great for creating dynamic content and animations. In addition, the J in AJAX (Asynchronous JAvascript and Xml) is short for JavaScript. JavaScript is used to make simple web applications and update a section of the page without loading the whole page. There are many on line resources if you want to learn more about JavaScript like http://www.w3schools.com/js/default.asp . There are many JavaScript libraries: http://javascriptlibraries.com/, where one of the best known is jQuery http://jquery.com/ which market itself as
The Write Less, Do More, JavaScript Library
jQuery simplifies the task of creating highly responsive web pages and works well across all modern browsers so it abstracts away all the differences between browsers. The library can also be used to implement AJAX functionality on you site. The term AJAX was first used by Jesse James Garrett in his well known article: http://www.adaptivepath.com/ideas/e000385. For more information see: http://www.w3schools.com/Ajax/Default.Asp
One of the first things that I grew to love about jQuery (other than its excellent, clear documentation) is that it is essentially a fantastic "loop engine". Now, I call it "looping", but those of you with a more formal programming background or some previous experience with jQuery have probably heard the term used as: implicit iteration. Essentially, jQuery iterates, that is, repeats (aka: loops) through the selected elements of its container object without the introduction of an explicit iterator object, hence, using the term implicit. OK, complicated definitions aside, it simply means you can do just about anything you need to a set of elements, without ever having to write a foreach or while loop! Most people I chat with about jQuery, have no idea this is what jQuery is really doing under the hood.
Source: https://www.packtpub.com/wordpress-30-jquery/book page 22.

Note that
All of the code is available in two formats:

Compressed (which allows you to have a significantly smaller file size) and
Uncompressed (good for debugging and to understand what is behind the magic).
http://docs.jquery.com/Downloading_jQuery .

If you use the MS Visual Studio editor, note this http://code.jquery.com/jquery-1.4.1-vsdoc.js file or look for a recent update by page search (CTRL + F) + Visual Studio on the download page: http://docs.jquery.com/Downloading_jQuery

2. jQuery plugins and extensions

One of the most popular additions to jQuery is jQuery UI: http://jqueryui.com/

jQuery is a JavaScript plugin that has its own plugins: http://plugins.jquery.com/

Example: NIVO Slider - http://nivo.dev7studios.com/

Related and other useful plugins:

The malsup http://www.malsup.com/ cycle plugin http://jquery.malsup.com/cycle/
Wildly popular slideshow plugin for displaying image or non-image slideshows. Lots of available transition effects such as fade, scroll, shuffle, zoom, and many more. Lots of features and ease of use is what this plugin is all about.
Malsup has a lot of other useful plugins: http://jquery.malsup.com/ for example the jQuery Google Feed Plugin http://jquery.malsup.com/gfeed/
A jQuery wrapper for the Google AJAX Feed API. Lets you easily grab feed output from Google and redirect it onto your page.
the jQuery Twitter Search Plugin http://jquery.malsup.com/twitter/ and the jQuery Media Plugin http://jquery.malsup.com/media/
The jQuery Media Plugin supports unobtrusive conversion of standard markup into rich media content. It can be used to embed virtually any media type, including Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF and more, into a web page. The plugin converts an element (usually an <a>) into a <div> which holds the object, embed or iframe tags neccessary to render the media content.


and more.

http://cssglobe.com/post/1695/easiest-t ... ing-jquery

http://cssglobe.com/post/3783/jquery-pl ... ent-slider

Jack Moore have some plugins where the lightbox plugin colorbox http://jacklmoore.com/colorbox/ is one of the more well known.

Deep Liquid's http://deepliquid.com/ Jcrop plugin http://deepliquid.com/content/Jcrop.html is another useful plugin:
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.
InnerFade http://medienfreunde.com/lab/innerfade/ can be used to set up a newsticker. See also: http://www.jquerynewsticker.com/

3. jQuery mobile

Site: http://jquerymobile.com/
jQuery Mobile Overview

jQuery’s mobile strategy can be summarized simply: Delivering top-of-the-line JavaScript in a unified User Interface that works across the most-used smartphone web browsers and tablet form factors.
Source: http://jquerymobile.com/demos/1.0a4.1/# ... intro.html

jQuery mobile forum: http://forum.jquery.com/jquery-mobile As an example of what is discussed there, read this

http://forum.jquery.com/topic/disable-ajax-on-forms

thread about disabling AJAX on forms.

Related link: http://jqtouch.com/

4. Litterature

http://docs.jquery.com/Main_Page

http://www.learningjquery.com/

http://www.packtpub.com/books/jquery

Since jQuery and similar libraries abstract away many JavaScript problems, all you may need to read is the first and / or the second book below:

https://www.packtpub.com/wordpress-30-jquery/book

http://www.sitepoint.com/books/jquery1/

The next two books are listed if you want to dig deeper into AJAX.

http://www.sitepoint.com/books/ajax1/

http://www.wrox.com/WileyCDA/WroxTitle/ ... 77781.html

Listed here if you want to learn more about raw JavaScripting.

http://www.amazon.com/JavaScript-Design ... 159059908X

http://www.sitepoint.com/books/jsdesign1/

http://www.sitepoint.com/books/javascript1/

5. Coffee script

http://coffeescript.org/

http://pragprog.com/book/tbcoffee/coffeescript

https://www.packtpub.com/all/?search=coffe%20script

6. Links

http://jspro.com/

http://www.sitepoint.com/forums/forumdi ... JavaScript

http://ender.no.de/

http://www.dartlang.org/

http://www.2ality.com/2011/09/google-dart.html

http://en.wikipedia.org/wiki/Dart_%28pr ... anguage%29

http://nodejs.org/

http://reactjs.net/

https://facebook.github.io/react/

https://scotch.io/tutorials/learning-re ... d-concepts

http://jsfiddle.net/vjeux/kb3gN/

http://nodeguide.com/

http://www.nodebeginner.org/

http://jint.codeplex.com/

http://www.antiifcampaign.com/

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests