Crea un'architettura di sviluppo front-end con NPM, Grunt e Bower

Sommario

introduzione

Per questo tutorial è necessario avere installato GIT e avere una conoscenza di base di esso poiché non entreremo nei dettagli sull'uso di questa tecnologia. Allo stesso modo, avere conoscenze nello sviluppo web (almeno conoscere i linguaggi HTML, CSS e Javascript).

Dopo aver lavorato come sviluppatori per diversi anni, una delle domande che si pone quando si programma è: come posso automatizzare il mio lavoro e risparmiare tempo? Oppure, come posso organizzare al meglio il mio progetto?

Non ci riferiamo all'uso di librerie o framework che ci aiutano a risparmiare tempo in alcuni casi, né all'uso di IDE che ci forniscono comfort e facilità durante la programmazione. C'è qualcosa in più di cui abbiamo bisogno oggi per rendere il nostro sviluppo molto più professionale, sia nel risultato finale per i nostri clienti, per i nostri colleghi, sia anche per noi stessi. Esistono alcuni modelli di sviluppo che ci forniscono questi aiuti, ma possono andare ben oltre ciò di cui abbiamo bisogno, come ad esempio Seme angolare che ci fornisce risorse per lo sviluppo di un'applicazione in AngularJS, ma sono già modelli che vengono enfatizzati per tipi specifici di progetti, è qui che è importante creare il nostro ambiente di lavoro e strutturarlo nel modo più adatto a noi.

Veniamo al punto, se vogliamo raggiungere il suddetto una delle nostre alternative è usare NodeJS, Grunt e Bower.

Ti chiederai cos'è ciascuno e a cosa serve.

NodoJSNodeJS è un linguaggio per sviluppatori lato server in Javascript che ci aiuterà a creare un server per i nostri progetti grazie all'utilizzo di NPM (Node Package Manager). Non entrerò nei dettagli concettuali di questo linguaggio in quanto non è la priorità dell'argomento.

Maggiori informazioni: https://nodejs.org/

GrugnitoGrunt, è un'automazione delle attività che faciliterà molti lavori che eseguiamo manualmente durante lo sviluppo.

Maggiori informazioni: http://gruntjs.com/

BowerBower è una libreria di librerie front-end, che ci fornisce molte alternative come plugin e framework che possono servirci nei nostri progetti.

Maggiori informazioni: http://bower.io/

Grunt e Bower sono pacchetti NPM, il che significa che dipendono da quest'ultimo. Passiamo all'installazione di tutti i componenti.

PrecedentePagina 1 di 3Prossimo

wave wave wave wave wave