JavaScript Libraries

RequireJS является реализацией AMD (Asynchronous Module Definition), API для объявления модулей и их асинхронной загрузки «на лету», когда они понадобятся.

RequireJS поможет организовать ваш код с помощью модулей и будет управлять за вас асинхронной и параллельной загрузкой ваших файлов. Так как скрипты загружаются только при необходимости и параллельно, это уменьшает время загрузки страницы.

Libraries/Frameworks

http://www.reddit.com/r/javascript/comments/1z7cjf/what_tools_are_you_all_using/

https://github.com/dypsilon/frontend-dev-bookmarks

https://news.ycombinator.com/item?id=5922791

https://github.com/miripiruni/frontdesk

http://avaxhome.ws/ebooks/programming_development/html_css_js_javascript/1937785270JavaSc.html

http://avaxhome.ws/ebooks/programming_development/html_css_js_javascript/193398869XJavaSc.html

http://avaxhome.ws/ebooks/programming_development/2013-05-26-21.html

http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/

https://news.ycombinator.com/item?id=5563223

http://www.ibm.com/developerworks/web/library/wa-clientmvc/index.html

http://net.tutsplus.com/articles/general/what-was-hot-in-2012-month-by-month/

http://habrahabr.ru/post/149872/

http://news.ycombinator.com/item?id=5009001

http://blog.okfn.org/2012/07/05/announcing-recline-js-a-javascript-library-for-building-data-applications-in-the-browser/

https://oxjs.org/

http://viejs.org/

http://timeline.verite.co/

http://substance.io/michael/data-js

http://code.google.com/closure/library/docs/overview.html

http://habrahabr.ru/post/143347/ https://github.com/bebraw/jswiki/wiki

Bootstrap

http://twitter.github.com/bootstrap/

http://sorich87.github.com/bootstrap-tour/index.html

http://accidentaltechnologist.com/javascript/7-resources-every-javascript-developer-should-know/

http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/

http://blog.stevensanderson.com/2012/08/01/rich-javascript-applications-the-seven-frameworks-throne-of-js-2012/

http://knockoutjs.com/

http://arcturo.github.com/library/coffeescript/ CoffeScript

http://beebole.com/pure/ JSON->HTML

http://jashkenas.github.com/coffee-script/

http://documentcloud.github.com/underscore/

http://habrahabr.ru/post/142789/ Follow.js

Backbone

http://documentcloud.github.com/backbone/

http://wyuenho.github.com/backgrid/ Backbone UI

http://dailyjs.com/2012/08/02/mvstar-4/

http://publish.luisrei.com/articles/backbone.html

http://habrahabr.ru/post/123130/

http://vimeo.com/45140589

http://tobyho.com/2012/07/19/backbone-charm-text-based-ui/

http://www.youtube.com/playlist?list=PL0C57F698BD4766B1

https://github.com/addyosmani/backbone-fundamentals

http://arturadib.com/hello-backbonejs/

http://spin.atomicobject.com/2012/04/16/lets-talk-an-eventbus-in-backbone-js/

http://perka.github.com/backbone-ui/

https://github.com/derickbailey/backbone.marionette

https://github.com/kjbekkelund/writings/blob/master/published/understanding-backbone.md/

http://davedavefind.tumblr.com/

http://addyosmani.github.com/todomvc/

Ember

http://emberjs.com/

http://www.infoq.com/articles/Emberjs-Web-Applications

http://ember101.com/

http://habrahabr.ru/post/149036/

http://www.nebithi.com/2012/09/03/angularjs-vs-emberjs/

Angular Knockout

http://stackoverflow.com/q/14994391/561309

http://docs.angularjs.org/guide/concepts

https://github.com/jmcunningham/AngularJS-Learning

http://stackoverflow.com/questions/9682092/databinding-in-angularjs

https://github.com/mgechev/angularjs-style-guide

https://news.ycombinator.com/item?id=6102380

https://news.ycombinator.com/item?id=5839099 Angular

http://www.designyourway.net/blog/resources/so-you-want-to-learn-angularjs-start-with-these-tutorials-and-resources/

http://www.codeorbits.com/blog/2013/12/20/rapid-angularjs-prototyping-without-real-backend/

http://habrahabr.ru/post/187808/

http://habrahabr.ru/post/165275/

http://stephanebegaudeau.tumblr.com/post/48776908163/everything-you-need-to-understand-to-start-with

http://angularjs.org/

http://floatleft.com/notebook/diving-into-angularjs

http://briantford.com/blog/angular-d3.html

http://briantford.com/blog/huuuuuge-angular-apps.html

