Frontend Development – Data Binding con KnockoutJS e Javascript

ES6, The new Javascript implementation
18 aprile 2017
Google Web Toolkit
18 aprile 2017
Frontend Development

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