Titolo del Talk

Inspecting, debugging and profiling

Durata

40 minuti

Descrizione Twitter-sized (140 characters)

Vediamo in dettagli come funzionano i chrome devtools per analizzare le nostre pagine web

Descrizione

Vediamo praticamente tab per tab come funzionano, a cosa servono e come interagire con gli strumenti offerti dal piu' diffuso browser di BigG

Titolo del Talk

ReactJS & SEO - Stato dell'arte

Durata

da stimare

Descrizione Twitter-sized (140 characters)

Soluzioni esistenti via SSR e non, principali pro e contro delle differenti soluzioni.

Descrizione

Soluzioni esistenti via SSR e non, principali pro e contro delle differenti soluzioni.
Esempio di app reale in produzione con SEO e performance nei vari motori di ricerca.
Futuro: cosa ci riserva? soluzioni in via di sviluppo non production ready.

Titolo del Talk

👍 Hitchhiker's guide to the "Universe"

Durata

40 minuti

Descrizione Twitter-sized (140 characters)

Creare una Universal App oggi non e' più impossibile

Descrizione

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.

Titolo del Talk

Getting the best out of your code reviews

Durata

45 min

Descrizione Twitter-sized (140 characters)

Tutti dicono che fare code review è bene, ma poi non si trova il tempo per farlo o lo si fa male. Come e perché farle meglio.

Descrizione

(Già fatto a Working software 2019)

CSS in JS - Andata e ritorno

30min

Descrizione Twitter-sized (140 characters)

Any application that can be written in JavaScript, will eventually be written in JavaScript
Atwood's Law

Beh, vediamo cosa c'è di buono nell'avere CSS in JS a sto punto no?

Titolo del Talk

Modern refactoring frontend - micro-frontend come pattern di migrazione

Durata

30min

Descrizione Twitter-sized (140 characters)

Il focus di questo talk sara' quello di migrare un applicazione SPA legacy verso un nuovo framework cercando di impostare un design che possa essere longevo nel tempo.

Descrizione

Le principali sfide di oggi nello sviluppo software sono essenzialmente tre: 1) complessita' 2) cooperazione di piu' team 3) logevita' del software. Per questo c'e la necessita' di tenere aggiornate le nostre applicazioni. Il focus di questo talk sara' quello di migrare un applicazione SPA legacy verso un nuovo framework cercando di impostare un design che possa scalare su piu' team, evolvere ed essere longevo nel tempo.

Titolo del Talk

Lo stato dei grid system nel 2018

Durata

20 min

Descrizione Twitter-sized (140 characters)

Hanno ancora senso i grid system nel 2018 (no)? Se sì, come possiamo usufruire a pieno di ciò che il 2017 2018 può offrirci?

Descrizione

Grazie all’arrivo di flex e grid, custom properties e alla morte di ie9, come possiamo oggi migliorare un grid system? Cosa diavolo è un lock? Che figate possiamo fare con calc e margini e viewport units? Scopritelo grazie a una delle più lucide menti del suo condominio (scala C)

Titolo del Talk

Breaking the fear of front-end testing

Durata

60 minuti, in genere poi si generano una serie di domande che possono far degenerare la durata (a Padova è durato quasi due ore...) che andranno quindi "limitate".

Descrizione Twitter-sized (140 characters)

Non sai da che parte iniziare a testare il front-end? Hai scritto dei test ma in produzione ci sono un sacco di bug? Questo talk è per te!

Descrizione

Scrivere test è come usare GIT: in un attimo ti chiedi come tu abbia potuto lavorare prima di scoprirlo. Ma quanto è diffusa la pratica di scrivere test tra noi sviluppatori JavaScript? Il muro d'ingresso è davvero insormontabile? Gli strumenti a disposizione sono ancora poco maturi?
Durante il talk:

• mostrerò i principali vantaggi dello scrivere test per il nostro codice
• darò risposta ai dubbi che tengono lontani dallo scrivere test o che, in genere, fanno desistere gli sviluppatori dopo il primo approccio
• indicherò come approcciare in modo profittevole il mondo delle metodologie di testing e trarne vantaggio anche nel breve periodo

Alla fine del talk fornirò una serie di risorse di approfondimento e di strumenti utili a facilitare l'ingresso nel mondo del testing e mettere in pratica quanto mostrato durante il talk.

Titolo del Talk

Quella sporca dozzina (a cascata)

Durata

30 min

Descrizione

