È 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!

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