npm & bower: differenze

NPM è più comunemente usato per la gestione di moduli Node.js, ( ) ma funziona anche per il front-end. Bower invece è stato creato esclusivamente per il front-end ed è ottimizzato per questo compito, e si intsalla proprio come pacchetto npm

npm install -g bower

La differenza più grande è l'albero delle dipendenze di NPM è "nidificato" mentre Bower richiede un albero delle dipendenze piatta (cioè la risoluzione delle dipendenze deve essere risolta in un apposito file json dallo sviluppatore).

AngularjS ng-if

La direttiva ng-if ( l'ng serve come namespace per indicare che è una direttiva integrata e distinguerla dalle custom ) consente di nascondere degli elementi in base ad una condizione, visivamente come fa l'ng-show (che però si limita a visualizzare o nascondere gli elementi del DOM) mentre ng-if li elimina o crea dinamicamente.

$broadcast

$broadcast(name, args);

Invia un evento name verso il basso attraverso la gerarchia di applicazione, notificandolo ai listener registrati nello $rootScope.

Tutti i listener in ascolto per gli eventi name su questo ambito vengono notificati. In seguito, l'evento si propaga a tutti gli scope diretti e indiretti dello scope attuale e chiama tutti i listener registrati lungo la strada. L'evento non può essere cancellato.

$emit

$emit(name, args);

Invia un evento name verso l'alto attraverso la gerarchia di applicazione, notificandolo ai listener registrati nello $rootScope Il ciclo di vita dell'evento inizia nell'ambito su cui $ emit è stato chiamato.

Tutti i listener in ascolto per gli eventi name su questo ambito vengono notificati. In seguito, l'evento attraversa verso l'alto verso il campo di applicazione dello scope root e chiama tutti gli ascoltatori registrati lungo la strada.

$rootScope

Lo Scope è un oggetto che fa riferimento al modello dell'applicazione: è il collante tra il controller e la view, contesto di esecuzione per le espressioni angular.

Gli Scope sono disposti nella struttura gerarchica ad imitazione della struttura DOM dell'applicazione e possono ospitare l'esecuzione delle espressioni angular e forniscono una funzionalità di ascolto sugli eventi emission/broadcast e possono propagarli.

angular Js - scope

La funzione che definisce il controller ha un parametro $scope.

Questo parametro, che inizia con il dollaro ($) come tutti gli oggetti di sistema, viene passato dal framework al controller ed è un oggetto condiviso con la view.

Il compito dello scope è di consentire la definizione del modello dei dati e la sua esposizione alla view.

angular Js - direttive

Le direttive,  sono dei marcatori che definiscono un determinato comportamento per un elemento HTML.

Possono essere utilizzati come attributi (A), come elementi (E) o come classi CSS (C)

In particolare, la direttiva ng-app definisce il contesto della nostra applicazione, lo spazio in cui andrà ad agire.

url alias e language

usando i path-alias è possibile che alcuni contenuti diano un 404 : questo perché deve corrispondere la lingua del contenuto con la lingua dell'ALIAS:

un alias per la lingua italiana non funzionerà con un contenuto che ha lingua inglese : al massimo, con i contenuti ALL LANGUAGES.

Per settare in automatico le lingua del contenuto, ad esempio degli "article", in ALL è utile inserire nel template.php

Passare Parametri seperati da virgole a un Report BIRT

Se si cerca di passare dati separati da virgola alla query, passandoli direttamente da un parametro

WHERE xxx IN ( ? )

Birt trasforma tutto in una stringa '1,2,3' invece che in '1','2','3', ecc

Funzione SASS per modificare dinamicamente il colore del testo partendo dal colore di sfondo

(articolo: http://thesassway.com/intermediate/dynamically-change-text-color-based-o... )

I designer scelgono il colore del testo di un elemento in base al colore di sfondo. Se lo sfondo è scuro, si sceglie un testo chiaro e viceversa, per rendere il testo più facile da leggere.

Costruire delle palette di colori partendo da un colore base

(articolo: http://www.sitepoint.com/using-sass-build-color-palettes/ )

Mettiamo di avere una tavolozza composta da 7 colori sulla tonalità del rosso, che  hai realizzato in Photoshop o con le funzioni Sass ( Il colore 4 ° (al centro) è il colore di base