SlideShare a Scribd company logo
DotNetSide
DotNetSide
Angular e ASP.NET Core:
un framework sul framework
Michele Aponte
CEO/CTO Blexin Srl
MVP Visual Studio and Development Technologies
@apomic80 – michele.aponte@blexin.com
www.tolist.net - github.com/apomic80
DotNetSide
L’evoluzione di Asp.Net
DotNetSide
L’evoluzione di Asp.Net
DotNetSide
L’evoluzione di Asp.Net
DotNetSide
L’evoluzione di Asp.Net
DotNetSide
L’evoluzione di Asp.Net
DotNetSide
Asp.Net Core
DotNetSide
Asp.Net Core
DotNetSide
Asp.Net Core
DotNetSide
LIBRARIES
INFRASTRUCTURE
.NET STANDARD
DotNetSide
.Net Core: cosa possiamo fare
DotNetSide
• Startup dell’applicazione più rapido
• Razor Pages
• Authentication semplificata
• SPA templates (Angular/React/React+Redux)
• Page e View compilation
• Performance (20% in più rispetto a 1.1)
Quali sono le novità della versione 2?
DotNetSide
• Installare .NET Core 2.0 da https://dot.net/core
• Installare una versione di Visual Studio da https://visualstudio.com
• Oppure Visual Studio Code da https://code.visualstudio.com
Come cominciare con ASP.NET Core 2.0
DotNetSide
DotNetSide
Intanto il web si è evoluto…
DotNetSide
DotNetSide
Creato da Brendan Eich in dieci giorni ...
DotNetSide
Innanzitutto impariamo a usarlo bene
DotNetSide
Semplifichiamoci la vita
DotNetSide
Perchè scegliere Typescript
DotNetSide
Come funziona Typescript
DotNetSide
Front end sostenibili: Angular
DotNetSide
Angular: Moduli
NgModule
DotNetSide
Angular: Componenti e Servizi
Main Component
Menu Component
Events Component
Event Component
Events Services
DotNetSide
Angular: Routing
Main Component
Events Speakers Menu Component
Events ComponentSpeakers Component
Events Speakers
DotNetSide
Demo
Realizzare il front-end con Angular
DotNetSide
Asp.Net Core e Angular insieme
• La compilazione di Angular genera dei file statici
• Possiamo ospitarli in un web site separato dalle API oppure nello stesso
website
• Avendo la CLI sia per Angular che per .Net Core possiamo automatizzare
l’integrazione con un task runner, ad esempio Gulp
DotNetSide
Asp.Net Core e Angular insieme
• La CLI di .Net Core fornisce template per l’utilizzo di vari framework di
front-end, tra cui Angular
• Possiamo usare il comando: dotnet new angular
• Il template utilizza il rendering server side, per risolvere ad esempio i
problemi legati alla SEO
DotNetSide
Demo
Angular e Asp.Net Core insieme
DotNetSide
Domande?
Non esistono domande stupide
DotNetSide
Grazie a tutti
Il codice sarà disponibile su github.com/apomic80
Per info: @apomic80 o michele.aponte@blexin.com

More Related Content

What's hot (20)

PDF
Building infrastructure as code with typescript and aws cdk
Andrea Valentini
 
PPTX
Introduzione ad ASP.NET Core
Andrea Dottor
 
PPTX
ASP.NET MVC: sfruttare la piattaforma al 100%
DomusDotNet
 
PPTX
Javascript task automation
Antonio Liccardi
 
PPTX
Del furia signalr-to-the-max
DotNetCampus
 
PPTX
APPSTUDIO: DA ZERO ALLO STORE IN 50 MINUTI!
DotNetCampus
 
PPTX
Sviluppo di soluzioni embedded moderne con .NET Micro Framework by Lorenzo Ma...
Codemotion
 
PDF
Enterprise Applications - Angular Day 2018
Paolo Galfione
 
PPTX
Slide typescript - net campus
DotNetCampus
 
PPTX
Cosa c'è di nuovo in asp.net core 2 0
Andrea Dottor
 
PDF
Xamarin.Forms Performance Tips & Tricks - Francesco Bonacci - Codemotion Rome...
Codemotion
 
PPTX
ASP.NET AND Azure Function
Luca Congiu
 
PPTX
Javascript task automation
DotNetCampus
 
PDF
[Alam aeki] Guida illustrata alla modellazione di un dominio con Event Sourci...
Andrea Balducci
 
