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

3. FABIO BIONDI
FREELANCE
fabiobiondi.io

4. EX FLASH-FLEX-FMS-AIR
CERTIFIED INSTRUCTOR :°(
2002-2012

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

6. COMMUNITY

7. ANGULAR
DEVELOPER ITALIANI
JAVASCRIPT
DEVELOPER ITALIANI
REACT
DEVELOPER ITALIANI
OPPORTUNITÀ DEVELOPER ITALIANI
(jobs / collaborations / training and more)
&

9. SPONSOR

10. • Sticker Sheet:Angular, React,Vue, Redux, JS (PLANGROUP)
• 6 T-Shirt Angular (SKAFFOLDER)
• 2 T-Shirt Udemy + Gadgets (pen / badge)
• 2 Licenze JetBrain
GADGET

13. PARTNER

14. ONE YEAR SUBSCRIPTION
(for 2 attendees)

15. Javascript ES6 : La guida mancante in italiano
Corso completo di Data Science con Python

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

17. IL PROGRAMMA DI OGGI

18. /**
* 1st part
*/
() => ‘Fabio Biondi’
/**
* 2nd part
*/
() => ‘Michele Stieven’
ANGULAR BEST PRACTICES

19. https://goo.gl/YbfzH9
DOMANDE?

20. ANGULAR BEST PRACTICES
FABIO BIONDI

21. COMPONENTS & SERVICES

23. <device-form>
<devices-list>
<nav-bar>
<layout-btn>

24. <devices-list-item>
<rate><os-icon>
<devices-filter>
<devices-list>
<toggable>

25. <demo-app>
(apri la demo online)
Leggi il tutorial completo su fabiobiondi.io
PUNTO DI PARTENZA

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

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

28. PROGETTI MODULARI

29. ANGULAR SPA(SIMPLIFIED)

30. STRUTTURA PROGETTO

31. APPLICAZIONI MODULARI

32. MODULO

33. NOW LIVE CODE
• Component based-approach
• Data architecture built on top of Dependency Injection engine
• Modular Applications
• Router and Lazy Loading
• Build and environment

34. SPONSORED BY

36. PROSSIMI EVENTI
TRENTO - 23 MARZO 2018
DATA ARCHITECTURES IN
ANGULAR, REDUX E RXJS
ROMA - 7 MARZO 2018
ANGULAR BEST PRACTICES

37. PROSSIMI CORSI ANGULAR
VERONA - 13-14 MARZO 2018
MASTERING ANGULAR
ROMA - 7-8 MARZO 2018
MASTERING ANGULAR

38. JOIN OUR COMMUNITIES
ANGULAR
DEVELOPER ITALIANI
JAVASCRIPT
DEVELOPER ITALIANI
REACT
DEVELOPER ITALIANI
OPPORTUNITÀ DEVELOPER ITALIANI
(jobs / collaborations / training and more)

39. https://goo.gl/5FGKdJ
FEEDBACK?

40. THANKYOU
fabiobiondi.io