Enterprise Applications - Angular Day 2018

P
Paolo GalfioneDirector-general
Enterprise applications
Gestire applicazioni di classe Enterprise con Angular 6 e Schematics
paolo.galfione@softwareuno.it
// angular-cli 6 : @angular/devkit
ORGANIZZAZIONE
EFFICIENZA
// Paolo galfione - Softwareuno ins
Founder - CEO
http://www.softwareuno.it
Paolo Galfione
paolo.galfione@softwareuno.it
Attiva dal 1992
40+ addetti
Team di sviluppo di 16 persone
https://twitter.com/paologalfione
// ENTERPRISE APPLICATION: che Cos’è?
// da «sanità» a DIGITAL HEALTH
// da «sanità» a DIGITAL HEALTH
// dossier socio-sanitario
// la nostra architettura
CORE
Tenant, Autentication, Auth, Organization Unit
Auth Nav Pic Dossier ? ?
Auth Nav Pic Dossier ? ?
Shell & common UXFRONT-END
BACK-END
Web Services RESTful
cv cv
cv cv
cv cv
// applications & libraries
APPLICATION
LIBRARIES
cv cv
cv cv
cv cv
SHELL
COMPONENTI
APPLICATIVI
COMPONENTI
CONDIVISI
// multi-repo Mono-repo
github.com/myaccount
repo: app1
APP1
version 1.0
APP2
version 1.5
LIB1
version 2.1
LIB2
version 1.18
LIB3
version 1.01
repo: app2
repo: lib1 repo: lib2 repo: lib3
github.com/myaccount
repo: monorepo – version 1.0
APP1 APP2
LIB1 LIB2 LIB3
WORKSPACE
// angular 6 workspace
// angular 6 generate
ng new workspace
// DEMO EA-ERP
https://github.com/paolo-galfione/eaad
// schematics
• Facile da usare e da sviluppare
• Estensibile e riusabile
• Atomico (Transazionale)
• Asincrono
// schematics - i pionieri
// concetti chiave – schematics e collection
• Schematics
• si intende un generatore, capace di eseguire una pipeline di azioni senza che vi siano side
effects sul file system esistente (è anche il nome della libreria nel suo insieme)
• Collection
• è una lista di schematics resi disponibili all’interno di un pacchetto (schematics project). Il
singolo generatore viene definito con un proprio nome all’interno della collections
// concetti chiave – tree
// concetti chiave – source
f
// concetti chiave – RULE
RULE
D O C
// concetti chiave – actions
C R O D
CREATE RENAME OVERWRITE DELETE
// concetti chiave – WORKFLOW
D O C
C O D
FILE SYSTEM INIZIALE SCHEMATICS – STAGING AREA COMMIT
SCHEMATICS A
// utilizzare schematics
npm install –g @angular/devkit/schematics-cli
schematics blank –name=adayschema
schematics schematics –name=adayschema
• Utilizzo di metadati per i nomi dei file __name@dasherize__
• Utilizzo di embedded JavaScript templating (http://ejs.co/) per la generazione del
codice (TS, HTML, CSS)
• Funzioni per la gestione delle convenzioni sui nomi:
• dasherize
• classify
• camelize
// utilizzare I templates
GRAZIE!
Gestire applicazioni di classe Enterprise con Angular 6 e Schematics
paolo.galfione@softwareuno.it
1 de 24

Recomendados

Introduzione a React Native - Alessandro Giannini por
Introduzione a React Native - Alessandro GianniniIntroduzione a React Native - Alessandro Giannini
Introduzione a React Native - Alessandro GianniniDeveler S.R.L.
1.3K vistas30 diapositivas
Angular and beyond por
Angular and beyondAngular and beyond
Angular and beyondMichele Aponte
1.7K vistas44 diapositivas
Open Day June 17th Creare componenti AngularJS riutilizzabili tra applicazioni por
Open Day June 17th Creare componenti AngularJS riutilizzabili tra applicazioniOpen Day June 17th Creare componenti AngularJS riutilizzabili tra applicazioni
Open Day June 17th Creare componenti AngularJS riutilizzabili tra applicazioniVendini-Italy
120 vistas36 diapositivas
Angular e asp.net core: un framework sul framework por
Angular e asp.net core: un framework sul frameworkAngular e asp.net core: un framework sul framework
Angular e asp.net core: un framework sul frameworkMichele Aponte
453 vistas31 diapositivas
Realizzare applicazioni desktop con Electron e Angular por
Realizzare applicazioni desktop con Electron e AngularRealizzare applicazioni desktop con Electron e Angular
Realizzare applicazioni desktop con Electron e AngularMichele Aponte
275 vistas10 diapositivas
What's new in Visual Studio 2019 por
What's new in Visual Studio 2019What's new in Visual Studio 2019
What's new in Visual Studio 2019Alessio Iafrate
117 vistas46 diapositivas

Más contenido relacionado

La actualidad más candente

Angular js o React? Spunti e idee per la scelta di un framework por
Angular js o React? Spunti e idee per la scelta di un frameworkAngular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un frameworkGiovanni Buffa
555 vistas45 diapositivas
05 OCA, da Oggi Contribuisco Anch'io! por
05 OCA, da Oggi Contribuisco Anch'io!05 OCA, da Oggi Contribuisco Anch'io!
05 OCA, da Oggi Contribuisco Anch'io!Associazione Odoo Italia
594 vistas24 diapositivas
Odoo days italy 2014 qweb por
Odoo days italy 2014   qwebOdoo days italy 2014   qweb
Odoo days italy 2014 qwebsimahawk
1.5K vistas19 diapositivas
Le novità di Visual Studio 2015 per lo sviluppatore ASP.NET por
Le novità di Visual Studio 2015 per lo sviluppatore ASP.NETLe novità di Visual Studio 2015 per lo sviluppatore ASP.NET
Le novità di Visual Studio 2015 per lo sviluppatore ASP.NETEmanuele Bartolesi
4.3K vistas11 diapositivas
Php for ASP.NET Developers por
Php for ASP.NET DevelopersPhp for ASP.NET Developers
Php for ASP.NET DevelopersEmanuele Bartolesi
4.2K vistas25 diapositivas
Creare App per Office 365 con ASP.NET MVC 5 por
Creare App per Office 365 con ASP.NET MVC 5Creare App per Office 365 con ASP.NET MVC 5
Creare App per Office 365 con ASP.NET MVC 5Emanuele Bartolesi
1.6K vistas24 diapositivas

La actualidad más candente(8)

Angular js o React? Spunti e idee per la scelta di un framework por Giovanni Buffa
Angular js o React? Spunti e idee per la scelta di un frameworkAngular js o React? Spunti e idee per la scelta di un framework
Angular js o React? Spunti e idee per la scelta di un framework
Giovanni Buffa555 vistas
Odoo days italy 2014 qweb por simahawk
Odoo days italy 2014   qwebOdoo days italy 2014   qweb
Odoo days italy 2014 qweb
simahawk1.5K vistas
Le novità di Visual Studio 2015 per lo sviluppatore ASP.NET por Emanuele Bartolesi
Le novità di Visual Studio 2015 per lo sviluppatore ASP.NETLe novità di Visual Studio 2015 per lo sviluppatore ASP.NET
Le novità di Visual Studio 2015 per lo sviluppatore ASP.NET
Emanuele Bartolesi4.3K vistas
Creare App per Office 365 con ASP.NET MVC 5 por Emanuele Bartolesi
Creare App per Office 365 con ASP.NET MVC 5Creare App per Office 365 con ASP.NET MVC 5
Creare App per Office 365 con ASP.NET MVC 5
Emanuele Bartolesi1.6K vistas
Crea servizi REST per la tua App con ASP.NET 5 por Andrea Dottor
Crea servizi REST per la tua App con ASP.NET 5Crea servizi REST per la tua App con ASP.NET 5
Crea servizi REST per la tua App con ASP.NET 5
Andrea Dottor679 vistas
Angular 4 - convertire o migrare un'applicazione Angularjs por Giovanni Buffa
Angular 4 -  convertire o migrare un'applicazione AngularjsAngular 4 -  convertire o migrare un'applicazione Angularjs
Angular 4 - convertire o migrare un'applicazione Angularjs
Giovanni Buffa533 vistas

Similar a Enterprise Applications - Angular Day 2018

Laravel Framework PHP por
Laravel Framework PHPLaravel Framework PHP
Laravel Framework PHPBeniamino Ferrari
621 vistas45 diapositivas
Come portare il profiler di symfony2 in drupal8 por
Come portare il profiler di symfony2 in drupal8Come portare il profiler di symfony2 in drupal8
Come portare il profiler di symfony2 in drupal8Luca Lusso
1K vistas41 diapositivas
Silex, iniziamo por
Silex, iniziamoSilex, iniziamo
Silex, iniziamoGianluca Arbezzano
1.2K vistas15 diapositivas
Sviluppare un plugin WordPress da zero - WordCamp Bologna 2018 por
Sviluppare un plugin WordPress da zero - WordCamp Bologna 2018Sviluppare un plugin WordPress da zero - WordCamp Bologna 2018
Sviluppare un plugin WordPress da zero - WordCamp Bologna 2018Marco Chiesi
103 vistas102 diapositivas
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ... por
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...DrupalDay
319 vistas49 diapositivas
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ... por
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...bmeme
354 vistas49 diapositivas

Similar a Enterprise Applications - Angular Day 2018(20)

Come portare il profiler di symfony2 in drupal8 por Luca Lusso
Come portare il profiler di symfony2 in drupal8Come portare il profiler di symfony2 in drupal8
Come portare il profiler di symfony2 in drupal8
Luca Lusso1K vistas
Sviluppare un plugin WordPress da zero - WordCamp Bologna 2018 por Marco Chiesi
Sviluppare un plugin WordPress da zero - WordCamp Bologna 2018Sviluppare un plugin WordPress da zero - WordCamp Bologna 2018
Sviluppare un plugin WordPress da zero - WordCamp Bologna 2018
Marco Chiesi103 vistas
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ... por DrupalDay
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...
DrupalDay319 vistas
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ... por bmeme
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...
La piattaforma web di CNA: Istanze Drupal replicabili integrate con Alfresco ...
bmeme354 vistas
Drupal por NaLUG
DrupalDrupal
Drupal
NaLUG38 vistas
Drupal - per chi vuole iniziare por Salvatore Paone
Drupal - per chi vuole iniziareDrupal - per chi vuole iniziare
Drupal - per chi vuole iniziare
Salvatore Paone3.3K vistas
Liferay - Quick Start 1° Episodio por Antonio Musarra
Liferay - Quick Start 1° EpisodioLiferay - Quick Start 1° Episodio
Liferay - Quick Start 1° Episodio
Antonio Musarra4.5K vistas
OCA: da Oggi Contribuisco Anch'io! por Alex Comba
OCA: da Oggi Contribuisco Anch'io!OCA: da Oggi Contribuisco Anch'io!
OCA: da Oggi Contribuisco Anch'io!
Alex Comba1.3K vistas
Drupal 10: un framework PHP di sviluppo Cloud Native moderno por sparkfabrik
Drupal 10: un framework PHP di sviluppo Cloud Native modernoDrupal 10: un framework PHP di sviluppo Cloud Native moderno
Drupal 10: un framework PHP di sviluppo Cloud Native moderno
sparkfabrik26 vistas
SPRING - MAVEN - REST API (ITA - Luglio 2017) por Valerio Radice
SPRING - MAVEN - REST API (ITA - Luglio 2017)SPRING - MAVEN - REST API (ITA - Luglio 2017)
SPRING - MAVEN - REST API (ITA - Luglio 2017)
Valerio Radice3.8K vistas
Django & Google App Engine: a value composition por Open Makers Italy
Django & Google App Engine: a value compositionDjango & Google App Engine: a value composition
Django & Google App Engine: a value composition
Open Makers Italy620 vistas
Modern web development with python and Web2py por Davide Marzioni
Modern web development with python and Web2pyModern web development with python and Web2py
Modern web development with python and Web2py
Davide Marzioni1.7K vistas
Sviluppo Code-driven e riusabilità del codice: CMI e Features per D8 por DrupalDay
Sviluppo Code-driven e riusabilità del codice: CMI e Features per D8Sviluppo Code-driven e riusabilità del codice: CMI e Features per D8
Sviluppo Code-driven e riusabilità del codice: CMI e Features per D8
DrupalDay235 vistas
Sviluppo Code-driven e riusabilità del codice: CMI e Features per D8 por bmeme
Sviluppo Code-driven e riusabilità del codice: CMI e Features per D8Sviluppo Code-driven e riusabilità del codice: CMI e Features per D8
Sviluppo Code-driven e riusabilità del codice: CMI e Features per D8
bmeme196 vistas
JAMP DAY 2010 - ROMA (1) por jampslide
JAMP DAY 2010 - ROMA (1)JAMP DAY 2010 - ROMA (1)
JAMP DAY 2010 - ROMA (1)
jampslide263 vistas
Flavio ATZENI - SMAU 2014 por Paradisi63
Flavio ATZENI - SMAU 2014Flavio ATZENI - SMAU 2014
Flavio ATZENI - SMAU 2014
Paradisi63309 vistas

Enterprise Applications - Angular Day 2018