PDF
Back to the Future: Migrare da WebForm ad ASP.NET Core gradualmente
Andrea Dottor
 
PPTX
Akka.net & Actor Model
Stefano Del Furia
 
PDF
Blazor ha vinto? Storie di casi reali
Andrea Dottor
 
PPTX
Windows azure - abbattere tempi e costi di sviluppo
Andrea Dottor
 
PDF
AWS CDK infrastructure is code
Enrico Pesce
 
PPTX
Mob01 mobile services e webapi
DotNetCampus
 
Building infrastructure as code with typescript and aws cdk
Andrea Valentini
 
Introduzione ad ASP.NET Core
Andrea Dottor
 
ASP.NET MVC: sfruttare la piattaforma al 100%
DomusDotNet
 
Javascript task automation
Antonio Liccardi
 
Del furia signalr-to-the-max
DotNetCampus
 
APPSTUDIO: DA ZERO ALLO STORE IN 50 MINUTI!
DotNetCampus
 
Sviluppo di soluzioni embedded moderne con .NET Micro Framework by Lorenzo Ma...
Codemotion
 
Enterprise Applications - Angular Day 2018
Paolo Galfione
 
Slide typescript - net campus
DotNetCampus
 
Cosa c'è di nuovo in asp.net core 2 0
Andrea Dottor
 
Xamarin.Forms Performance Tips & Tricks - Francesco Bonacci - Codemotion Rome...
Codemotion
 
ASP.NET AND Azure Function
Luca Congiu
 
Javascript task automation
DotNetCampus
 
[Alam aeki] Guida illustrata alla modellazione di un dominio con Event Sourci...
Andrea Balducci
 
Back to the Future: Migrare da WebForm ad ASP.NET Core gradualmente
Andrea Dottor
 
Akka.net & Actor Model
Stefano Del Furia
 
Blazor ha vinto? Storie di casi reali
Andrea Dottor
 
Windows azure - abbattere tempi e costi di sviluppo
Andrea Dottor
 
AWS CDK infrastructure is code
Enrico Pesce
 
Mob01 mobile services e webapi
DotNetCampus
 

Similar to Angular e asp.net core: un framework sul framework (20)

PDF
Meetup DotNetCode Settembre 2018 - ASP.NET Core 2.1
dotnetcode
 
PDF
Meetup DotNetCode A.I. Bot Framework and Azure Functions
dotnetcode
 
PPTX
ASP.NET 4.6 e ASP.NET 5...l'evoluzione del web
Andrea Dottor
 
PPTX
Meetup ASP.NET Core Angular
dotnetcode
 
PPTX
Meetup Fluent Design e Progressive Web App
dotnetcode
 
PPTX
Alessandro Forte - ASP.Net 4.0
Alessandro Forte
 
PPTX
Real world Visual Studio Code
Roberto Messora
 
PDF
Meetup Progressive Web App
dotnetcode
 
PPTX
2014.04.04 Sviluppare applicazioni web (completamente) on line con Visual Stu...
Marco Parenzan
 
PPTX
Works with ASP.NET Core on Linux and Mac
Emanuele Bartolesi
 
PDF
ASP.NET Core essentials
Andrea Saltarello
 
PPTX
Blazor with .net 5 - di Gerardo Greco
Giuneco S.r.l
 
ZIP
Introduzione a Ruby On Rails
Luca Mearelli
 
PPTX
Game matching with SignalR
Nicolò Carandini
 
PDF
Game matching with SignalR
Nicolò Carandini
 
PPTX
Webcast - Introduzione a Visual Studio Online
Davide Benvegnù
 
PDF
Microsoft Fast - Overview
Francesco Sciuti
 
PDF
Applicazioni HTML5 Superveloci - Salvatore Romeo
marcocasario
 
PPTX
Sharepoint 2010 JQuery
Decatec
 
PDF
REALIZZAZIONE DI UNA WEB PART PER L'ACCESSO A MOTORI DI BASI DI DATI RELAZIONALI
Stefano Cenizzi
 
Meetup DotNetCode Settembre 2018 - ASP.NET Core 2.1
dotnetcode
 
Meetup DotNetCode A.I. Bot Framework and Azure Functions
dotnetcode
 
ASP.NET 4.6 e ASP.NET 5...l'evoluzione del web
Andrea Dottor
 
Meetup ASP.NET Core Angular
dotnetcode
 
