Speakers

Talk

16 Giugno

Gian Marco Toso

State Management with Redux

Un'introduzione di alto livello a Redux e una panoramica su come utilizzarlo con Angular.

Michele Aponte

Un framework sul framework: generare una SPA dinamicamente in Angular

Avevamo la necessità di realizzare il pannello di amministrazione della nuova versione del nostro CMS in modo che fosse una SPA dinamica e pluggabile a partire dalle informazioni che arrivano dal back-end: abbiamo scelto Angular e abbiamo creato dei componenti che dinamicamente generano la UI sulla base dello schema JSON fornito dal backend. In questa sessione vedremo come spingere Angular a un tale livello di astrazione e come Typescript e RxJS rendono il tutto semplice e manutenibile.

Michel Murabito

Superheroes apps con Angular e Firebase

Quale database sceglierebbe Bruce Wayne? Come Tony Stark gestirebbe lo storage? J.A.R.V.I.S. come automatizzerebbe alcune operazioni sui dati? Nel 2017, vediamo insieme come realizzare applicazioni realtime con AngularJS e Firebase per imparare a volare anche senza super poteri... O quasi...

Jiayi Hu

Automatic UI library documentation with Typescript AST

La documentazione è una fase fondamentale dello sviluppo, in particolare di una libreria di componenti UI condivisa e utilizzata da diversi team o persone. Tuttavia è estremamente tedioso ed error-prone mantenerla consistente, corretta ed aggiornata. Uno dei vantaggi dell'utilizzo di Typescript è invece proprio avere codice autodocumentato, che fornisca informazioni sul tipo di dati che il componente può ricevere e fornire. In questo talk verrà spiegato e mostrato cosa sia un Abstract Syntax Tree di un linguaggio, in particolare di Typescript, e come esso possa essere sfruttato per generare automaticamente la documentazione di un set di componenti UI scritti in Angular e Typescript.

Maksim Sinik

Reactive programming in Angular con RxJS

RxJS è una libreria che permette di lavorare con stream asincroni di dati. In questo talk introdurremo i concetti di base della libreria e come possiamo usarla con profitto in applicazioni Angular. Nello specifico parleremo: - Concetti base degli Observable - Subjects e Multicasting Operators - Principali operatori - Esempi pratici in angular

Alessandro Giorgetti

Angular Testing: ma devo proprio farlo?!

Testare una applicazione Angular non è sempre semplice ed immediato, soprattutto al crescere della complessità dell'applicazione stessa. Tuttavia è una pratica che non possiamo più permetterci di trascurare: è finito il tempo dei 'banali' data-entry! Conoscere le armi a nostra disposizione è fondamentale per ridurre al minimo i difetti presenti nelle applicazioni: diverse technologie, tools e test frameworks interagiscono e si integrano tra di loro a costituire un ambiente di testing stabile e ben definito. Possiamo scegliere quali strumenti utilizzare a seconda della tipologia di test e dello scenario da verificare: dal singolo componente / direttiva, al servizio fino al testing dell'intero sistema. Vedremo come realizzare Unit Test ed End-to-End test in Angular utilizzando le utility messe a disposizione dal test framework, seguendo alcune best practice, affrontando diversi scenari ed evitando alcune trappole.

Michele Stieven

Reactive Forms Overview

Durante questa sessione analizziamo i costrutti e le nuove funzionalità dei Reactive Forms creando un form di registrazione: - Introduzione ai Reactive Forms e differenze con i template-driven form - Illustrazione di concetti principali del modulo: FormControl, FormGroup, FormArray, AbstractControl. - Form e data model - Gestione stato di Form e FormControl: touched, dirty, invalid - Manipolazione di un form: setValue, patchValue, reset. - Introduzione a FormBuilder - Angular Built-in Validators e gestione errori - Custom Validators

T. B. A.