https://news.ycombinator.com/item?id=5584967

http://habrahabr.ru/post/149060/

http://css.dzone.com/articles/shift-towards-client-side-mvc

http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/

http://news.ycombinator.com/item?id=3833200

http://spinejs.com/docs/introduction

http://greatfinds.icrossing.com/the-rise-of-javascript-micro-frameworks/

http://www.reddit.com/r/javascript/comments/nfk6j/librarieswhats_your_favorite/

NODE.js

http://www.nodebeginner.org/

https://github.com/caolan/async

http://dannorth.net/2011/12/19/the-rise-and-rise-of-javascript/

http://journal.paul.querna.org/articles/2011/12/18/the-switch-python-to-node-js/

http://net.tutsplus.com/tutorials/javascript-ajax/this-time-youll-learn-node-js/

JQuery

http://habrahabr.ru/post/211538/ 10 top jquery pligins

http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

http://jqapi.com/

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

http://blog.mikecouturier.com/2010/02/beginning-with-jquery-solid-foundation_22.html

http://jqfundamentals.com/book/

http://habrahabr.ru/blogs/jquery/118564/ jQuery Internals(rus)

http://habrahabr.ru/blogs/jquery/122002/#habracut

http://jquery.malsup.com/form/

http://www.hardcode.nl/archives_139/article_553-minimalist-ajax-form-plugin.htm

http://jjinux.blogspot.com/2009/08/javascript-ajax-notifications-with.html

http://coding.smashingmagazine.com/2010/02/10/some-things-you-should-know-about-ajax/

http://flowplayer.org/tools/index.html

http://www.reddit.com/r/javascript/comments/1r8z9q/looking_for_help_with_reading_associative_arrays/

<!DOCTYPE HTML>

<html>

<head>

$(function() {

$('#search').click(function() {

var url = 'http://www.geonames.org/postalCodeLookupJSON?postalcode=' + $('#postalCode').val() + '&country=' + $('#country').val() + '&callback=?';

console.log(url);

$.getJSON(url, function(data) {

console.log(data);

$('#placeName').val(data.postalcodes[0].placeName);

});

</script>

</head>

<body>

<label for="country">Country</label>

</select>

<br/>

<label for="postalCode">Postal Code</label><input type="text" id="postalCode" value="95126">

<br/>

<button id="search">Search place name</button>

<br/>

</body>

</html>

For handling Ajax Errors:

$.ajaxSetup({

"error":function(XMLHttpRequest, textStatus, errorThrown) {

alert ('an error occured - please use Firebug console to view the details ')

if (window.console && window.console.log){

console.log(textStatus);

console.log(errorThrown);

console.log(XMLHttpRequest.responseText);

console.log(XMLHttpRequest);

}

}}); </script>

jQuery.ajax( options )Load a remote page using an HTTP request.

jQuery.ajaxSetup( options )Setup global settings for AJAX requests.

jQuery.get( url, [data], [callback], [type] )Load a remote page using an HTTP GET request.

getJSON

jQuery.getScript( url, [callback] )Loads and executes a JavaScript file using an HTTP GET request.

jQuery.post( url, [data], [callback], [type] )Load a remote page using an HTTP POST request.

load( url, [data], [callback] )Load HTML from a remote file and inject it into the DOM.

serialize( )Serializes a set of input elements into a string of data.

serializeArray( ) Serializes all forms and form elements like the .serialize() method but returns a JSON data structure for you to work with.

$.getJSON( url, [data], [callback] )

[selector].getJSON( URL, [data], [callback] ); //uses GET method

$(document).ready(function() {

$("#driver").click(function(event){

$.getJSON('/jquery/result.json', function(jd) {

$('#stage').html('<p> Name: ' + jd.name + '</p>');

$('#stage').append('<p>Age : ' + jd.age+ '</p>');

$('#stage').append('<p> Sex: ' + jd.sex+ '</p>');

});

</script>

[selector].load( URL, [data], [callback] );

$(document).ready(function() {

$("#driver").click(function(event){

var name = $("#name").val();

$("#stage").load('/jquery/result.php', {"name":name} );

});

- URL: The URL of the server-side resource to which the request is sent. It could be a CGI, ASP, JSP, or PHP script which generates data dynamically or out of a database.
- data: This optional parameter represents an object whose properties are serialized into properly encoded parameters to be passed to the request. If specified, the request is made using the POST method. If omitted, the GET method is used.
- callback: A callback function invoked after the response data has been loaded into the elements of the matched set. The first parameter passed to this function is the response text recieved from the server and second parameter is the status code.

Page updated

Google Sites

Report abuse