{"id":3646,"date":"2017-06-20T08:45:29","date_gmt":"2017-06-20T06:45:29","guid":{"rendered":"https:\/\/www.intesys.it\/journal\/?p=3646"},"modified":"2022-06-28T12:28:22","modified_gmt":"2022-06-28T10:28:22","slug":"angularday-2017-reattivita-nuovi-tools","status":"publish","type":"post","link":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/","title":{"rendered":"AngularDay 2017: reattivit\u00e0 e nuovi tools"},"content":{"rendered":"

<\/p>[vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]Il 16 giugno si \u00e8 tenuto a Verona l\u2019AngularDay<\/strong><\/a>, la conferenza italiana dedicata al noto framework web di Google<\/strong>, organizzata dal GRuSP<\/strong> in collaborazione con il gruppo \u201cAngular – developers Italiani\u201d<\/strong>.<\/p>\n

Sebbene la conferenza sia ancora giovane \u00e8 stata molto stimolante, ricca di talk interessanti e di spunti utili per il futuro.<\/p>\n

Il primo talk della giornata \u00e8 stato \u201cUn framework sul framework: generare una SPA dinamicamente in Angular<\/strong>\u201d, in cui Michele Aponte ha proposto un interessante approccio alla creazione di un CMS, partendo da uno schema di dati. Tramite una configurazione anche gli sviluppatori non frontend possono modificare la struttura portante dell’applicazione, il tutto grazie alla flessibilit\u00e0 intrinseca di Angular.<\/p>\n

A seguire \u00e8 salito sul palco Gian Marco Toso, che nel\u00a0talk \u201cState Management with Redux<\/strong>\u201d ha spiegato il pattern monodirezionale (Flux) e come utilizzare la sua implementazione pi\u00f9 famosa (Redux<\/strong>), sia in javascript che all\u2019interno di una SPA (Single Page Application<\/a>) in Angular. Questo pattern rende pi\u00f9 semplice la gestione dei dati dell\u2019applicazione, facilitando la scalabilit\u00e0 della SPA senza complicarne l\u2019architettura.<\/p>\n

Uno dei talk pi\u00f9 istruttivi della giornata \u00e8 stato senza dubbio quello di Maksim Sinik, \u201cReactive programming in Angular con RxJS<\/strong>\u201d: un\u2019introduzione molto approfondita a RxJs<\/strong>, una libreria molto interessante per fare reactive functional programming<\/strong>, e quindi gestire e manipolare flussi di dati, come ad esempio eventi, proponendo nuove soluzioni logiche da applicare nel codice.<\/p>\n

Durante la pausa pranzo c\u2019\u00e8 stato un mini-talk di Danilo del Fio, che ha parlato di Angular Router<\/strong>, il modulo di gestione delle rotte di Angular. Ha parlato dei diversi modi in cui si pu\u00f2 utilizzare e della possibilit\u00e0 di aggiungervi delle animazioni tramite @angular\/animate<\/strong>.<\/p>\n

Il primo talk del pomeriggio \u00e8 stato \u201cReactive Forms Overview<\/strong>\u201d di Michele Stieven, che ha spiegato il nuovo approccio ai form di Angular: i Reactive Forms<\/strong>. Questi ultimi sono molto interessanti, specialmente per la possibilit\u00e0 di creare e organizzare gli elementi programmaticamente, raggruppandoli e tenendo le logiche al di fuori del template, il tutto sfruttando la potenzialit\u00e0 di RxJs<\/strong> per la gestione dei flussi di dati.<\/p>\n

Dopo Michele \u00e8 stato il momento di Mich (Michel Murabito), che ha presentato Firebase<\/strong> nel talk \u201cSuperheroes apps con Angular e Firebase<\/strong>\u201d. Questo sistema, acquisito e mantenuto da Google, fornisce agli sviluppatori un database<\/strong> noSQL reattivo, diversi sistemi di autenticazione e functions<\/strong>, per creare applicazioni anche complesse con poco effort. Attraverso la libreria AngularFire \u00e8 possibile collegare Angular con Firebase.<\/p>\n

A seguire Alessandro Avolio ha spiegato come \u201cUsare Angular su un progetto da 3.5 milioni di euro<\/strong>\u201d. Un talk molto importante per il suo forte carattere architetturale<\/strong> e di organizzazione<\/strong>. Quando si lavora in 40 ad un progetto con pi\u00f9 di 1000 componenti non \u00e8 semplice scrivere codice riutilizzabile, mantenerlo e avere una codebase consistente. Alessandro ci ha raccontato come \u00e8 stato organizzato il team e quali sono stati i principali ostacoli.<\/p>\n

Testare le applicazioni \u00e8 molto importante, e ne ha parlato Alessandro Giorgetti nel suo talk \u201cAngular Testing: ma devo proprio farlo?!<\/strong>\u201d: un excursus molto veloce su come scrivere unit test per le SPA Angular, processo utile per scovare degli errori nascosti prima che si trasformino in bug e rendere il codice mantenibile<\/strong> nel tempo.<\/p>\n

Ultimo ma non meno importante \u00e8 stato il talk \u201cAutomatic UI library documentation with Typescript AST<\/strong>\u201d di Jiayi Hu, che ha parlato di come si possa automatizzare la documentazione dei componenti utilizzando l\u2019Abstract Syntax Tree di Typescript.<\/p>\n

Partecipando a questo evento, abbiamo\u00a0acquisito nuove conoscenze riguardo il framework in questione, conoscenze pi\u00f9 globali applicabili ad altri framework e librerie web (React, Vue.js, RxJs), ma soprattutto abbiamo avuto la conferma che stiamo andando nella giusta direzione.[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

[vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right”…<\/p>\n","protected":false},"author":35,"featured_media":3647,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[608],"class_list":{"0":"post-3646","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-information-technology","8":"tag-single-page-application"},"acf":[],"yoast_head":"\nAngularDay 2017: reattivit\u00e0 e nuovi tools<\/title>\n<meta name=\"description\" content=\"Il 16 giugno si \u00e8 tenuto a Verona l\u2019AngularDay, la conferenza italiana dedicata al noto framework web di Google: evento giovane ma molto stimolante.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AngularDay 2017: reattivit\u00e0 e nuovi tools\" \/>\n<meta property=\"og:description\" content=\"Il 16 giugno si \u00e8 tenuto a Verona l\u2019AngularDay, la conferenza italiana dedicata al noto framework web di Google: evento giovane ma molto stimolante.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/\" \/>\n<meta property=\"og:site_name\" content=\"Intesys Journal\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-20T06:45:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-28T10:28:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/06\/AngularDay.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Luca Maroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Luca Maroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/\",\"url\":\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/\",\"name\":\"AngularDay 2017: reattivit\u00e0 e nuovi tools\",\"isPartOf\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/06\/AngularDay.png\",\"datePublished\":\"2017-06-20T06:45:29+00:00\",\"dateModified\":\"2022-06-28T10:28:22+00:00\",\"author\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/0fa0f0617c33881f0c26d1235966fe22\"},\"description\":\"Il 16 giugno si \u00e8 tenuto a Verona l\u2019AngularDay, la conferenza italiana dedicata al noto framework web di Google: evento giovane ma molto stimolante.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#primaryimage\",\"url\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/06\/AngularDay.png\",\"contentUrl\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/06\/AngularDay.png\",\"width\":1280,\"height\":960,\"caption\":\"AngularDay 2017\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.intesys.it\/journal\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AngularDay 2017: reattivit\u00e0 e nuovi tools\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#website\",\"url\":\"https:\/\/www.intesys.it\/journal\/\",\"name\":\"Intesys\",\"description\":\"Ogni settimana nuovi articoli dedicati al mondo della trasformazione digitale!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.intesys.it\/journal\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/0fa0f0617c33881f0c26d1235966fe22\",\"name\":\"Luca Maroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/46c36bec8670b0df88bb8a71d67cadd00a6d878098b23d07cb8291b2c4ff6ed7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/46c36bec8670b0df88bb8a71d67cadd00a6d878098b23d07cb8291b2c4ff6ed7?s=96&d=mm&r=g\",\"caption\":\"Luca Maroni\"},\"url\":\"https:\/\/www.intesys.it\/journal\/autore\/luca-maroni\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"AngularDay 2017: reattivit\u00e0 e nuovi tools","description":"Il 16 giugno si \u00e8 tenuto a Verona l\u2019AngularDay, la conferenza italiana dedicata al noto framework web di Google: evento giovane ma molto stimolante.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/","og_locale":"it_IT","og_type":"article","og_title":"AngularDay 2017: reattivit\u00e0 e nuovi tools","og_description":"Il 16 giugno si \u00e8 tenuto a Verona l\u2019AngularDay, la conferenza italiana dedicata al noto framework web di Google: evento giovane ma molto stimolante.","og_url":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/","og_site_name":"Intesys Journal","article_published_time":"2017-06-20T06:45:29+00:00","article_modified_time":"2022-06-28T10:28:22+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/06\/AngularDay.png","type":"image\/png"}],"author":"Luca Maroni","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Luca Maroni","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/","url":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/","name":"AngularDay 2017: reattivit\u00e0 e nuovi tools","isPartOf":{"@id":"https:\/\/www.intesys.it\/journal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#primaryimage"},"image":{"@id":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/06\/AngularDay.png","datePublished":"2017-06-20T06:45:29+00:00","dateModified":"2022-06-28T10:28:22+00:00","author":{"@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/0fa0f0617c33881f0c26d1235966fe22"},"description":"Il 16 giugno si \u00e8 tenuto a Verona l\u2019AngularDay, la conferenza italiana dedicata al noto framework web di Google: evento giovane ma molto stimolante.","breadcrumb":{"@id":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#primaryimage","url":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/06\/AngularDay.png","contentUrl":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/06\/AngularDay.png","width":1280,"height":960,"caption":"AngularDay 2017"},{"@type":"BreadcrumbList","@id":"https:\/\/www.intesys.it\/journal\/information-technology\/angularday-2017-reattivita-nuovi-tools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.intesys.it\/journal\/"},{"@type":"ListItem","position":2,"name":"AngularDay 2017: reattivit\u00e0 e nuovi tools"}]},{"@type":"WebSite","@id":"https:\/\/www.intesys.it\/journal\/#website","url":"https:\/\/www.intesys.it\/journal\/","name":"Intesys","description":"Ogni settimana nuovi articoli dedicati al mondo della trasformazione digitale!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.intesys.it\/journal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/0fa0f0617c33881f0c26d1235966fe22","name":"Luca Maroni","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/46c36bec8670b0df88bb8a71d67cadd00a6d878098b23d07cb8291b2c4ff6ed7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/46c36bec8670b0df88bb8a71d67cadd00a6d878098b23d07cb8291b2c4ff6ed7?s=96&d=mm&r=g","caption":"Luca Maroni"},"url":"https:\/\/www.intesys.it\/journal\/autore\/luca-maroni\/"}]}},"_links":{"self":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/3646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/comments?post=3646"}],"version-history":[{"count":1,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/3646\/revisions"}],"predecessor-version":[{"id":11096,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/3646\/revisions\/11096"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/media\/3647"}],"wp:attachment":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/media?parent=3646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/categories?post=3646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/tags?post=3646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}