Link. javascript ajax

546 views

Published on

Risorse javascript. Santi Caltabiano.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
546
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Link. javascript ajax

  1. 1. - www.ajaxist.com Web directory per ricercare risorse per ajax- http://jsswing.sourceforge.net An HTML UI framework in javascript language, providing a javascript APIlibrary which is very similar as Java Swing API and using parts of Java Swing painting mechanism.- http://www.extjs.com Ext JS è una piattaforma javascript per sviluppo RAD per web applicaton cross-browser. E possibile costruire applicazioni con livello grafico confrontabile conquello delle applicazioni desktop (bellissimo). Nella demo è presente anche una simulazionedel desktop ed impressionante. Il framework è OO ed è basato su eventi. Eunestensione della YUI. License: * GPL 3.0: il framework è scaricabile liberamente ma dovrà essere utilizzatoin applicazioni rilasciate con la stessa licenza; * Commerciale: a fronte di un pagamento di una cifra (variabile sulla base delnumero di sviluppatori coinvolti) sarà possibile utilizzare ovunque il framework,accedere ad unarea riservata del forum ed ottenere subito eventuali bugfix tramite laccessodiretto al server subversion (cosa altrimenti non possibile). Con la versione commerciale saràpossibile accedere a un insieme di servizi di consulenza, acquistabili anche separatamente. Articoli e tutorial: * http://javascript.html.it/articoli/lista/154/extjs/ * http://en.wikipedia.org/wiki/Ext_(JavaScript_library)- http://prototypejs.org/ Il più noto, il più utilizzato, il più sfruttato, Prototype è il frameworkalla base di tanti altri progetti, è gratuito, non è troppo pesante ma è anche tra i più discussi diquesta lista. Dal sito: Frmework Prototype is a JavaScript Framework that aims to easedevelopment of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming thecodebase of choice for web application developers everywhere.- www.jquery.com Il diretto concorrente di Prototype, molto noto, molto diffuso, ricco di plug-in per ogni tipo di esigenza e soprattutto molto più pensato a livello di codice. N.B. E un framework leggero (ad esempio rispetto a dojo) Dal Sito: jQuery is a new type of JavaScript library. jQuery is a fast,concise, JavaScript Library that simplifies how you traverse HTML documents, handle events,perform animations, and add Ajax interactions to your web pages. jQuery is designed tochange the way that you write JavaScript.- www.jqwidgets.com jQWidgets gives us something new and special. It’s a new and unique libraryfor Web development and unlike others it makes our Apps and Websites look beautiful on desktops,
  2. 2. touch devices and mobile phones. jQWidgets is the ultimate UI toolkit for the next generation ofcloud apps development and it is built entirely on open standards and technologies likeHTML5, CSS, JavaScript and jQuery.f- http://script.aculo.us/ Tra gli addetti ai lavori viene soprannominato Protaculous poiché estensionedi Prototype con laggiunta di effetti grafici, drag&drop ed altro ancora. Assieme a Prototypetra le soluzioni più note ed usate, spesso presente di default in framework di linguaggiserver. Lestensione migliore della libreria Prototype, facile da usare e dagli effettiaccattivanti in grado di incantare i navigatori meno esperti. Il peso complessivo si aggira attorno ai120Kb ma a parità di codice è in grado di offrire una moltitudine di effetti visualidallimpatto visivo garantito. Il solo sito si presenta tramite la stessa libreria. Ma attenzione, se non sipossiede un PC potente si rischia di ritrovarsi il processore surriscaldato, la scheda video in pannee linevitabile voglia di premere il tasto per chiudere la finestra potrebbe anche averla vinta.Innovativo e divertente il sito, buona la documentazione, buona anche la libreria. Peccato sia lievementeesigente in termini computazionali. Dal sito: framework script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applicationsfly. Whats inside? animation framework, drag and drop, Ajax controls DOM utilities, andunit testing. Its an add-on to the fantastic Prototype framework.- www.jqwidgets.com jQWidgets delivers everything you need to build rich client UI withJavaScript, HMTL5 and jQuery. It contains more than 30 UI widgets and is one of the fastestgrowing JavaScript UI frameworks on the Web.- www.javascript.it il punto di riferimento italiano per chi desidera imparare ed utilizzarequesto linguaggio. In questo sito trovate una vasta raccolta di script già pronti per essere utilizzatinelle vostre pagine web, inoltre manuali e documentazione in italiano ed inglese e tanti collegamenticon i maggiori siti mondiali che trattano largomento.- http://openlayers.org/ OpenLayers makes it easy to put a dynamic map in any web page. It can displaymap tiles and markers loaded from any source. OpenLayers has been developed to further the use ofgeographic information of all kinds. OpenLayers is completely free, Open Source JavaScript, releasedunder the 2-clause BSD License (also known as the FreeBSD). OpenLayers is a pure JavaScript library for displaying map data in most modernweb browsers, with no server-side dependencies. OpenLayers implements a JavaScript API for building
  3. 3. rich web-based geographic applications, similar to the Google Maps and MSN Virtual Earth APIs, with oneimportant difference -- OpenLayers is Free Software, developed for and by the Open Source softwarecommunity.- http://ajaxpatterns.org/Frameworks_Matrix Matrice per la comparazione di framework ajax- www.openajax.it Sito italiano intermente dedicato ad ajax.- http://javascript.html.it/articoli/leggi/2127/panoramica-dei-framework-javascript/1/ Panoramica dei principali framework javascript.- http://www.openajax.it/dojo-toolkit Sezione del sito dedicata a dojo (in italiano)- http://ajaxpatterns.org Tecnologia Ajax. Integrazione con teconologie client (javascript) e server(java, .net, php, ...)- www.ajaxprojects.com Raccoglie informazioni, tools, link su progetti e framework ajax. E possibilevisualizzare i framework in base alla tecnologia (java, .net, php, ...)- www.dojotoolkit.org Sito ufficiale di dojo. Dojo è un framework javascript AJAX opensource checonsente agli sviluppatori web di costruire pagine web, con funzionalità simile a quelle proposte daunapplicazione desktop,in maniera facile e veloce. Si tratta di una libreria javascript che mette a disposizione delprogrammatore strumenti per la costruzione di pagine con funzionalità simile a quelle desktop (richclient): Treeview, pannelli, finestre di dialogo, nuove combo, ... Dojo tra le altre coseutilizza AJAX.- http://developers.sun.com/ajax/ AJAX Developer Resource Center- www.activewidgets.com Questa socità fornisce (a pagamento) componenti AJAX per lo sviluppo diapplicazioni web.- http://code.google.com/apis/ajax/ Google AJAX APIs. Googles AJAX APIs let you implement rich, dynamic web sitesentirely in JavaScript and HTML. You can add a map to your site, a dynamic search box, or download feeds withjust a few lines of JavaScript.- http://www.pierotofy.it Comunità di sviluppatori su diverse tecnologie. Sorgemti, documenti, tutorial,tools.- http://www.google.com/codesearch Sezione di google per la ricerca di codice- www.linb.net jsLinb is a Cross-Browser javascript framework with cutting-edge functionalityfor rich web 2.0 application.
  4. 4. * Rich client-side API, works with any backend (php, .Net, Java, python) orstatic HTML pages. * More then 40 common components, including Tabs, Dialog, TreeGrid, TimeLineand many other web GUI components. * Wide cross-browser compatibility, IE6+, firefox1.5+, opera9+, safari3+ andGoogle Chrome. * Full API Documentation with tons of samples. * Ever Increasing Code Snippets. * Drag&Drop GUI builder and IDE available, what you see is exactly what youget. Significantly reduced development time. * Compatible with jQuery, prototype, mootools and other frameworks. * Open Source under LGPL license, and commercial support available.- http://openrico.org/rico/home.page Open Rico. Un toolkit di componenti grafici e non scritto sopra un altroframework noto, Prototype. Open Rico vanta una delle migliori griglie pilotate da Ajax, oltread altri componenti interessanti, ed è completamente gratuito. La semplicità elefficienza dei componenti Rico sono raramente eguagliate da altri concorrenti. Il peso,considerando quanto questa libreria possa offrire, è indicativamente moderato, circa 88Kbper una versione pulita e commentata, che assieme alla base, Prototype, arriva atoccare i 140Kb. Purtroppo Prototype non è sempre ben vista per via della poca cura deglisviluppatori nel non voler stravolgere il codice di tutti gli altri ma in questo caso, più chein altri, laccoppiata sembra essere vincente Pregi: * gratuito, cross browser ed abbastanza potente * componenti facili da usare ma estremamente utili * peso relativamente contenuto * si basa su Prototype, può convivere con altre librerie che si basano suPrototype senza richiedere banda aggiuntiva Difetti: * si basa su Prototype, rischia di penalizzare altre librerie *la versione non compressa sarebbe da evitare a favore di una più compatta- http://qooxdoo.org Un altro framework basato su componenti grafici della categoria ufficiosa"easier than ever". Qooxdoo si può inserire tranquillamente nella categoria Enterprise ed è capacedi creare veri e propri desktop virtuali. Sbalorditiva la pagina ShowCase, dove più che unpaio di componenti sembra di aver avviato un programma tramite browser. Grafica e dettaglicurati, funzionalità avanzate e potenzialità impressionanti ma assolutamente inadatto a siticomuni. Il peso di oltre 800Kb in versione pre-compilata, ovvero compressa, lascia a bocca aperta tantoquanto lo ShowCase poiché un colosso di questa portata avrebbe potuto sicuramente adottaresoluzioni a caricamento dinamico come Dojo ed altri fanno ormai da tempo. Documentazione eccellente ecompatibilità multipla client/server proiettano questo framework in cima alla classifica GUIoriented per applicativi intranet o di amministrazione.
  5. 5. - http://developer.yahoo.com/yui YUI. Yahoo! User Interface Library è tra i più completi framework di sviluppoorientati alle componenti grafiche e capace di implementare ottima interazione in qualunque pagina Web.Gratuito, ottimizzato, curato al dettaglio, potente. Decisamente da escalamazione: Yahoo! Quando unbig di queste dimensioni propone una soluzione non lo fa di certo timidamente. Interfacce accantivanti,innovative ed una documentazione ricca di eccellenti esempi rendono questo framework adatto aduno sviluppo Enterprise sebbene la semplicità di utilizzo sia alla portata di tutti, compresi i nonsviluppatori. Pregi: * quantità di GUI impressionante * gratuito ed Open Source * estremamente facile e potente * supporto client eccellente e si interfaccia con qualunque linguaggio server * sviluppo, manutenzione e qualità garantite da un gruppo di tutto rispetto,quello Yahoo! Difetti: * troppo pesante- www.winlike.net WinLIKE. Il nome scelto spiega bene cosa possa fare questo framework capace dicreare un vero e proprio ambiente desktop. Funzionale, graficamente ben fatto, compatibile edinnovativo. Basta entrare nel sito per accorgersi delle caratteristiche messe a disposizione dal framework. Lacosa più interessante è il peso complessivo della libreria, irrisorio se paragonato ad altre in grado diprodurre lo stesso risultato. Gratuito e sicuramente unico nel suo genere, limpressione è sicuramenteottima. Pregi: * ottimo rapporto peso/potenzialità * facile da utilizzare * compatibile con molti browser ed indipendente dal linguaggio server adottato Difetti: * potenzialità interessanti ma limitate oltre la sola rappresentazione similDesktop * più che Web 2.0 ed Ajax è un iframe oriented * stravolge il normale flusso dati di una pagina e non è facilmenteimplementabile su progetti esistenti- http://mootools.net Un framework Open Source con licensa MIT Style rinnovato di recente efinalmente stabile. Capace di offrire effetti accattivanti, vanta di un ottimo codice oltre che un ottimosito di presentazione e relativa documentazione. Dalla piccola e nota moofx al rinnovato mootools ilpasso è stato rapido, veloce e decisamente degno di nota. Tra i tanti della lista è tra i miglioriper qualità del codice proposto, peso e potenzialità. La divisione a pacchetti, selezionabili in basealle dipendenze di ognuno di questi, e scaricabile in vari formati completano linsieme e lafacilità di estendere componenti o classi è ai vertici della classifica. Ideale quindi per i menoesperti come per i più preparati che potranno godere di un elegante e completa struttura base daimplementare a proprio
  6. 6. piacere. Pregi: * ormai maturo per diventare una versione 1.0 * ottimo codice Open Source ampliamente documentato * peso contenuto ma potente ed abbastanza completo * semplice da utilizzare ed implementare, adatto ai meno preparati come ai piùesigenti Difetti: * compatibilità molto buona ma la versione di Internet Explorer minimarichiesta è la 6 * non ha un namespace proprietario, rischia di essere invadente- http://ckeditor.com ckeditor (ex fckeditor) è un editor html wysiwyg da incorporare nelleapplicazioni web. E uno dei più utilizzati nella comunità web. Può essere facilmente adattato ed utilizzatocon le diverse teconologie server side. Free per usi non commerciali altrimenti a pagamento. Dal sito: "CKEditor is a text editor to be used inside web pages. Its aWYSIWYG editor, which means that the text being edited on it looks as similar as possible tothe results users have when publishing it. It brings to the web common editing featuresfound on desktop editing applications like Microsoft Word and OpenOffice. Because CKEditoris licensed under flexible Open Source and commercial licenses, youll be able to integrateand use it inside any kind of application. This is the ideal editor for developers, created toprovide easy and powerful solutions to their users. CKEditor and FCKeditor FCKeditor has been around for more than six years. Since 2003 ithas built a strong user community becoming the most used editor in the market, accumulating more than3,5 million downloads. On 2009, we decided renaming the editor, bringing to the light our nextgeneration solution: CKEditor 3.0. CKEditor inherits the quality and strong features people were usedto find in FCKeditor, in a much more modern product, added by dozens of new benefits, likeaccessibility and ultimate performance"- http://tinymce.moxiecode.com TinyMCE è un componente per pagine web che trasforma una textarea in un editorHTML WYSIWYG. Quindi è possibile caricarlo in una pagina ed utilizzarlo con una qualunquetecnologie: PHP, JSP, JSF, Wicket, ... (poiché viene trattato come una textare che peròrestituisce condice html). Dal sito è possibile scaricare una versione compressa dellalibreria per ridurre i tempi di caricamento. La documentazione ed esempi ottimi. Dal sisto: "TinyMCE is a platform independent web based Javascript HTMLWYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It hasthe ability to convert HTML TEXTAREA fields or other HTML elements to editorinstances. TinyMCE is very easy to integrate into other Content Management Systems."- www.xinha.org xinha è unaltenativa tinymce. Può essere facilmente adattato ed utilizzatocon le diverse
  7. 7. teconologie server side. Dal sito: "Xinha (pronounced like Xena, the Warrior Princess) is a powerfulWYSIWYG HTML editor component that works in all current browsers. Its configurabilty andextensibility make it easy to build just the right editor for multiple purposes, from arestricted mini-editor for one database field to a full-fledged website editor. Itsliberal, BSD licence makes it an ideal candidate for integration into any kind of project. Xinha is Open Source, and we take this seriously. There is no company thatowns the source but a community of professionals who just want Xinha to be the best tool for theirwork."- www.nicedit.com nicedit è unaltenativa tinymce. Può essere facilmente adattato ed utilizzatocon le diverse teconologie server side. Integra alla perfezione un editor html wysiwyg nellenostre pagine web con appena una o due righe di codice. NicEdit è un editor inlinerealizzato in Javascript e Ajax, che permette di editare facilmente il contenuto di una textarea oaddirittura di un div a nostra scelta, permettendoci di aggiungere qualsiasi tipo diformattazione. Il file da scaricare è molto piccolo, meno di 35kB in totale, e solo 10kB la cartellacompressa. Per linstallazione sono richiesti solo due file, il js e le icone.- www.freerichtexteditor.com/ Free Rich Text Editor è unaltenativa tinymce. Può essere facilmente adattatoed utilizzato con le diverse teconologie server side. Molto semplice da utilizzare. Dal sito: "Free Rich Text Editor is an extremely easy to use FREE javascriptbased HTML WYSIWYG editor for your website, it can easily be implemented into any existingcontent management system or other web application with no knowledge required in programming orjavascript. Only 3 lines of code required to set up the editor. It also now outputs as XHTMLcompliant code!"- www.textarearich.com textarearich è unaltenativa tinymce. Free per usi non commerciali altrimentia pagamento.- http://www.nogray.com/js_tools.php E possibile scaricare gratuitamente alcuni componenti javascript dautilizzare nelle proprie pagine web, tra cui: TimePicker, Calendar, Color Picker, Docking Menus- www.htmlarea.com Ricerca di risorse e componenti per javascript (DataPicker, ColorPicker,Editor wysiwyg, ...).- http://msdn.microsoft.com/en-us/default.aspx MSDN Developer Centers- http://technet.microsoft.com/it-it/scriptcenter/default(en-us).aspx Script Center. Sito di riferimento per tutte le tecnologie di script dimicrosoft
  8. 8. - http://dhtmlx.com/index.shtml Libreria di componenti per Rich Internet Application (RIA) javascriptavanzatissimi e ben ridefiniti graficamente: Pulsanti, treeview, grid, finestre e tanto altro.Hanno licenza GPL ma solo per uso privato. Trovato con la matrice di comparazione:http://ajaxpatterns.org/Frameworks_Matrix- www.icepush.org Fornisce supporto per Ajax Push Technologies per diversi framework etecnologie: JSP, Spring mvc, GWT, Wicket, Javascript, JQuery, Prototype- http://code.google.com/p/swfobject/ SWFObject è un piccolo file JavaScript da usare per includere nelle vostrepagine del contenuto Adobe Flash. Lo script può rilevare il plugin Flash in tutti i più diffusi browsers (sia suMac e PC) ed è disegnato per facilitare al massimo l’inserimento di contenuti Flash. Inoltre, è ottimizzatoper i motori di ricerca, degrada bene, può essere usato in documenti validi HTML e XHTML 1.0*, ed è statoprogrammato avendo in mente la compatibilità futura, in modo da funzionare anche negli anni futuri.- http://www.longtailvideo.com/players/jw-flv-player/ Questo produttore mette a disposizione (free) un Componente player per il web(free) per lo stream di video. Semplice da utilizzare. Ottima la documentazione.

×