Universal JS Day 2018
19 - 20 Apr 2018 at Sala Convegni CNA Ferrara

React Native è un innovativo approccio allo sviluppo mobile che permette lo sviluppo di applicazioni native (e non ibride) scritte in JavaScript. Gli sviluppatori web porteranno le loro skill in React sul nativo; gli sviluppatori mobile troveranno un nuovo modo di velocizzare lo sviluppo di cose noiose, come i CRUD. Un'intera giornata sul framework per capirne le potenzialità e proiettarle in ambito lavorativo. - A chi è rivolto - Il workshop del 19 aprile si rivolge a chi ha sperimentato le potenzialità di React.js e vuole affacciarsi al mondo dello sviluppo mobile, ma anche a sviluppatori mobile che vogliono integrare il loro sviluppo nativo con nuove tecnologie. - Il docente - Matteo Manchi (@matteomanchi) è un fullstack developer, fondatore della community RomaJS e CEO di un'agenzia di consulting e sviluppo software. Negli ultimi anni si è specializzato nello sviluppo frontend, prima con React.js, poi con React Native. - Prerequisiti - Conoscenza media di JavaScript Conoscenza base React.js Conoscenza base di HTML/CSS o layout mobile Computer portatile Un dispositivo Android o iOS Node.js installato git installato Atom, Visual Studio Code, Sublime Text o un altro editor installato Android Studio se si vuole fare la build su Android (non necessario) xCode per Mac, se si vuole fare la build per iOS (non necessario) - Programma - Il workshop si svolgerà giovedì 19 aprile dalle 10:00 alle 13:00, si fermerà per una pausa pranzo inclusa nel costo del biglietto, e continuerà dalle 14:00 alle 18:00 presso la sala direzione di CNA Ferrara in Via Caldirolo, 84 a Ferrara (la stessa sede della conferenza). All'interno del biglietto sono inclusi due coffee break. React.js: concetti fondamentali React Native: come funziona Setup dell'ambiente e esecuzione della prima app Componenti UI nativi Componenti di terze parti Gestione della navigazione Gestione dei dati e persistenza Animare i componenti Guida alla pubblicazione Pro Tip: Testing Pro Tip: Sviluppare componenti nativi custom

Le Progressive Web App sono un insieme di tecnologie che permettono di implementare comportamenti prima possibili solo nelle applicazioni mobile native. Il cuore delle PWA sono i Service Worker, la feature della piattaforma web più interessante e rivoluzionaria dall'uscita delle chiamate AJAX. Durante questo talk scopriremo i segreti dei Service Worker, quello che possono fare e come utilizzarli ora in produzione.

Costruiamo passo-passo una Universal App col minor sforzo (e codice) possibile usando Nextjs e React, gestiamo routing dinamico con Express, aggiungiamo un pizzico di dati con Apollo e GraphQL, stiliamo il tutto con CSS-in-JS e documentiamo con Storybook. Sembra complesso ma scopriremo come gli strumenti che abbiamo a disposizione ci aiutino a fare tutto in modo semplice e lineare.

Attraverso un esempio pratico di una piccola app, verranno illustrate le basi di NativeScript su come costruire un’app, gestire la UI, il database, la cache, ecc.

Negli ultimi mesi ho lavorato al refactor di RuneAudio, un software open source che trasforma mini-pc economici, silenziosi e dai bassi consumi in music player hi-fi. Il risultato (la versione 2.0) è uno stack che parla lo stesso linguaggio: API+websocket in Node.js per il backend, SPA per il frontend. Il percorso è stato anche un playground per sperimentare soluzioni moderne e spingere le performance al massimo: fra gli argomenti trattati ci saranno occlusion culling, lazy loading, caching, job queues, Mithril e Fastify.

Vuoi realizzare un telefono direttamente nella tua web app? Vedremo insieme quali sono state le scelte tecnologiche con le quali si è realizzato un telefono SIP WebRTC direttamente integrato nel browser per fornire una soluzione di Unified Communication tramite WebApp. Considereremo i problemi e vantaggi incontrati con due differenti soluzioni, passando da sipML5 a Janus Gateway.

Nonostante tutti dicano che il desktop è morto ci sono ancora tante applicazioni e utenti che vedono in una applicazione installabile sul proprio PC tanti vantaggi. Con Electron possiamo sfruttare le nostre competenze web per realizzare una application desktop multipiattaforma, che può sfruttare features del sistema operativo a cui una app web non può accedere. In questa sessione vedremo, con un approccio esclusivamente pratico, come realizzare con Electron e Angular una classica applicazione gestionale da installare sul nostro desktop.

Vorresti riutilizzare il tuo CSS nella tua applicazione mobile? In questa presentazione mostreremo come un nostro componente React può essere riutilizzato in un applicazione React Native concentrandoci soprattutto su come portare lo stile da una piattaforma a un'altra e mostrando pro e contro di questa portabilità.

Time for JavaScript to get physical. With WebBluetooth the Chrome browser can actually take control of all kinds of physical devices in the real world like lightbulbs, robots and even drones. And nowadays you can even run JavaScript straight on microcontrollers and even little Bluetooth beacons. This talk will teach you the basics that you need to get started and give a peek at some more advanced topics like building your own Bluetooth devices using just JavaScript.