FerraraJS GrUSP CNA Ferrara

Ferrara, Italia Conferenza 20 Aprile 2018 Workshop 19 Aprile 2018

Universal JS Day

Registrati ora Talks

La conferenza

Ti sei mai chiesto come poter diffondere rapidamente la tua app su diverse piattaforme mobile come iOS, Android o desktop?

Aziende come Facebook, NetFlix o PayPal utilizzano JavaScript nel loro development stack a partire dal server web fino al loro dispositivo mobile.

Discuteremo assieme tramite talk e laboratori come JavaScript possa migliorare ed ampliare il target delle nostre app, ma soprattutto comprendere assieme quanto questo linguaggio utilizzato assieme a nuovi framework e pattern come React Native, Ionic, Server Side Rendering, Progressive Web Apps, Electron, NativeScript apra nuovi orizzonti nello sviluppo di applicazioni multipiattaforma integrate in cloud.

La conferenza è organizzata da FerraraJS e dal GrUSP

Per rimanere informato iscriviti alla nostra newsletter.

Il Programma

09:45 - 10:30

What Service Workers can do

Maurizio Mangione
Maurizio Mangione

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.

Slides

10:30 - 11:15

👍 Hitchhiker's guide to the "Universe"

Giacomo Zinetti
Giacomo Zinetti

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.

Slides

11:35 - 12:05

Mobile App Development: Primi passi con NativeScript e Angular 2

Filippo Matteo Riggio
Filippo Matteo Riggio

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.

Slides

12:05 - 12:50

Refactor di un music player hi-fi in JavaScript

Andrea Coiutti
Andrea Coiutti

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.

Slides

14:20 - 14:50

Telefono SIP WebRTC nel tuo browser: da sipML5 a Janus

Alessandro Polidori
Alessandro Polidori

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.

Slides

14:50 - 15:35

Realizzare Applicazioni desktop con Electron e Angular

Michele Aponte
Michele Aponte

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.

Slides

15:55 - 16:25

Dealing with CSS universally

Simon Vocella
Simon Vocella

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à.

Slides

16:25 - 17:10

Fun with Bluetooth

Niels Leenheer
Niels Leenheer

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.

Slides

Il Workshop

Matteo Manchi

React Native: da web a mobile app

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

La scorsa edizione...

Progressive Web Apps: trick or real magick? Maurizio Mangione - Progressive web apps: trick or real magick?
Hello Ball: un punto di partenza per applicazioni multi-piattaforma Michele Orsini - Hello Ball: un punto di partenza per applicazioni multi-piattaforma
Matteo Frana - React SSR in the Wild: yes, we can (when we should) Matteo Frana - React SSR in the Wild: yes, we can (when we should)
Andrea Coiutti - Applicazioni web isomorfiche: un caso di studio con MithrilJS Andrea Coiutti - Applicazioni web isomorfiche: un caso di studio con MithrilJS
Francesco Strazzullo - WebGL 2D Rendering with PixiJS Francesco Strazzullo - WebGL 2D Rendering with PixiJS
Giorgio Aquino - Web Push Notification Giorgio Aquino - Web Push Notification
Luca Degasperi - Turbolinks, nativo con trucco? Luca Degasperi - Turbolinks, nativo con trucco?
Francesco Raimondo - Introduzione a PhaserJS Francesco Raimondo - Introduzione a PhaserJS

La Location

Stazione

Stazione Ferroviaria

Hotel

Hotel

Hotel Touring Ferrara
Viale Cavour, 11
44121 Ferrara
Tel: +39 0532.206200
Fax: +39 0532.212000
http://www.hoteltouringfe.it/

L' hotel touring, che sponsorizza la conferenza, offre prezzi convenzionati per tutti coloro che parteciperanno all'Universal JS Day.

Location

Universal JS Day

CNA Ferrara
Via Caldirolo, 84
44121 Ferrara
Tel: +39 0532.749111
Fax: +39 0532.749236
http://www.cnafe.it/

In auto

Dall'uscita A13 - Ferrara Sud: Segui le indicazioni per Ferrara - Centro. Procedi dritto su RA8, fino alla rotonda con SS16/Via Ravenna. Alla rotonda, uscita su Via Ravenna. Alla rotonda, 1a uscita per Via Comacchio. Alla rotonda successiva 3a uscita per Via Caldirolo. Alla rotonda procedi dritto su Via Caldirolo, seconda uscita. La location si trova sulla vostra destra.

In treno

Dalla stazione di Ferrara: raggiungere la location dalla stazione dei treni è molto facile, basta prendere l'autobus numero 1, 6, 9 o 21 in direzione "Arco della Prospettiva". La fermata di arrivo è presso l'arco della prospettiva, a due passi dalla location; se perdi questa fermata, puoi scendere alla successiva che si trova a 300 metri. Qui trovi una mappa di tutte le linee disponibili.
L'autobus ferma anche di fronte all'Hotel Touring, sia in direzione CNA Ferrara che in direzione stazione.
È anche possibile prendere un taxi, si trovano vicino all'uscita della stazione, sulla destra.
Se ti piace camminare, la location può essere raggiunto a piedi dalla stazione in circa 40 minuti.