https://github.com/markerikson/react-redux-links REACT
https://news.ycombinator.com/item?id=12882816
https://news.ycombinator.com/item?id=12885980 Intercooler.js
https://yomguithereal.github.io/mnemonist/ Algorithms in JS
https://medium.com/@cjvirtucio87/maintainable-javascript-part-2-the-model-2fca44efeb2f#.6tvawt3sr
https://appendto.com/2016/09/carved-in-stone-immutables-in-javascript/
https://github.com/yury-n/dbjumper
http://shamansir.github.io/rpd/ Flow diagramms
http://nodered.org/ Flow diagramms
http://www.dzineship.com/lightweight-javascript-plugins-and-libraries-from-2016/
https://mobxjs.github.io/mobx/ MOBX
https://habrahabr.ru/company/tcsbank/blog/303580/
https://www.infoq.com/articles/state-of-javascript-2016#.V1SKcVi1trk.reddit
https://www.youtube.com/c/readthesource?app=desktop
http://stackoverflow.com/questions/37474561/using-lodash-for-grouping-data
https://github.com/paldepind/functional-frontend-architecture
https://github.com/fantasyland/fantasy-land
https://github.com/hemanth/functional-programming-jargon
https://github.com/agershun/alasql/ SQL in browser
http://winterbe.github.io/streamjs/ similar to Java Stream API
NPM
https://github.com/sindresorhus/awesome-npm
Installing globally under windows
https://coderwall.com/p/453wgq/installing-npm-packages-on-windows
npm install echarts -g
C:\Users\mlubi_000\AppData\Roaming\npm
`-- echarts@3.2.3
`-- zrender@3.1.3
npm list -g --depth 0
C:\Users\mlubi_000\AppData\Roaming\npm
+-- echarts@3.2.3
`-- yo@1.8.4
http://thibaultlaurens.github.io/javascript/2013/04/29/how-the-v8-engine-works/
https://medium.com/tag/javascript
https://github.com/radiosilence/xr AJAX wrapper
https://github.com/getify/You-Dont-Know-JS/blob/master/README.md
How to prevent user to click the button multiple times:
https://www.reddit.com/r/javascript/comments/3y2a4z/whats_a_good_pattern_to_avoid_async_callback/
function getData() { disableButton() // other stuff } getData().then(function(data) { enableBUtton(); //....otherStuff });
lint
http://www.javascriptlint.com/online_lint.php
http://glebbahmutov.com/blog/journey-from-procedural-to-reactive-javascript-with-stops/
http://arasatasaygin.github.io/is.js/ data type checking
http://reactkungfu.com/2015/07/the-hitchhikers-guide-to-modern-javascript-tooling/
http://stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-asynchronous-call AJAX, Promisses
https://news.ycombinator.com/item?id=9731230 learning resources
https://github.com/bevacqua/promisees
WEB IDE https://news.ycombinator.com/item?id=9457973
http://www.reddit.com/r/javascript/comments/38b5mc/what_blogs_do_you_actually_learn_from/
Small libraries
http://nathancahill.github.io/Split.js/
http://plainjs.com/javascript/plugins/
https://github.com/utilise/utilise
http://www.woollymittens.nl/useful/
http://jamesknelson.com/six-essential-javascript-libraries/
http://arasatasaygin.github.io/is.js/
https://github.com/NeXTs/Clusterize.js to show huge tables
https://github.com/IjzerenHein/autolayout.js autolayout
http://codegeekz.com/html5-javascript-libraries-for-developers/
Excel-like spreadsheet
Layout managers
http://gridster.net
http://troolee.github.io/gridstack.js/
http://www.jsplumb.org/demo/flowchart/dom.html
Read file from server using Ajax
http://www.w3schools.com/json/json_http.asp
Local File upload
http://en.wikipedia.org/wiki/File_select
https://www.w3.org/wiki/HTML/Elements/input/file
https://github.com/mrdoob/three.js/wiki/How-to-run-things-locally
https://cmatskas.com/importing-csv-files-using-jquery-and-html5/
http://mwholt.blogspot.com/2014/11/papa-parse-4-fastest-csv-parser.html
http://plugins.krajee.com/file-input
https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications
http://www.webhostingtalk.com/showthread.php?t=1227736
http://filedropjs.org/demo/basic.html File upload
https://github.com/WoollyMittens/useful-file
http://gojs.net/latest/index.html Diagrams builder
http://modeling-languages.com/javascript-drawing-libraries-diagrams/
https://news.ycombinator.com/item?id=9325024
http://html5.by/blog/async-javascript-video
http://www.letscodejavascript.com/v3/blog/2015/04/300_episodes this weekend only
http://halistechnology.com/2015/05/28/use-javascript-to-export-your-data-as-csv/
http://learnjsdata.com/read_data.html
https://github.com/moklick/frontend-stuff
http://nathanepstein.github.io/jekyll/update/2015/02/26/jsdata.html JS for Data Analysis
http://leaverou.github.io/awesomplete/ datalist? select2?
http://codingrefs.com/javascript-digest-feb-2015-2/
http://addyosmani.com/blog/199-slides-on-front-end-tooling-workflows/
http://gimenete.github.io/devtoolbelt/
http://hacks.mozilla.org/2015/01/from-mapreduce-to-javascript-functional-programming/
http://www.sitepoint.com/anatomy-javascript-mv-framework/
http://www.reddit.com/r/javascript/comments/2lnprc/whats_your_favorite_nonstandard_js_library_what/
Admin Template Framework
https://github.com/kumailht/flakes
http://lokijs.org/#/ In-memory DB
https://news.ycombinator.com/item?id=8557386
https://www.youtube.com/watch?v=hWhMKalEicY&feature=share V8 JavaScript engine
http://www.angularcourse.com/#/videos/8
http://devtalks.io/talks/jsconf-us/index.html
https://github.com/MrRio/jsPDF generate PDF on client
https://github.com/twitter/typeahead.js/ autocomplete
https://news.ycombinator.com/item?id=8093393 js workflow tools
https://github.com/joewalnes/filtrex
http://frontender.info/designing-javascript-apis-usability/
https://news.ycombinator.com/item?id=7719957
https://github.com/skidding/cosmos
http://www.webdesignerdepot.com/2014/02/how-to-supercharge-your-sites-speed-with-ajax-and-jquery/
http://www.domalgebra.com/index.html NameTag
PourOver and DataCollection
library for simple, fast filtering and sorting of large collections – think 100,000s of items – in the browser
http://nytimes.github.io/pourover/
https://news.ycombinator.com/item?id=7603647
http://open.blogs.nytimes.com/2014/04/16/introducing-pourover-and-tamper/
http://thestorefront.github.io/DataCollection/
https://github.com/debrice/collection
Facebook flux
https://github.com/facebook/flux
https://news.ycombinator.com/item?id=8097776
lo-dash underscore ramba lazy.js fkit
http://howardtang.co.uk/
http://ramdajs.com/
https://github.com/nullobject/fkit
http://javascriptjabber.com/079-jsj-lo-dash-with-john-david-dalton/
http://habrahabr.ru/post/217515/
Ractive.js
http://blog.ractivejs.org/posts/whats-the-difference-between-react-and-ractive/
Vue Mithril Riot
http://daily-javascript.com/articles/vuejs/ Hot Reload
http://lhorie.github.io/mithril/
https://github.com/shrimpboyho/higgle Mongo-like JSON database inside JS
Server Side Events
http://en.wikipedia.org/wiki/Server-sent_events
TIC_TAC_TOE
Single Page Web Applications
http://www.amazon.com/gp/product/1617290750/ref=pe_339810_33325930_email_f_ti
Articles
http://javascriptweblog.wordpress.com/2011/05/31/a-fresh-look-at-javascript-mixins/
http://habrahabr.ru/post/147901/ mix-in in JS
http://www.objectplayground.com/
http://www.letscodejavascript.com/
http://designzum.com/2014/02/04/10-essential-javascript-tools-developers-must-know-about/
Future of JS frameworks Vyacheslav Egorov
https://news.ycombinator.com/item?id=6936975
http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/
http://www.youtube.com/watch?v=b5pFv9NB9fs Nicholas Zakas
http://www.nczonline.net/ Nicholas Zakas
http://habrahabr.ru/post/203444/
RequireJS
http://habrahabr.ru/post/209228/
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://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://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://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://www.infoq.com/articles/Emberjs-Web-Applications
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.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://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
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://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>
<title>Find City From ZIP code</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(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 id="country">
<option value="US" selected="selected">US</option>
<option value="CA">CA</option>
</select>
<br/>
<label for="postalCode">Postal Code</label><input type="text" id="postalCode" value="95126">
<br/>
<button id="search">Search place name</button>
<br/>
<label for="placeName">Name</label><input type="text" id="placeName" readonly="readonly">
</body>
</html>
For handling Ajax Errors:
<script type="text/javascript">
$.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.