Categorie
segnalazioni

Slush – L’alternativa a Yeoman basata su Gulp

Sono sempre alla ricerca di strumenti in grado di migliorare/velocizzare il flusso di attività dei progetti su cui lavoriamo e quando pensi di aver trovato la soluzione per la gestione dello “scaffolding” (vedi Yeoman) e ti capita di leggere robe come questa inizi a rimettere tutto in discussione…

L’articolo risale ad oltre un anno fa ma ammetto la mia ignoranza: di Slush non avevo mai sentito parlare…

Se usate Gulp e non avete ancora iniato ad usare strumenti per lo scaffolding provate a dargli una possibilità.

http://slushjs.github.io/ | https://github.com/slushjs/slush

Categorie
tutorial wordpress

Imparare ReactJs – day #1

Learn JavaScript, Deeply. Learn JavaScript, Deeply. Learn JavaScript, Deeply. Learn JavaScript, Deeply… ”

Voglio prendere sul serio il suggerimento di Matt ed imparare ad utilizzare javascript in modo più approfondito.
Voglio farlo un po’ per WordPress ed un po’ perchè sono veramente convinto che il futuro del web sia Javascript e per iniziare ho deciso di partire ed imparare ad utilizzare ReactJs integrandolo nei miei prossimi progetti WordPress (si, è vero Calypso mi ha impressionato).

Imparare ReactJs – da dove iniziare

Il primo problema che mi si è presentato è che non sapevo neppure da dove partire, quindi ho iniziato a cercare un po’ di materiale: guide, tutorial, esempi, video, ecc…

Questa una prima selezione delle cose che mi sono sembrate più interessanti:

  1. https://facebook.github.io/react/docs/getting-started.html
  2. https://scotch.io/tutorials/learning-react-getting-started-and-concepts
  3. https://www.codementor.io/reactjs/tutorial/the-reactjs-quick-start-guide
  4. https://blog.risingstack.com/the-react-way-getting-started-tutorial/
  5. https://www.codementor.io/reactjs/tutorial/react-js-flux-architecture-tutorial
  6. http://buildwithreact.com/ – Build with React is a periodical of tutorials and advanced articles for the ReactJS library.
  7. https://zapier.com/engineering/react-js-tutorial-guide-gotchas/
  8. https://egghead.io/technologies/react – Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it’s easy to try it out on a small feature in an existing project. (video)
  9. http://cosenonjaviste.it/react-tutorial/ (ita)
  10. http://www.html.it/articoli/react-linterfaccia-utente-costruita-componente-su-componente/ (ita)

Cosa ho imparato

ReactJs è una libreria javascript per costruire interfaccie utente fatte da componenti riutilizzabili.
Nei primi tutorial che ho letto sembra che il suo utilizzo sia piuttoto semplice ma per essere utilizzata in una applicazione reale ha bisogno di altri componenti per poter gestire richieste a servizi esterni.

 

Categorie
segnalazioni

3 Librerie js/jquery da conoscere

Ho messo da parte questi 3 link con l’intento di guardarli in un secondo momento con più attenzione.
Ovviamente non sono ancora riuscito a farlo ma voglio almeno condividerli facendo almeno un copie ed incolla della loro descrizione.

Qualcuno le ha già usate?

 

  • jQuery++I am an MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.7 and later. I’m not a UI project like jQuery UI or jQuery Tools. Instead, I’m all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, I am jQuery’s bald-spot covering toupee.http://jquerypp.com
  • Underscore.jsUnderscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It’s the tie to go along with jQuery’s tux, and Backbone.js’s suspenders.Underscore provides 60-odd functions that support both the usual functional suspects: map, select, invoke — as well as more specialized helpers: function binding, javascript templating, deep equality testing, and so on. It delegates to built-in functions, if present, so modern browsers will use the native implementations of forEach, map, reduce, filter, every, some and indexOf.

    http://underscorejs.org/

  • Backbone.jsBackbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interfacehttp://backbonejs.org

Image credits: annais

Categorie
segnalazioni web e tecnologia

5 siti monopagina

Da qualche tempo sono molto incurisito delle soluzioni “Single Page Websites“.
Si tratta di siti nel quale tutto il contenuto e strutturato in un’unica pagina e poi tramite un menu di navigazione (ed un po’ di JavaScript) ci si sposta da un contenuto all’altro con un “simpatico” effetto scorrimento.

Per chi fosse interessato ad implemetare questa tecnica suggerisco questo fantastico plugin per JQuery

Qui sotto ne ho raccolti 5 dove la creatività dei designer rende la navigazione molto piacevole.