Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Angular Best Practices @ Firenze 19 feb 2018

716 views

Published on

- Introduzione all'evento
- Sponsors
- Slide Talk Fabio Biondi

Published in: Software
  • Be the first to comment

Angular Best Practices @ Firenze 19 feb 2018

  1. 1. FABIO BIONDI FREELANCE fabiobiondi.io
  2. 2. EX FLASH-FLEX-FMS-AIR
 CERTIFIED INSTRUCTOR :°( 2002-2012
  3. 3. I also love: Redux, RxJS, Typescript, D3.js, CreateJS, Firebase,TweenMax,Vue.js
 Animations, infographics & charts,Arduino, Lego, Geek stuff and more ANGULAR & REACT DEVELOPER &TRAINER
  4. 4. COMMUNITY
  5. 5. ANGULAR 
 DEVELOPER ITALIANI JAVASCRIPT 
 DEVELOPER ITALIANI REACT 
 DEVELOPER ITALIANI OPPORTUNITÀ DEVELOPER ITALIANI
 (jobs / collaborations / training and more) &
  6. 6. SPONSOR
  7. 7. • Sticker Sheet:Angular, React,Vue, Redux, JS (PLANGROUP) • 6 T-Shirt Angular (SKAFFOLDER) • 2 T-Shirt Udemy + Gadgets (pen / badge) • 2 Licenze JetBrain GADGET
  8. 8. PARTNER
  9. 9. ONE YEAR SUBSCRIPTION (for 2 attendees)
  10. 10. Javascript ES6 : La guida mancante in italiano Corso completo di Data Science con Python
  11. 11. • Il marketplace che conne0e aziende e freelancer digitali • Usa l’Ar:ficial Intelligence per la creazione di team di freelancer • Un workspace Agile per la ges:one della collaborazione azienda - team • Il primo marketplace collegato ad un ufficio 3D in Virtual Reality • Iscrivi: alla pia0aforma su h0ps://coderblock.com o sulla pagina Facebook per testare la pia0aforma in closed beta e ricevere i primi premi! Il recruitment ai tempi del remote working.
  12. 12. IL PROGRAMMA DI OGGI
  13. 13. /**
 * 1st part
 */
 () => ‘Fabio Biondi’
 
 /**
 * 2nd part
 */
 () => ‘Michele Stieven’
 
 ANGULAR BEST PRACTICES
  14. 14. https://goo.gl/YbfzH9 DOMANDE?
  15. 15. ANGULAR BEST PRACTICES FABIO BIONDI
  16. 16. COMPONENTS & SERVICES
  17. 17. <device-form> <devices-list> <nav-bar> <layout-btn>
  18. 18. <devices-list-item> <rate><os-icon> <devices-filter> <devices-list> <toggable>
  19. 19. <demo-app>
 (apri la demo online) Leggi il tutorial completo su fabiobiondi.io PUNTO DI PARTENZA
  20. 20. <device-form [active]="srv.active" (reset)="srv.reset()" (save)="srv.save($event)" ></device-form> <device-list [devices]="srv.devices" [active]="srv.active" (setActive)="srv.setActive($event)" (delete)="srv.delete($event)" ></device-list> RISULTATO
  21. 21. import { Component } from '@angular/core'; import { DeviceService } from './services/device.service'; @Component({ selector: 'fb-devices-view', template: ` <fb-toggable title="FORM"> <fb-device-form [active]="store.active" (reset)="actions.reset()" (save)="actions.save($event)" ></fb-device-form> </fb-toggable> <fb-toggable title="DEVICS"> <fb-device-list [devices]="store.devices" [active]="store.active" (setActive)="actions.setActive($event)" (delete)="actions.delete($event)" ></fb-device-list> </fb-toggable> ` }) export class DevicesViewComponent { constructor(public actions: DeviceService, public store: DeviceStore) { actions.getAll(); } } VERSIONE
 FINALE
  22. 22. PROGETTI MODULARI
  23. 23. ANGULAR SPA(SIMPLIFIED)
  24. 24. STRUTTURA PROGETTO
  25. 25. APPLICAZIONI MODULARI
  26. 26. MODULO
  27. 27. NOW LIVE CODE • Component based-approach • Data architecture built on top of Dependency Injection engine • Modular Applications • Router and Lazy Loading • Build and environment
  28. 28. SPONSORED BY
  29. 29. PROSSIMI EVENTI TRENTO - 23 MARZO 2018
 DATA ARCHITECTURES IN 
 ANGULAR, REDUX E RXJS ROMA - 7 MARZO 2018
 ANGULAR BEST PRACTICES
  30. 30. PROSSIMI CORSI ANGULAR VERONA - 13-14 MARZO 2018
 MASTERING ANGULAR ROMA - 7-8 MARZO 2018
 MASTERING ANGULAR
  31. 31. JOIN OUR COMMUNITIES ANGULAR 
 DEVELOPER ITALIANI JAVASCRIPT 
 DEVELOPER ITALIANI REACT 
 DEVELOPER ITALIANI OPPORTUNITÀ DEVELOPER ITALIANI
 (jobs / collaborations / training and more)
  32. 32. https://goo.gl/5FGKdJ FEEDBACK?
  33. 33. THANKYOU fabiobiondi.io

×