TAZIO MIRANDOLA Web Applications Developer

risorse javascript generico(non dipendente da JQ o TWB)

risorse

• http://cdnjs.com/
• http://www.javascriptoo.com/
• http://microjs.com/
• JS Components Directory
• JS component Directory
• JS component directory
• JS components Bower compatible
• Metro UI framework

js lang enhancements:

• npm+bower
• augment.js add to prototypes js1.6 methods
• https://github.com/es-shims/es5-shim
• Class implementation
• string library
• string library
• date, time

transpilers

• typescript
• golang js
• (react)

MVC

• http://knockoutjs.com/
• http://emberjs.com/
• IN PAGE APP FRAMEWORK

M

• OvservableArray
• load data, LINQ like abstractions, cache

C

• sammy router class sinatra
• ROUTER class
• router class

V

• template engine
• twitter templates, crea e carica files tmpl.js
• js HAML
• template engine
• string template
• FB react

HTML builder

• lib per la costruzione programmatica html
• markdown

widget library

• google UI
• [[http://docs.closure-library.googlecode.com/git/index.html||google UI]]
• react-bootstrap
• YUI
• http://qooxdoo.org/
• webix UI widget library
• http://chocolatechip-ui.com/

code loaders

big modules loaders:

• CommonJS(npm) module format spreading into the browser
• AMD loader, permette di usare moduli npm nel browser
• by twitter

differenza tra AMD e CommonJS

loaders più semplici per gestire poche dipendenze:

• simple script loader
• AMD loader
• JS LOADER
• JS LOADER
• pure js canvas loader indicator/spinner

Module Management System: http://addyosmani.com/writing-modular-js/

• AMD (require.js curl.js) : optimized for the browser
• common.js : optimized for the server

build tools:

• make/rake build tool
• grunt

Functional Reactive Approach:

• bacon.js
• immutable.js
• Lazy.js
• Q.js

forms

• hyperform HTML5 vorm validation polyfils
• in form text placeholder
• textarea espandibile
• masked input
• passwordstrenght

• Select Multiple
• Selects enhancements
• selectize.js
• simple select replacement
• select replacement
• in place editable

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.2.5/jquery.inputmask.bundle.min.js"></script>
    <script >
    $(function(){
        $('#date_delivery').inputmask({
            alias: "dd/mm/yyyy"
        });
    });

form validation

• validatori
• validatori
• validatori
• validatori

tabelle

• ridimensiona le celle
• dataset autofilter
• in-line edit

immagini e carousel

• http://toddmotto.com/labs/superbox/
• slider component
• [[http://jquerypicture.com/|richiede al server una immagine di dimensione calcolata in base alla larghezza dello schermo sul device
• modale
• delay loading images out of viewport

tree/treeview/treetableview/Menu

• http://mbraak.github.io/jqTree
• http://dev7studios.com/dropit/

layout

• rende i box contenuti della stessa dimensione w o h, molto utile per i layout
• mostra la griglia sottostante, per allineare gli elementi

visualizzazione, dati, mappe

• http://nvd3.org/
• http://nvd3-community.github.io/nvd3/
• http://d3js.org/

altri:

• raphaeljs vector graphics
• http://www.chartjs.org/
• grafici, piechart, istogramma
• gojs diagrammi
• http://code.shutterstock.com/rickshaw/
• http://morrisjs.github.io/morris.js/index.html

• Syntax highlighting codice sorgente
• loadbar globale
• treemap component
• tile dei box in un contenitore, permette di organizzare contenuto con altezze ignote a priori
• mindMap diagram

Keybord

• mousetrap