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 and beyond

486 views

Published on

Presentation slide of Angular and Beyond conference

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Angular and beyond

  1. 1. Un framework sul framework: generare una SPA dinamicamente in Angular partendo da un backend .NET Michele Aponte CEO/CTO Blexin Srl michele.aponte@blexin.com @apomic80
  2. 2. Il problema da risolvere CMS scritto in .NET: - Costruito su MVC e EF/Mongo - Personalizzabile attraverso la creazione di un plug-in .NET - Generazione automatica della UI per le operazioni CRUD - Comunicazione tra i plugin basata su eventi (CQRS) - Azure-ready
  3. 3. Il problema da risolvere
  4. 4. Inevitabilmente…
  5. 5. Librerie e Framework
  6. 6. Librerie e Framework Semplicità
  7. 7. Librerie e Framework Produttività e manutenibilità
  8. 8. Andiamo sul sicuro: Angular e Typescript
  9. 9. Raptor Framework - Permettere a sviluppatori .NET di realizzare dinamicamente una SPA Angular senza (necessariamente) conoscere Angular - Avere un meccanismo a plugin dinamico - Implementazioni basate su provider personalizzabili - Migrazione a .Net Core per favorire la containerizzazione
  10. 10. Da dove siamo partiti?
  11. 11. Libreria di componenti Angular Perché? - Inizialmente era un’app Angular - Integrare Raptor in applicazioni Angular esistenti - Temi basati su classi bootstrap standard - Creare librerie di componenti da Angular 6+ è semplice e supportato
  12. 12. Libreria di componenti Angular Possiamo creare le nostre librerie di componenti: - Riutilizzo tra più progetti - Condivisione con la community degli sviluppatori - Creazione di un “framework” sul framework Da Angular 6 è ancora più semplice con il supporto diretto della CLI:
  13. 13. LIBRERIE IN ANGULAR Una volta creata la libreria possiamo importare il suo modulo: - Tutti i componenti esportati saranno visibili nel progetto - Il progetto da cui è stata creata la libreria è già configurata per il test
  14. 14. LIBRERIE IN ANGULAR Una volta creata la libreria possiamo importare il suo modulo: - Tutti i componenti esportati saranno visibili nel progetto - Il progetto da cui è stata creata la libreria è già configurata per il test - Posso generare nuovi componenti direttamente nella libreria
  15. 15. LIBRERIE IN ANGULAR Una volta creata la libreria possiamo importare il suo modulo: - Tutti i componenti esportati saranno visibili nel progetto - Il progetto da cui è stata creata la libreria è già configurata per il test - Posso generare nuovi componenti direttamente nella libreria - Per ri-utilizzare la libreria in un progetto va buildata e pacchettizzata
  16. 16. DEMO Da .NET e Angular con Raptor
  17. 17. Sviluppare applicazioni mobile con Angular e Typescript: NativeScript vs Ionic Michele Aponte CEO/CTO Blexin Srl michele.aponte@blexin.com @apomic80
  18. 18. Strategia Mobile - Perchè?
  19. 19. Strategia Mobile
  20. 20. Strategia Mobile – Website Responsive e non
  21. 21. Strategia Mobile - App Nativa
  22. 22. Strategia Mobile - App Cross-Platform
  23. 23. Strategia Mobile - Cosa scelgo?
  24. 24. NativeScript vs Ionic
  25. 25. NativeScript vs Ionic
  26. 26. NativeScript Overview
  27. 27. NativeScript: Come funziona
  28. 28. NativeScript Setup
  29. 29. Ionic Overview
  30. 30. Ionic Setup
  31. 31. DEMO Creare App Mobile con NativeScript e Ionic
  32. 32. Ionic oltre Cordova: Capacitor
  33. 33. Nativescript shared code
  34. 34. Nativescript shared code
  35. 35. DEMO NativeScript Shared Code
  36. 36. Realizzare applicazioni Desktop con Electron e Angular Michele Aponte CEO/CTO Blexin Srl michele.aponte@blexin.com @apomic80
  37. 37. Che cos’è Electron
  38. 38. Che cos’è Electron
  39. 39. Che cos’è Electron - API - Accesso al File System - Notifiche - Creazione di finestre - Connettività di rete - Informazioni sulla batteria - Menu nativi - … tanto altro …
  40. 40. DEMO Creare Applicazioni Desktop con Electron e Angular

×