Il front-end spiegato alle bionde

@giucot_

Giulia Talamonti

Junior UI developer in Objectway

twitter: @giucot_

Le difficoltà

Giusto un paio di tools

Workflow The Fuck

Front-end developer
cosa significa?

HTML

Struttura contenuto

CSS

Presentazione contenuto

JS

Interattività contenuto

Ma non è mai così semplice...

Web dinamico

Problematiche

  • Spreco di banda

  • Reloading di intere pagine

  • Codice ripetitivo

Single Page Application

HTML problemi

  • Codice ridondante

  • Sintassi prolissa

  • Mancanza modularità

Html preprocessor

Rossetti

Mixin

Risultato

CSS problemi

  • Mancanza di programmabilità

  • Compatibilità

  • Mancanza di modularità

CSS preprocessor & postprocessor

Le basi

Un nuovo sito di cosmesi

Scss Sintassi

Per un grande progetto, ci vuole un grande team

Team working

Scaffolding

Condivisione di codice

Package manager

package.json

Per un codice "rifatto"

Linter

Automazione

Task runner & build tools

Gulp in azione

Less is more!

Le performance sono importanti sopratutto in produzione

Minificare

Sprite

Morale della favola

Che tu sia bionda o meno

il front-end non è semplice

ma nemmeno impossibile.

The end