Vytvořte architekturu vývoje front -endu pomocí NPM, Grunt a Bower

Obsah

Úvod

Pro tento tutoriál je nutné mít nainstalovaný GIT a mít o něm nějaké základní znalosti, protože se nebudeme podrobně zabývat používáním této technologie. Stejně tak mít znalosti ve vývoji webu (alespoň vědět o jazycích HTML, CSS a Javascript).

Poté, co jsem pracoval několik let jako vývojář, je jednou z otázek, které vyvstávají při programování, jak mohu automatizovat svou práci a ušetřit čas? Nebo jak lépe zorganizovat svůj projekt?

Nehovoříme o použití knihoven nebo rámců, které nám v některých případech pomáhají šetřit čas, ani o používání IDE, které nám při programování poskytují pohodlí a snadnost. Dnes je ještě něco, co potřebujeme, aby byl náš vývoj mnohem profesionálnější, a to jak v konečném výsledku pro naše klienty, pro naše kolegy, nebo dokonce pro nás samotné. Existuje několik vývojových šablon, které nám tyto pomůcky poskytují, ale mohou jít daleko nad rámec toho, co potřebujeme, například Úhlové semeno který nám poskytuje zdroje pro vývoj aplikace v AngularJS, ale jsou to již šablony, které jsou zdůrazněny pro konkrétní typy projektů, právě zde je důležité vytvořit si pracovní prostředí a strukturovat jej tak, jak nám to nejlépe vyhovuje.

Pojďme k věci, pokud chceme dosáhnout výše uvedené, jednou z našich alternativ je použití NodeJS, Grunt a Bower.

Budete se divit, co každý z nich je a k čemu slouží.

NodeJSNodeJS je vývojářský jazyk na straně serveru v Javascriptu, který nám pomůže vytvořit server pro naše projekty díky použití NPM (Node Package Manager). Nebudu zacházet do koncepčních podrobností o tomto jazyce, protože to není priorita tématu.

Více informací: https://nodejs.org/

GruntGrunt je automatizace úloh, která usnadní mnoho úloh, které při vývoji děláme ručně.

Více informací: http://gruntjs.com/

AltánekBower je knihovna předních knihoven, která nám poskytuje mnoho alternativ, jako jsou pluginy a rámce, které nám mohou sloužit v našich projektech.

Více informací: http://bower.io/

Grunt a Bower jsou balíčky NPM, což znamená, že na nich závisí. Přejdeme k instalaci všech komponent.

PředchozíStránka 1 ze 3další

wave wave wave wave wave