Il front-end spiegato alle bionde
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
