Creați arhitectură de dezvoltare front-end cu NPM, Grunt și Bower

Cuprins

Introducere

Pentru acest tutorial este necesar să aveți GIT instalat și să aveți cunoștințe de bază despre acesta, deoarece nu vom intra în detalii despre utilizarea acestei tehnologii. În același mod, aveți cunoștințe în dezvoltarea web (cel puțin cunoașteți limbajele HTML, CSS și Javascript).

După ce am lucrat ca dezvoltatori de câțiva ani, una dintre întrebările care apar atunci când programăm este: cum îmi pot automatiza munca și economisesc timp? Sau, cum îmi organizez mai bine proiectul?

Nu ne referim la utilizarea bibliotecilor sau a cadrelor care ne ajută să economisim timp în unele cazuri și nici la utilizarea IDE-urilor care ne oferă confort și ușurință atunci când programăm. Există ceva mai mult de care avem nevoie astăzi pentru a face dezvoltarea noastră mult mai profesională, atât în ​​rezultatul final pentru clienții noștri, pentru colegii noștri, sau chiar pentru noi înșine. Există câteva șabloane de dezvoltare care ne oferă aceste ajutoare, dar acestea pot depăși cu mult ceea ce avem nevoie, cum ar fi, Semința unghiulară care ne oferă resurse pentru dezvoltarea unei aplicații în AngularJS, dar acestea sunt deja șabloane care sunt subliniate pentru tipuri specifice de proiecte, aici este important să ne creăm mediul de lucru și să îl structurăm în modul care ni se potrivește cel mai bine.

Să ajungem la subiect, dacă vrem să realizăm una dintre alternativele menționate mai sus este să folosim NodeJS, Grunt și Bower.

Vă veți întreba ce este fiecare și pentru ce sunt.

NodeJSNodeJS este un limbaj al serverului dezvoltator în Javascript care ne va ajuta să creăm un server pentru proiectele noastre datorită utilizării NPM (Node Package Manager). Nu voi intra în detalii conceptuale despre acest limbaj, deoarece nu este prioritatea subiectului.

Mai multe informații: https://nodejs.org/

GruntGrunt, este o automatizare a sarcinilor care va facilita multe lucrări pe care le realizăm manual atunci când dezvoltăm.

Mai multe informații: http://gruntjs.com/

BowerBower este o bibliotecă de biblioteci front-end, care ne oferă o mulțime de alternative, cum ar fi plugin-uri și cadre care ne pot servi în proiectele noastre.

Mai multe informații: http://bower.io/

Grunt și Bower sunt pachete NPM, ceea ce înseamnă că depind de acestea din urmă. Să trecem la instalarea tuturor componentelor.

AnteriorPagina 1 din 3Următorul

Vei ajuta la dezvoltarea site-ului, partajarea pagina cu prietenii

wave wave wave wave wave