Guida galattica per frontendisti

È un fatto importante, ancor che comunemente noto, che il mondo frontend si è espanso e si espande ancora a gran velocità e in modo esponenziale. Per esempio, sul pianeta Terra, l'uomo ha continuato a creare, sempre più alacremente, framework, librerie e ogni qualsivoglia diavoleria. Riuscire a raccapezzarsi, soprattutto agli inizi del viaggio, con tutte queste tecnologie riesce difficile spesso anche ai navigatori più smaliziati. Ma non vi preoccupate, o baldi giuovani e pulzelle, attraverso la nostra Guida riuscirete a navigare come dei provetti delfini attraverso le impervie stringhe della galassia Frontend!

Transcript

1. Le stravaganti vicissitudini di un frontendista (?) moderno Davide Di Pumpo - Campus Party 2017 - Milano
2. CHI SONO Frontend Developer Co-organizer di Speaker e insegnante per passione sull'internet Amante di gatti, fumetti e arcade @Credimi Milano Frontend Meetup MakhBeth
3. È TEMPO DI INIZIARE (PURTROPPO)
7. Ma il frontend è grande come una galassia Inoltre come l'universo continua ad espandersi
10. REALIZZIAMO UN SITO WEB
11. REALIZZIAMO QUALCOSA DI SEMPLICE
14. O ALMENO IL FRONTEND ???
15. PER PRIMA COSA ABBIAMO BISOGNO DI...
18. SPECIFICHE Deve avere un titolo editabile Si può aggiungere un elemento L'elemento deve poter essere editato Ogni elemento della lista deve poter avere uno stato: Non finito Finito Sommi capi Ritardato Il testo deve poter essere formattato
19. COME (ALTRO) ARRIVANO LE SPECIFICHE AL FRONTEND? BEH CON UN
21. Il mockup è l'attività di riprodurre un oggetto o modello in scala ridotta o maggiorata. Chi si dedica professionalmente a tale attività è detto (in lingua inglese) mockup artist. Wikipedia
28. WEB COMPONENTS
29. Ma componentizzare non è solo qualcosa di tecnico
31. CLICK ME
32. Dobbiamo costruire un frontend Abbiamo le specifiche Abbiamo un mockup Abbiamo suddiviso in componenti
33. DEVO REINVENTARE LA RUOTA? CI SARÀ QUALCOSA LÁ FUORI?
35. NO SERIAMENTE È FACILE, USATE:
38. QUESTIONE DI TIMING
41. VALUTATE LA COMMUNITY
43. CHIEDETE CONSIGLIO
44. NON ESISTE IL SILVER BULLET
45. LO CHEF CONSIGLIA: ANDATE MODULARE E SCEGLIETE GLI STANDARD
47. A SCRIVERE I TEST
49. RIPRENDIAMO LE SPECIFICHE Deve avere un titolo editabile Si può aggiungere un elemento L'elemento deve poter essere editato Ogni elemento della lista deve poter avere uno stato: Non finito Finito Sommi capi Ritardato Il testo deve poter essere formattato
50. NON DIMENTICATE MAI L'ACCESSIBILITÀ
51. Scegliete i tool Scrivete i test PRIMA Sviluppate accessibile
52. Finalmente abbiamo messo mano al codice
55. Ok, sul vostro browser tutto funziona ma...
58. Se non troverete voi i vostri bug, li troverà qualcun altro UAT USER ACCEPTANCE TESTING
59. REGRESSION TEST
61. Quando ero giovane
62. Fortunatamente oggi esistono i developer tool! e ! stack overflow
63. Imparatene uno (il mio consiglio: Chrome o Firefox) ma ricordate che oramai ogni browser ne ha uno
64. Inoltre tra le novità moderne, ci sono IDE ed Editor a darci una mano
65. MA NON CI SONO SOLO I BUG
68. MA SE AVETE: scritto modulare fatto i test portato con voi un asciugamano
70. Test, Test, Test per dormire sereni Debuggare con i giusti tool Scrivere codice sapendo che può cambiare
72. L'angolo dei consigli
74. La guida galattica per autostoppisti, sull'argomento amore, dice evitatelo se possibile
77. e per finire...