Frontend Development – Data Binding con KnockoutJS e Javascript

KnockoutJS è un framework MVVM per la creazione di interfacce dinamiche JS che supporta il two way data binding dichiarativo, refresh automatico delle interfacce e non ha alcuna dipendenza. Arrivato alla versione 3, è usato con successo, tra gli altri, da Dell, Godaddy e Duckduckgo.

Prerequisiti

Conoscenza basilare di javascript, un minimo di familiarità con la shell linux/unix.

Obiettivi formativi

Il corso sarà di carattere pratico e durante il suo svolgimento il framework sarà studiato attraverso la costruzione di una Single Page Application, in cui saranno sviscerati argomenti relativi alla creazione di form con validazione, di collezioni e alla gestione delle rotte html5 attraverso pagerjs. Il corso è rivolto a sviluppatori che abbiano già una conoscenza di javascript e vogliono approcciare un tipo di sviluppo strutturato attraverso un framework moderno per la costruizione di UI dinamiche.

Programma

Introduzione a KnockoutJS

• Overview del framework
• Design Pattern MVVM

Setup di un progetto KnockoutJS

• Preparazione all’installazione
• Installazione attraverso bower
• Struttura consigliata delle directory
• Usare Knockout con RequireJS
• Esercitazione

Dentro il framework

• Observables
• Binding: html, css, attributi, costrutti e eventi
• Templating
• Esercitazione