Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Guida galattica per frontendisti

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!

Cb5004db588b465e64062b4b914f7db7?s=128

Davide Di Pumpo

July 24, 2017
Tweet

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)

  4. None
  5. None
  6. None
  7. Ma il frontend è grande come una galassia Inoltre come

    l'universo continua ad espandersi
  8. None
  9. None
  10. REALIZZIAMO UN SITO WEB

  11. REALIZZIAMO QUALCOSA DI SEMPLICE

  12. None
  13. None
  14. O ALMENO IL FRONTEND ???

  15. PER PRIMA COSA ABBIAMO BISOGNO DI...

  16. None
  17. None
  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

  20. None
  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
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None
  28. WEB COMPONENTS

  29. Ma componentizzare non è solo qualcosa di tecnico

  30. None
  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?

  34. None
  35. NO SERIAMENTE È FACILE, USATE:

  36. None
  37. None
  38. QUESTIONE DI TIMING

  39. None
  40. None
  41. VALUTATE LA COMMUNITY

  42. None
  43. CHIEDETE CONSIGLIO

  44. NON ESISTE IL SILVER BULLET

  45. LO CHEF CONSIGLIA: ANDATE MODULARE E SCEGLIETE GLI STANDARD

  46. None
  47. A SCRIVERE I TEST

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

  53. None
  54. None
  55. Ok, sul vostro browser tutto funziona ma...

  56. None
  57. None
  58. Se non troverete voi i vostri bug, li troverà qualcun

    altro UAT USER ACCEPTANCE TESTING
  59. REGRESSION TEST

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

  66. None
  67. None
  68. MA SE AVETE: scritto modulare fatto i test portato con

    voi un asciugamano
  69. None
  70. Test, Test, Test per dormire sereni Debuggare con i giusti

    tool Scrivere codice sapendo che può cambiare
  71. None
  72. L'angolo dei consigli

  73. None
  74. La guida galattica per autostoppisti, sull'argomento amore, dice evitatelo se

    possibile
  75. None
  76. None
  77. e per finire...

  78. None
  79. None