Creëer front-end ontwikkelingsarchitectuur met NPM, Grunt en Bower

Inhoudsopgave

Invoering

Voor deze tutorial is het noodzakelijk om GIT geïnstalleerd te hebben en enige basiskennis ervan te hebben, aangezien we niet in detail zullen treden over het gebruik van deze technologie. Op dezelfde manier kennis hebben van webontwikkeling (in ieder geval kennis hebben van HTML-, CSS- en Javascript-talen).

Na een aantal jaren als ontwikkelaars gewerkt te hebben, is een van de vragen die bij het programmeren opkomt: hoe kan ik mijn werk automatiseren en tijd besparen? Of hoe organiseer ik mijn project beter?

We hebben het niet over het gebruik van bibliotheken of frameworks die ons in sommige gevallen helpen tijd te besparen, noch over het gebruik van IDE's die ons comfort en gemak bieden bij het programmeren. Er is iets meer dat we vandaag nodig hebben om onze ontwikkeling veel professioneler te maken, zowel in het eindresultaat voor onze klanten, voor onze collega's, of zelfs voor onszelf. Er zijn enkele ontwikkelingssjablonen die ons deze hulpmiddelen bieden, maar ze kunnen veel verder gaan dan wat we nodig hebben, zoals: Hoekig zaad die ons middelen biedt voor de ontwikkeling van een applicatie in AngularJS, maar het zijn al sjablonen die worden benadrukt voor specifieke soorten projecten, dit is waar het belangrijk is om onze werkomgeving te creëren en deze te structureren op de manier die het beste bij ons past.

Laten we ter zake komen, als we het bovengenoemde willen bereiken, is een van onze alternatieven het gebruik van NodeJS, Grunt en Bower.

Je zult je afvragen wat elk is en waar ze voor zijn.

NodeJSNodeJS is een server-side taal voor ontwikkelaars in Javascript die ons zal helpen een server voor onze projecten te maken dankzij het gebruik van NPM (Node Package Manager). Ik zal niet ingaan op conceptuele details over deze taal, aangezien dit niet de prioriteit van het onderwerp is.

Meer informatie: https://nodejs.org/

gegromGrunt, is een taakautomatisering die veel taken zal vergemakkelijken die we handmatig doen bij het ontwikkelen.

Meer informatie: http://gruntjs.com/

PrieelBower is een bibliotheek van front-endbibliotheken, die ons veel alternatieven biedt, zoals plug-ins en frameworks die ons van dienst kunnen zijn in onze projecten.

Meer informatie: http://bower.io/

Grunt en Bower zijn NPM-pakketten, wat betekent dat ze afhankelijk zijn van de laatste. Laten we verder gaan met de installatie van alle componenten.

VorigPagina 1 van 3Volgende

wave wave wave wave wave