Angular and beyond
Download as PPTX, PDF0 likes1,695 views
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.
Angular and beyond
- 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
- 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?
- 31. Ionic Overview
- 32. Ionic Setup
- 33. DEMO Creare App Mobile con NativeScript e Ionic
- 34. Ionic oltre Cordova: Capacitor
- 39. Realizzare applicazioni Desktop con Electron e Angular Michele Aponte CEO/CTO Blexin Srl michele.aponte@blexin.com @apomic80
- 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