12 trucchi di cui nessuno vi parla, perché la lobby dei framework vi nasconde la verità!1!!! 12 semplici trucchi per migliorare la vostra vita di scrittori di CSS. Costruire forme astratte, numerare elementi del DOM e soprattutto rimorchiare al bar grazie alla conoscenza di proprietà misconosciute.

Titolo del Talk

Fatti non foste a scrivere solo codice

Durata

30 minuti

Descrizione Twitter-sized (140 characters)

come può un semplice sviluppatore contribuire al cambiamento positivo della propria organizzazione?

Descrizione

Gli sviluppatori pur prendendo, sul codice, decisioni molto impattanti, non sempre sono sui tavoli in cui si parla di "direzione dell'azienda".

Il talk parla quindi di come chi non appartiene alla stretta cerchia dei manager può contribuire al cambiamento positivo della propria organizzazione e vivere in maniera più sana il cambiamento.

I principi agili parlano genericamente di "team" e di "individui". Mentre però ci sono tantissimi contenuti riguardanti l'innovazione e la decisionalità che si rivolgono ai decisori (i manager), ce ne sono meno che si rivolgono agli "operativi". Il contributo e il coinvolgimento di questi ultimi può essere invece importante, non solo dal punto di vista tecnico ma anche quando si parla della governance dell'azienda. Si partirà dall'esperienza personale dello speaker ma ci saranno approfondimenti e spunti provenienti dalla letteratura esistente in merito.

Titolo del Talk

Flutter [Titolo ancora da definire]

Durata

45 minuti + Q&A

Descrizione Twitter-sized (140 characters)

Sono un frontendista, devo/voglio realizzare un'app mobile, con tutte le soluzioni ibride che ci sono perche dovrei interessarmi all'unica non basata su HTML/CSS/JS?

Descrizione

Lo sviluppo web frontend e quello mobile sono due mondi "così lontani, così vicini" e nella vita di un frontendista almeno una volta è capitato di imbattersi in soluzioni più o meno ibride per la realizzazione di app da distribuire sugli store di Google & Apple. Flutter non è esattamente una soluzione ibrida, e non è neanche basato su HTML/CSS/Javascript/Typescript quindi.... che interesse può avere per una community di frontend? La risposta è: [SPOILER].

Titolo del Talk

JScss - a noi Frankenstein ci spiccia casa

Durata

40min

Descrizione Twitter-sized (140 characters)

C’è chi mette CSS in JS, chi mette JS in Css. Noi saremo pur liberi di mettere JS in Sass?

Descrizione

Da un mix mortale dovuto a un caso d’uso un po’ bizzarro, una brutta notizia e dell’ottimo malto sotto forma di scotch 🥃 un esperimento bizzarro sullo scrivere Javascript, che scrive Sass che scrive quasi CSS. Esclamiamo tutti insieme SI PUÒ FARE!

Titolo del Talk

CSS figli di un dio minore

Durata

40 min

Descrizione Twitter-sized (140 characters)

Un piccolo excursus su cosa voglia dire scrivere CSS oggi. Del come mai tutti provino a fixarlo e possibilmente a evitarlo!

Descrizione

Diciamoci la verità, il CSS è facile e alla portata di tutti. Ma nonostante questo molti sviluppatori vedono CSS come un male necessario. Tra chi lo odia e lo evita come la peste, chi cerca di fixarlo e lo inserisce in Javascript, chi aspetta e brama qualche tool di disegno che esporti CSS utilizzabile. Ma c'è tra di noi chi il CSS lo ama, ma se ne vergogna amaramente. Usciamo fuori dall'ombra e facciamo vedere davvero cosa vuol dire scrivere CSS nel mondo del lavoro moderno. Perché alla fine che mondo sarebbe senza colori?

Sporchiamoci le mani con JAM

Durata

50min

Descrizione Twitter-sized (140 characters)

Lo stack JAM https://jamstack.org permette di avere siti veloci e sicuri con il trucco più vecchio di sempre: pagime html statiche e un pugno di ajax. Come funziona?

Descrizione

Sporchiamoci le mani col codice. Una code session con HEXO e GATSBY!

Titolo del Talk

Vanilla React/Redux components

Durata

30 minuti

Descrizione Twitter-sized (140 characters)

React is great but sometimes it is worth to consider a Vanilla JS implementation. Classic ToDo example: http://codepen.io/fibo/pen/vxbaqL

Descrizione