Meetup Fluent Design e Progressive Web App
dotnetcode
 
Alessandro Forte - ASP.Net 4.0
Alessandro Forte
 
Real world Visual Studio Code
Roberto Messora
 
Meetup Progressive Web App
dotnetcode
 
2014.04.04 Sviluppare applicazioni web (completamente) on line con Visual Stu...
Marco Parenzan
 
Works with ASP.NET Core on Linux and Mac
Emanuele Bartolesi
 
ASP.NET Core essentials
Andrea Saltarello
 
Blazor with .net 5 - di Gerardo Greco
Giuneco S.r.l
 
Introduzione a Ruby On Rails
Luca Mearelli
 
Game matching with SignalR
Nicolò Carandini
 
Game matching with SignalR
Nicolò Carandini
 
Webcast - Introduzione a Visual Studio Online
Davide Benvegnù
 
Microsoft Fast - Overview
Francesco Sciuti
 
Applicazioni HTML5 Superveloci - Salvatore Romeo
marcocasario
 
Sharepoint 2010 JQuery
Decatec
 
REALIZZAZIONE DI UNA WEB PART PER L'ACCESSO A MOTORI DI BASI DI DATI RELAZIONALI
Stefano Cenizzi
 
Ad

More from Michele Aponte (20)

PPTX
Frontend Development with Blazor
Michele Aponte
 
PPTX
Generazione dinamica della UI con Blazor WebAssembly
Michele Aponte
 
PPTX
La rivoluzione blazor
Michele Aponte
 
PPTX
Intelligenza artificiale nel mondo front-end - CodeGen2021
Michele Aponte
 
PPTX
Blazor Focus Week Bari
Michele Aponte
 
PPTX
DevDayNapoli - Blazor: Creare Single Page Application con .NET e WebAseembly
Michele Aponte
 
PPTX
DevDayBenevento - Blazor: Creare Single Page Application con .NET e WebAseembly
Michele Aponte
 
PPTX
Cognitive services in Business applications
Michele Aponte
 
PPTX
Angular in produzione: Best Practices e Performance Improvements
Michele Aponte
 
PPTX
Da Silverlight a angular senza toccare il backend: fatto!
Michele Aponte
 
PPTX
Realizzare applicazioni desktop con Electron e Angular
Michele Aponte
 
PPTX
Sviluppo web con asp.net core 2
Michele Aponte
 
PPTX
Un framework sul framework: generare una SPA dinamicamente in Angular
Michele Aponte
 
PPTX
Angular vsr React
Michele Aponte
 
PPTX
Angular 2 on stage
Michele Aponte
 
PPTX
Realizzare Single Page Application con Angular2
Michele Aponte
 
PPTX
Single Page Application con Angular 2
Michele Aponte
 
PPTX
Angular2 on stage
Michele Aponte
 
PPTX
Javascript senza paura con Typescript
Michele Aponte
 
PPTX
Working with http client rest apis and connection availability check
Michele Aponte
 
Frontend Development with Blazor
Michele Aponte
 
Generazione dinamica della UI con Blazor WebAssembly
Michele Aponte
 
La rivoluzione blazor
Michele Aponte
 
Intelligenza artificiale nel mondo front-end - CodeGen2021
Michele Aponte
 
Blazor Focus Week Bari
Michele Aponte
 
DevDayNapoli - Blazor: Creare Single Page Application con .NET e WebAseembly
Michele Aponte
 
DevDayBenevento - Blazor: Creare Single Page Application con .NET e WebAseembly
Michele Aponte
 
Cognitive services in Business applications
Michele Aponte
 
Angular in produzione: Best Practices e Performance Improvements
Michele Aponte
 
Da Silverlight a angular senza toccare il backend: fatto!
Michele Aponte
 
Realizzare applicazioni desktop con Electron e Angular
Michele Aponte
 
Sviluppo web con asp.net core 2
Michele Aponte
 
Un framework sul framework: generare una SPA dinamicamente in Angular
Michele Aponte
 
Angular vsr React
Michele Aponte
 
Angular 2 on stage
Michele Aponte
 
Realizzare Single Page Application con Angular2
Michele Aponte
 
Single Page Application con Angular 2
Michele Aponte
 
Angular2 on stage
Michele Aponte
 
Javascript senza paura con Typescript
Michele Aponte
 
Working with http client rest apis and connection availability check
Michele Aponte
 
Ad

Angular e asp.net core: un framework sul framework