Il documento descrive un framework per generare dinamicamente applicazioni single-page (SPA) in Angular partendo da un backend .NET, evidenziando la personalizzabilità tramite plugin e la migrazione a .NET Core. Esamina l'importanza delle librerie di componenti Angular per il riutilizzo e la condivisione tra progetti, offrendo un approccio semplificato al test e alla creazione di nuovi componenti. Inoltre, discute le strategie per lo sviluppo di applicazioni mobili con NativeScript e Ionic, nonché la creazione di applicazioni desktop utilizzando Electron e Angular.

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

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

4. Il problema da risolvere

5. Inevitabilmente…

6. Librerie e Framework

7. Librerie e Framework
Semplicità

8. Librerie e Framework
Produttività e
manutenibilità

9. Andiamo sul sicuro: Angular e Typescript

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

11. Da dove siamo partiti?

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

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

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

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

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

17. DEMO
Da .NET e Angular con Raptor

19. Sviluppare applicazioni mobile
con Angular e Typescript:
NativeScript vs Ionic
Michele Aponte
CEO/CTO Blexin Srl
michele.aponte@blexin.com
@apomic80

20. Strategia Mobile - Perchè?

21. Strategia Mobile

22. Strategia Mobile – Website Responsive e non

23. Strategia Mobile - App Nativa

24. Strategia Mobile - App Cross-Platform

25. Strategia Mobile - Cosa scelgo?

26. NativeScript vs Ionic

27. NativeScript vs Ionic

28. NativeScript Overview

29. NativeScript: Come funziona

30. NativeScript Setup

31. Ionic Overview

32. Ionic Setup

33. DEMO
Creare App Mobile con NativeScript e Ionic

34. Ionic oltre Cordova: Capacitor

35. Nativescript shared code

36. Nativescript shared code

37. DEMO
NativeScript Shared Code

39. Realizzare applicazioni
Desktop con Electron e
Angular
Michele Aponte
CEO/CTO Blexin Srl
michele.aponte@blexin.com
@apomic80

40. Che cos’è Electron

41. Che cos’è Electron

42. Che cos’è Electron - API
- Accesso al File System
- Notifiche
- Creazione di finestre
- Connettività di rete
- Informazioni sulla batteria
- Menu nativi
- … tanto altro …

43. DEMO
Creare Applicazioni Desktop con Electron e Angular