I have started experimenting with a Vanilla JS implementation of React components. No framework, no technical debt. Of course there are pros and cons, the main difference is Virtual DOM.

Titolo del Talk

Visual Regression Test && Test End to End

Durata

30min

Descrizione Twitter-sized (140 characters)

Un hands-on su tool come NightmareJS, Chromy, Headless Chrome e BackstopJS. Vedremo come fare dei test visuali ed end to end in un colpo solo.

Descrizione

Titolo del Talk

Introduzione alle PWA

Durata

40 min

Descrizione Twitter-sized (140 characters)

Facciamo una panoramica generale su cosa è una Progressive Web App

Descrizione

PWA... Cos'è? come si fa? Vediamo cosa possiamo fare con questo tipo di applicazioni e quali tecnologie servono per implementarle.

Titolo del Talk

Designer vs Dev! What the hell is a Design System?

Durata

50min

Descrizione Twitter-sized (140 characters)

Stanco di avere 14 g-font? La tua app ha troppe pagine? Portiamo la pace in questo mondo!

Descrizione

Una domanda sorge spontanea, cos'è esattamente un design system? La risposta è semplice: TUTTO.
Ogni componente, ogni doc, persino le style-guide, la tipografia, i colori e le coding convention possono far parte di un design system.
Ma qual è il processo per il quale possiamo rendere "tangibile" e fruibile un design system?
In questo talk vedremo best practice ed errori da evitare per costruirne uno. Ma soprattutto vedremo come convincere i nostri capi/clienti a darci il tempo e il budget per costruire un design system come si deve.

Titolo del Talk

Report Manager e Stampa, un caso reale

Durata

30/45min (posso dilungarmi o zipparmi a seconda delle necessità)

Descrizione Twitter-sized (140 characters)

Il talk parla di una case history in cui si è creato un report manager da un punto di vista non solo tecnico ma anche metodologico

Descrizione

Nella mia vita professionale mi sono più volte imbattuto nella situazione in cui gli utenti di un'applicazione web, nonostante tutte le funzionalità offerte dal software, avessero comunque bisogno di creare un report pdf con il proprio lavoro e di stamparlo su carta. Il talk racconta di come ho affrontato questa sfida passando dal naturale sconforto di dover far fronte a un contesto che sentivo come "vecchio", fino ad arrivare a soluzioni efficaci ed innovative che hanno risposto al bisogno degli utenti. In particolare illustrerò un caso studio di un vero e proprio report manager dove l'utente è in grado di personalizzare i propri template in funzione delle proprie esigenze con tecnologie e soluzioni replicabili da tutti.

Titolo del Talk

HyperHTML - a noi ci piace hipster

Durata

20 min

Descrizione Twitter-sized (140 characters)

Una breve introduzione ad una micro-library (5KB minzipped) che grazie agli standard ES6 ci permette di avere un'alternativa veloce e consistente del VirtualDOM

Titolo del Talk

Cosa vuol dire Codice P-U-L-I-T-O al Frontend??

Durata

30m-1h

Descrizione Twitter-sized (140 characters)

Nel suo talk Andrea De Carolis ha menzionato "Codice P-U-L-I-T-O". L'argomento merita un altro talk!

Descrizione

Nel suo talk Andrea De Carolis ha menzionato "Codice P-U-L-I-T-O". L'argomento merita un altro talk!
Sarebbe interessante di vedere qualche esempio di refactoring che trasforma codice brutto nel codice pulito presentato da 2-3 persone.
Immagino alcuni di voi hanno avuto esperienza di lavorare con un progetto vecchio fatto molto in fretta che aveva bisogno di ristrutturazione.

Titolo del Talk

Super fast transitions

Durata

30/40 minuti

Descrizione Twitter-sized (140 characters)

Vediamo le tecniche per realizzare animazioni e transizioni css (ed eventualmente un pizzico di js) super fluide e veloci

Descrizione

Prendiamo esempi di codice per capire come migliorare i nostri siti e applicazioni web con animazioni e transizioni capaci di funzionare anche senza trasformare il vostro telefono in una piastra buona per cuocere le bistecche

Come scriviamo CSS oggi? Qual è il modo più veloce? E quello più comodo?
Facciamo chiarezza sui pre e post processori CSS, cosa sono, a cosa servono e le principali differenze tra di loro per poter scegliere con consapevolezza.
Parliamo anche di CSS-in-JS per vedere le novità nell'ecosistema.
E per completezza una panoramica sui vari linter.