{"id":5254,"date":"2023-10-31T12:41:31","date_gmt":"2023-10-31T11:41:31","guid":{"rendered":"https:\/\/www.kode-solutions.net\/?p=5254"},"modified":"2024-09-19T09:26:22","modified_gmt":"2024-09-19T07:26:22","slug":"una-chiacchierata-conmatteo-papi-front-end-developer","status":"publish","type":"post","link":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/","title":{"rendered":"Una chiacchierata con:Matteo Papi, Front-end developer"},"content":{"rendered":"\r\n\t<div class=\"main-column\" data-target=\"\" data-wrap=\"panel\">\r\n\t\t<div data-animate=\"\" class=\"qzr-dynamic-blocks   white-bkg\" data-block=\"panel\" data-fullscreen=\"\" data-type=\"card\">\r\n\t\t\t\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\"><h1 style=\"font-size:60px;\" class=\"wp-block-post-title\">Una chiacchierata con:Matteo Papi, Front-end developer<\/h1>\n\n\t\t<div class=\"qzr-dynamic-blocks\" data-block=\"post-meta\">\r\n\t\t\t<div class=\"metas\">\r\n\t\t\t\t<div class=\"field field-author is-style-font-kode-md-16\">\r\n\t\t\t\t\t<div class=\"label\">Author:<\/div>\r\n\t\t\t\t\t<div class=\"value\">Kode s.r.l.<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"field field-date is-style-font-kode-md-16\">\r\n\t\t\t\t\t<div class=\"label\">Date:<\/div>\r\n\t\t\t\t\t<div class=\"value\">31.10.2023<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"field field-topic\">\r\n\t\t\t\t\t\t<div class=\"label is-style-font-kode-md-16\">Topic:<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"value button purple-bkg white-txt is-style-font-kode-md-12\">News<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t<div class=\"field field-subtitle is-style-font-kode-md-24\">\r\n\t\t\t\t<div class=\"value\"><p>&nbsp;<\/p>\n<p>Il mondo della data science sfrutta competenze del mondo informatico gi\u00e0 ampiamente utilizzate e note nella loro applicazione in altri ambiti e che nel nostro settore cambiano volto. Ma se una buona visualizzazione dei dati \u00e8 la chiave per rendere le analisi dati concretamente utili, quante le complessit\u00e0 di cui un front-end developer &nbsp;deve farsi carico nel mondo dei Big Data? Ne parliamo oggi con il nostro Matteo Papi.<\/p><\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><html><body><figure class=\"wp-block-image size-full\" data-fullscreen=\"1\" data-has-live-image=\"1\"><img loading=\"lazy\" decoding=\"async\" width=\"994\" height=\"716\" src=\"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/01\/Schermata-2023-01-31-alle-12.15.21.png\" alt=\"Matteo Papi\" class=\"wp-image-1805\" srcset=\"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/01\/Schermata-2023-01-31-alle-12.15.21.png 994w, https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/01\/Schermata-2023-01-31-alle-12.15.21-300x216.png 300w, https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/01\/Schermata-2023-01-31-alle-12.15.21-768x553.png 768w, https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/01\/Schermata-2023-01-31-alle-12.15.21-36x26.png 36w, https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/01\/Schermata-2023-01-31-alle-12.15.21-64x46.png 64w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/img><figcaption class=\"wp-element-caption\">Matteo Papi<\/figcaption><\/figure>\n<\/body><\/html><\/div>\n<\/div>\n\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"qzr-add-controls-is-panel-title is-style-font-kode-md-28 wp-block-heading\"><strong><strong><strong>Matteo in cosa consiste il tuo lavoro da front end developer<\/strong><\/strong><\/strong>?<\/h2>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Il front-end developer \u00e8 una figura tendenzialmente con un background informatico che si occupa dello sviluppo client-side di applicazioni con le quali un utente pu\u00f2 interagire: si parla indicativamente di siti web, gestionali, applicazioni per cellulari o dashboard. In sostanza il front-end developer ha la responsabilit\u00e0 di rendere un\u2019applicazione facile da utilizzare e fruibile su tutti i device (browser e sistemi operativi).<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Qui in Kode sviluppo applicazioni per rappresentare al meglio la conoscenza estratta dai big data: in questo settore strumenti e tecnologie di visualizzazione dati sono indispensabili per analizzare enormi quantit\u00e0 di informazioni e prendere decisioni basate sui dati stessi.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">L&#8217;obiettivo, soprattutto in ambito aziendale, \u00e8 quello di rendere immediate e tangibili le informazioni estratte anche a un pubblico non necessariamente tecnico (manager o\u00a0 C-Level). Un cruscotto di visualizzazione dati deve fornire una visione di alto livello delle metriche pi\u00f9 importanti combinando numeri, grafici, diagrammi, tabelle e altri elementi grafici con il fine di individuare tempestivamente i problemi, prendere rapidamente decisioni e misurare eventuali progressi nel tempo.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">L&#8217;analisi dati \u00e8 una branca della data science meravigliosa, ma se non \u00e8 accompagnata da strumenti che consentono di capire quello che veramente i dati ci stanno raccontando, non serve a niente.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Quanto ho detto fino ad adesso pu\u00f2 portare a pensare che serva necessariamente una formazione da data scientist: in parte \u00e8 vero anche se le mie competenze sono pi\u00f9 orientate verso il mondo dello sviluppo software.<\/p>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"qzr-add-controls-is-panel-title is-style-font-kode-md-28 wp-block-heading\"><strong><strong><strong>Allora quale \u00e8 stato il percorso che ti ha portato fin qui?<\/strong><\/strong><\/strong><\/h2>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Ho seguito un percorso piuttosto articolato: fare scuole superiori come il liceo scientifico sembra ti renda pronto solo per studiare ed in realt\u00e0 questo \u00e8 vero solo se riesci in seguito a trovare delle materie che ti veramente ti appassionano.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Sono passato poi da Ingegneria delle Telecomunicazioni per completare il mio percorso ad Informatica Umanistica, dove ho scoperto la mia passione sia per lo sviluppo informatico che per i dati. Durante il mio percorso universitario ho approfondito tutti gli aspetti che riguardano lo sviluppo di soluzioni web-based che in qualche modo permettevano di fruire e visualizzare dati.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Erano per\u00f2 nozioni teoriche e in alcuni casi molto distanti da un contesto reale affrontato poi con la mia prima esperienza lavorativa in una web agency a Lucca.Qua ho approfondito e verticalizzato le mie competenze su linguaggi di programmazione come JS e PHP; sviluppato siti e gestionali con CMS opensource (WordPress, Typo3, Magento); sviluppato applicazioni mobile con framework ad hoc (Ionic); approfondito le mie competenze con i principali database (MySQL, PostgreSQL e MongoDB).Era una tipologia di lavoro estremamente meccanico e per certi versi ripetitivo in molti passaggi: la pipeline di sviluppo era quasi sempre la stessa per molti dei progetti che ho affrontato. Durante questi anni ho cercato di non lasciare indietro la mia passione per il mondo dei dati, curando e sviluppando soluzioni legate ad uno strumento come Google Analytics, software che se configurato correttamente, \u00e8 in grado di raccogliere i dati di traffico generato da un sito web.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Nel 2018 la mia strada ha incrociato quella di Kode dove fin da subito ho affrontato una serie di tematiche che gi\u00e0 ai tempi dell\u2019universit\u00e0 mi avevano incuriosito ed appassionato: la gestione e la visualizzazione dei Big Data. L\u2019aspetto che rende ancora pi\u00f9 interessante questo tipo di lavoro \u00e8 la natura di provenienza dei dati: impianti industriali, sensori IoT, dispositivi wearable, dati logistici.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">In questa nuova esperienza lavorativa, anche se avevo gi\u00e0 una solida competenza nello sviluppo web, ho dovuto verticalizzare la mie competenze su nuovi framework (React, React Native) e software opensource (NodeJS, Docker, Jenkins) utili per sviluppare soluzioni che permettono di visualizzare qualsiasi tipologia di dato nel miglior modo possibile.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Nel 2023 pu\u00f2 sembrare incredibile ma alcune aziende non sanno quanto e che tipologia di dati sono in grado di raccogliere: per questi motivi strumenti di analisi e visualizzazione, ben fatti, non sono utili ma fondamentali.<\/p>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/10\/Linkedin-Post-37-1024x536.png\" alt=\"\" class=\"wp-image-3167\" srcset=\"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/10\/Linkedin-Post-37-1024x536.png 1024w, https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/10\/Linkedin-Post-37-300x157.png 300w, https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/10\/Linkedin-Post-37-768x402.png 768w, https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/10\/Linkedin-Post-37-36x19.png 36w, https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/10\/Linkedin-Post-37-64x34.png 64w, https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2023\/10\/Linkedin-Post-37.png 1201w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"qzr-add-controls-is-panel-title is-style-font-inter-md-28 wp-block-heading\"><strong><strong><strong>Hai parlato di verticalit\u00e0 delle competenze, qual \u00e8 la differenza dello sviluppo front-end per la Data Science?<\/strong><\/strong><\/strong><\/h2>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Come ho gi\u00e0 detto in parte il mondo dello sviluppo front-end \u00e8 molto ampio e variegato. Metodologia di lavoro, strumenti e framework cambiano soprattutto in funzione del prodotto da sviluppare: un\u2019applicazione per cellulare \u00e8 molto diversa da un sito web che a sua volta \u00e8 molto diverso da un gestionale.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Nel mondo della data science, dopo aver compreso la necessit\u00e0 del cliente (anche se molto spesso ci viene chiesto di effettuare delle esplorazioni per capire cosa pu\u00f2 essere sviluppato), il primo scalino da affrontare riguarda ovviamente aspetti legati ai dati: volume, tipologia\u00a0 e data source nella quale sono salvati. Tendenzialmente sono informazioni aziendali disponibili esclusivamente nella rete del cliente, raggiungibile solo tramite VPN (Virtual Private Network). Lo sviluppo di una nostra soluzione deve necessariamente tenere di conto di questo aspetto fondamentale.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Stabilita la natura dei dati lo sviluppo di una nostra applicazione deve tenere conto delle elaborazioni anche onerose per recuperare ed elaborare le informazioni: una gestione ottimale dello stato dell\u2019applicazione e delle chiamate ai servizi di back-end sono aspetti fondamentali per rendere usabile una soluzione.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">I rilasci dei vari servizi che compongono un\u2019applicazione pi\u00f9 o meno complessa devono tenere conto del fatto che spesso il deploy finale deve essere fatto sul server del cliente: questo significa concordare preventivamente le risorse hardware della macchina su cui verr\u00e0 installata l\u2019applicazione.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Prima del rilascio finale i servizi devono essere testati accuratamente con l\u2019obiettivo di prevenire eventuali bug, ridurre i costi di sviluppo e migliorare le prestazioni del software.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Per concludere, nello sviluppo front-end, sia la grafica sia i moduli ed i componenti che sono alla base della UI sono costruiti e pensati internamente in Kode (framework Princess) con l\u2019obiettivo di creare soluzioni riconoscibili e con una forte identit\u00e0 visiva.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"qzr-add-controls-is-panel-title is-style-font-inter-md-28 wp-block-heading\"><strong><strong><strong>Vuoi spiegarci meglio la complessit\u00e0 insita nel fatto che le nostre soluzioni devono fare una \u201cchiamata ai dati\u201d?<\/strong><\/strong><\/strong><\/h2>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Prima di essere rappresentati in un grafico o in una tabella i dati devono essere \u201crecuperati \u201d da un software di storage che pu\u00f2 essere un database relazionale o non relazionale, un database a grafo o documentale e simili.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Operazioni come il recupero e la manipolazione dei dati, il caricamento e l\u2019esecuzione di un modello di AI sono tendenzialmente implementate all\u2019interno di un servizio di back-end, modulo che si interpone tra interfaccia e datasource.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Provo a semplificare il pi\u00f9 possibile il flusso di funzionamento che \u00e8 concettualmente semplice: lato UI un utente esegue un\u2019azione che a sua volta genera una chiamata ad un servizio di back-end il quale recupera ed elabora i dati per ritornare le informazioni nuovamente alla UI. \u00c8 un processo circolare che ha origine e fine in una interfaccia ed avviene tramite chiamate che si basano su protocollo HTTP passando dati in formato JSON.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">In linea di massima la manipolazione di grandi quantit\u00e0 di dati avviene sempre a livello di back-end in modo da eseguire operazioni complesse lato server evitando di sovraccaricare il client.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Alcune elaborazioni si possono fare anche lato front-end: ordinare, filtrare e mappare i dati, eseguire funzionalit\u00e0 statistiche (medie, somme etc.) e piccole operazioni computazionalmente non onerose.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Nella mia concezione di sviluppo software per\u00f2 \u00e8 sempre meglio distinguere i servizi di front-end da quelli di back-end in maniera netta fin dalla prototipazione della soluzione. Le due entit\u00e0 non si devono mai sovrapporre in modo da mirare e rendere pi\u00f9 preciso e specifico lo sviluppo di ciascun servizio.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"qzr-add-controls-is-panel-title is-style-font-inter-md-28 wp-block-heading\"><strong><strong><strong><strong>Alcuni aspetti di questo lavoro sembrano essere generalizzabili per ogni progetto, cosa rende questo lavoro meno ripetitivo di altri?<\/strong><\/strong><\/strong><\/strong><\/h2>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">L\u2019aspetto che pi\u00f9 mi affascina ed entusiasma del lavorare in Kode \u00e8 la diversit\u00e0 dei progetti con i quali quotidianamente ci misuriamo: c\u2019\u00e8 chi vuole recuperare da un video girato durante un percorso stradale i cartelli incontrati per costruire un catasto dei segnali; chi vuole fare manutenzione predittiva degli impianti; chi ottimizzare la logistica last-mile; chi vuole recuperare e visualizzare in tempo reale le informazioni provenienti da dispositivi wearable.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Ogni progetto ha sfide differenti che devono essere risolte utilizzando gli strumenti che abbiamo a disposizione. In quest&#8217;ottica la metodologia e l\u2019approccio allo sviluppo diventa fondamentale per offrire soluzioni modulari in grado di abbattere i tempi di sviluppo, di aggiornamento e di manutenzione.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Questa modo di concepire il lavoro caratterizza tutto il team di sviluppatori di Kode: il fine condiviso \u00e8 quello di creare strumenti e processi che mirano ad abbattere le ripetizioni standardizzando il pi\u00f9 possibile le nostre soluzioni in modo da concentrare gli sforzi su sviluppi custom.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Da anni stiamo lavorando allo sviluppo di un framework proprietario (gi\u00e0 citato precedentemente, Princess) che come una scatola di attrezzi ci permette di implementare soluzioni ottimizzando i tempi di rilascio dei vari servizi.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Lato front-end il <em>Princess UI Toolkit<\/em> che stiamo sviluppando \u00e8 composto da una serie di moduli per visualizzare dati ed una serie di servizi per manipolarli. Il toolkit cresce in relazione ai progetti che entrano in Kode: ogni lavoro pu\u00f2 portare potenzialmente delle nuove features che si vanno ad aggiungere o ad integrare a quelle gi\u00e0 esistenti.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"is-style-font-inter-md-28\">Su Princess poi potrei dire molto di pi\u00f9, ma forse \u00e8 meglio se gli dedichiamo una chiacchierata a parte.<\/p>\n\n\n\n<div style=\"height:23px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Data isualization is fkey to extract insights from data analysis.<\/p>\n","protected":false},"author":6,"featured_media":4784,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[52],"tags":[],"class_list":["post-5254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Matteo Papi: Front-end developer for meaningful insights - Kode<\/title>\n<meta name=\"description\" content=\"Well-structured data visualization is key to making data analysis useful. A front-end developer in Big Data deals with various complexities.\" \/>\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.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Matteo Papi: Front-end developer for meaningful insights - Kode\" \/>\n<meta property=\"og:description\" content=\"Well-structured data visualization is key to making data analysis useful. A front-end developer in Big Data deals with various complexities.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/\" \/>\n<meta property=\"og:site_name\" content=\"Kode\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kode.solutions\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-31T11:41:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-19T07:26:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2024\/05\/Frame-375.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1967\" \/>\n\t<meta property=\"og:image:height\" content=\"1400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kode s.r.l.\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@kode_solutions\" \/>\n<meta name=\"twitter:site\" content=\"@kode_solutions\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kode s.r.l.\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/\"},\"author\":{\"name\":\"Kode s.r.l.\",\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/#\\\/schema\\\/person\\\/1b7960057a01f9eae6957c030cbba035\"},\"headline\":\"Una chiacchierata con:Matteo Papi, Front-end developer\",\"datePublished\":\"2023-10-31T11:41:31+00:00\",\"dateModified\":\"2024-09-19T07:26:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/\"},\"wordCount\":1517,\"publisher\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kode-solutions.net\\\/site\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/Frame-375.png\",\"articleSection\":[\"News\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/\",\"url\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/\",\"name\":\"Matteo Papi: Front-end developer for meaningful insights - Kode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kode-solutions.net\\\/site\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/Frame-375.png\",\"datePublished\":\"2023-10-31T11:41:31+00:00\",\"dateModified\":\"2024-09-19T07:26:22+00:00\",\"description\":\"Well-structured data visualization is key to making data analysis useful. A front-end developer in Big Data deals with various complexities.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.kode-solutions.net\\\/site\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/Frame-375.png\",\"contentUrl\":\"https:\\\/\\\/www.kode-solutions.net\\\/site\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/Frame-375.png\",\"width\":1967,\"height\":1400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/una-chiacchierata-conmatteo-papi-front-end-developer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Una chiacchierata con:Matteo Papi, Front-end developer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/#website\",\"url\":\"https:\\\/\\\/www.kode-solutions.net\\\/\",\"name\":\"Kode\",\"description\":\"From Data to Knowledge\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.kode-solutions.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/#organization\",\"name\":\"Kode s.r.l.\",\"url\":\"https:\\\/\\\/www.kode-solutions.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.kode-solutions.net\\\/site\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/kode.svg\",\"contentUrl\":\"https:\\\/\\\/www.kode-solutions.net\\\/site\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/kode.svg\",\"width\":121,\"height\":27,\"caption\":\"Kode s.r.l.\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/kode.solutions\",\"https:\\\/\\\/x.com\\\/kode_solutions\",\"https:\\\/\\\/www.instagram.com\\\/kode_solutions\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/kode\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.kode-solutions.net\\\/#\\\/schema\\\/person\\\/1b7960057a01f9eae6957c030cbba035\",\"name\":\"Kode s.r.l.\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f70a44ffa8c7d5f54f8d3f7c300ec903b1da28ca87e6cb4d79a8810dd0e9129c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f70a44ffa8c7d5f54f8d3f7c300ec903b1da28ca87e6cb4d79a8810dd0e9129c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f70a44ffa8c7d5f54f8d3f7c300ec903b1da28ca87e6cb4d79a8810dd0e9129c?s=96&d=mm&r=g\",\"caption\":\"Kode s.r.l.\"},\"url\":\"https:\\\/\\\/www.kode-solutions.net\\\/it\\\/author\\\/kode-s-r-l\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Matteo Papi: Front-end developer for meaningful insights - Kode","description":"Well-structured data visualization is key to making data analysis useful. A front-end developer in Big Data deals with various complexities.","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.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/","og_locale":"it_IT","og_type":"article","og_title":"Matteo Papi: Front-end developer for meaningful insights - Kode","og_description":"Well-structured data visualization is key to making data analysis useful. A front-end developer in Big Data deals with various complexities.","og_url":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/","og_site_name":"Kode","article_publisher":"https:\/\/www.facebook.com\/kode.solutions","article_published_time":"2023-10-31T11:41:31+00:00","article_modified_time":"2024-09-19T07:26:22+00:00","og_image":[{"width":1967,"height":1400,"url":"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2024\/05\/Frame-375.png","type":"image\/png"}],"author":"Kode s.r.l.","twitter_card":"summary_large_image","twitter_creator":"@kode_solutions","twitter_site":"@kode_solutions","twitter_misc":{"Scritto da":"Kode s.r.l.","Tempo di lettura stimato":"8 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/#article","isPartOf":{"@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/"},"author":{"name":"Kode s.r.l.","@id":"https:\/\/www.kode-solutions.net\/#\/schema\/person\/1b7960057a01f9eae6957c030cbba035"},"headline":"Una chiacchierata con:Matteo Papi, Front-end developer","datePublished":"2023-10-31T11:41:31+00:00","dateModified":"2024-09-19T07:26:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/"},"wordCount":1517,"publisher":{"@id":"https:\/\/www.kode-solutions.net\/#organization"},"image":{"@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2024\/05\/Frame-375.png","articleSection":["News"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/","url":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/","name":"Matteo Papi: Front-end developer for meaningful insights - Kode","isPartOf":{"@id":"https:\/\/www.kode-solutions.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/#primaryimage"},"image":{"@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2024\/05\/Frame-375.png","datePublished":"2023-10-31T11:41:31+00:00","dateModified":"2024-09-19T07:26:22+00:00","description":"Well-structured data visualization is key to making data analysis useful. A front-end developer in Big Data deals with various complexities.","breadcrumb":{"@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/#primaryimage","url":"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2024\/05\/Frame-375.png","contentUrl":"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2024\/05\/Frame-375.png","width":1967,"height":1400},{"@type":"BreadcrumbList","@id":"https:\/\/www.kode-solutions.net\/it\/una-chiacchierata-conmatteo-papi-front-end-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kode-solutions.net\/it\/"},{"@type":"ListItem","position":2,"name":"Una chiacchierata con:Matteo Papi, Front-end developer"}]},{"@type":"WebSite","@id":"https:\/\/www.kode-solutions.net\/#website","url":"https:\/\/www.kode-solutions.net\/","name":"Kode","description":"From Data to Knowledge","publisher":{"@id":"https:\/\/www.kode-solutions.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kode-solutions.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.kode-solutions.net\/#organization","name":"Kode s.r.l.","url":"https:\/\/www.kode-solutions.net\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.kode-solutions.net\/#\/schema\/logo\/image\/","url":"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2022\/10\/kode.svg","contentUrl":"https:\/\/www.kode-solutions.net\/site\/wp-content\/uploads\/2022\/10\/kode.svg","width":121,"height":27,"caption":"Kode s.r.l."},"image":{"@id":"https:\/\/www.kode-solutions.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kode.solutions","https:\/\/x.com\/kode_solutions","https:\/\/www.instagram.com\/kode_solutions\/","https:\/\/www.linkedin.com\/company\/kode\/"]},{"@type":"Person","@id":"https:\/\/www.kode-solutions.net\/#\/schema\/person\/1b7960057a01f9eae6957c030cbba035","name":"Kode s.r.l.","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/f70a44ffa8c7d5f54f8d3f7c300ec903b1da28ca87e6cb4d79a8810dd0e9129c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f70a44ffa8c7d5f54f8d3f7c300ec903b1da28ca87e6cb4d79a8810dd0e9129c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f70a44ffa8c7d5f54f8d3f7c300ec903b1da28ca87e6cb4d79a8810dd0e9129c?s=96&d=mm&r=g","caption":"Kode s.r.l."},"url":"https:\/\/www.kode-solutions.net\/it\/author\/kode-s-r-l\/"}]}},"_links":{"self":[{"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/posts\/5254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/comments?post=5254"}],"version-history":[{"count":2,"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/posts\/5254\/revisions"}],"predecessor-version":[{"id":5577,"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/posts\/5254\/revisions\/5577"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/media\/4784"}],"wp:attachment":[{"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/media?parent=5254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/categories?post=5254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kode-solutions.net\/it\/wp-json\/wp\/v2\/tags?post=5254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}