milanofrontend / talks Goto Github PK
View Code? Open in Web Editor NEWRepository per tutti i talk tenuti ai meetup di Milano Frontend
Repository per tutti i talk tenuti ai meetup di Milano Frontend
Introduzione alle PWA
40 min
Facciamo una panoramica generale su cosa è una Progressive Web App
PWA... Cos'è? come si fa? Vediamo cosa possiamo fare con questo tipo di applicazioni e quali tecnologie servono per implementarle.
Vanilla React/Redux components
30 minuti
React is great but sometimes it is worth to consider a Vanilla JS implementation. Classic ToDo example: http://codepen.io/fibo/pen/vxbaqL
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.
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.
Inspecting, debugging and profiling
40 minuti
Vediamo in dettagli come funzionano i chrome devtools per analizzare le nostre pagine web
Vediamo praticamente tab per tab come funzionano, a cosa servono e come interagire con gli strumenti offerti dal piu' diffuso browser di BigG
ReactJS & SEO - Stato dell'arte
da stimare
Soluzioni esistenti via SSR e non, principali pro e contro delle differenti soluzioni.
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.
Modern refactoring frontend - micro-frontend come pattern di migrazione
30min
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.
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.
JScss - a noi Frankenstein ci spiccia casa
40min
C’è chi mette CSS in JS, chi mette JS in Css. Noi saremo pur liberi di mettere JS in Sass?
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!
Quella sporca dozzina (a cascata)
30 min
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.
50min
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?
Sporchiamoci le mani col codice. Una code session con HEXO e GATSBY!
Lo stato dei grid system nel 2018
20 min
Hanno ancora senso i grid system nel 2018 (no)? Se sì, come possiamo usufruire a pieno di ciò che il 2017 2018 può offrirci?
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)
Super fast transitions
30/40 minuti
Vediamo le tecniche per realizzare animazioni e transizioni css (ed eventualmente un pizzico di js) super fluide e veloci
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
Report Manager e Stampa, un caso reale
30/45min (posso dilungarmi o zipparmi a seconda delle necessità)
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
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.
HyperHTML - a noi ci piace hipster
20 min
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
Cosa vuol dire Codice P-U-L-I-T-O al Frontend??
30m-1h
Nel suo talk Andrea De Carolis ha menzionato "Codice P-U-L-I-T-O". L'argomento merita un altro talk!
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.
Flutter [Titolo ancora da definire]
45 minuti + Q&A
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?
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].
👍 Hitchhiker's guide to the "Universe"
40 minuti
Creare una Universal App oggi non e' più impossibile
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.
CSS figli di un dio minore
40 min
Un piccolo excursus su cosa voglia dire scrivere CSS oggi. Del come mai tutti provino a fixarlo e possibilmente a evitarlo!
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?
Breaking the fear of front-end testing
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".
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!
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:
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.
Fatti non foste a scrivere solo codice
30 minuti
come può un semplice sviluppatore contribuire al cambiamento positivo della propria organizzazione?
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.
Getting the best out of your code reviews
45 min
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.
(Già fatto a Working software 2019)
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?
Designer vs Dev! What the hell is a Design System?
50min
Stanco di avere 14 g-font? La tua app ha troppe pagine? Portiamo la pace in questo mondo!
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.