WELCOME to the

FRONT END

TOOLS

"I don't need your fancy tools"

- PREPROCESSORS

- REMOVE BOILERPLATE

- INDEPENDENT SOURCE STRUCTURE

- SAVE TIME

- FIND BUGS

- MANAGE DEPENDENCIES

SPECIFICALLY..

LESS

LINTING

TESTS

PREFIXING

LIVE RELOAD

SERVING

MINIFICATION

CONCATENATION

SOURCE

    api
        -> lib
        -> module1
        -> module..n
    api
        -> js
            -> lib
        -> less
        -> data
        - pages
    test
        - module1.spec.js
        - module..n.spec.js

:(

BUILD

    api
        -> css
        -> js
    app
        -> css
        -> data
        -> js
        - pages
    test

a FEW MORE TOYS

I MEAN.. TOOLS

ESLINT
LESS
KARMA

JASMINE

ISTANBUL

LEt's go

Front End Tooling

By Helen Durrant