Vicodein - Krystian Knapik o tym jak .NET Core wspomaga budowę nowoczesnych, wydajnych i świetnych pod względem User Experience aplikacji SPA. Także o tym co oferuje framework i dlaczego jest odpowiednim wyborem. Idzie nowe!

1. wprowadzenie
Krystian Knapik

2. • Czym jest .NET Core
• Czym jest SPA
• Development Experience
#happyprogramming
• Unboxing asp.net core spa templates

3. ".NET Core is a blazing fast, lightweight
and modular platform for creating web
applications and services that run on
Windows, Linux and Mac."

4. NOWY FRAMEWORK

5. LEKKI I WYDAJNY
https://www.ageofascent.com/2016/02/18/asp-net-core-exeeds-1-15-million-requests-12-6-gbps/

6. WIELOPLATFORMOWY | DEVELOPMENT | HOSTING

7. SZYBKO ROZWIJAJĄCY SIĘ

8. .NET CORE CLI (COMMAND LINE INTERFACE)

9. MODUŁOWOŚĆ | OPTYMALIZACJA BIBLIOTEK

10. WSPARCIE MICROSOFTU | DUŻO UŁATWIEŃ DLA
DEVELOPERÓW
• visual studio code
• visual studio comunity
• my visual studio | https://my.visualstudio.com/
• darmowe szkolenia | Microsoft Virtual Academy
• rosnaca dokumentacja
• niskie koszty
• zmiany w stukturze projektu
• otwarcie na node services

11. cmd
Install spa templates (cli)
dotnet new --install
Microsoft.AspNetCore.Spa
Templates::*
dotnet –help
Yaomen:
npm install -g yo generator-
aspnetcore-spa
yo aspnetcore-spa
Nowy project SPA z CLI
dotnet new angular
dotnet restore
npm install
dotnet run

12. A single-page application (SPA) is a web application or
web site that fits on a single web page with the goal of
providing a user experience similar to that of a desktop
application. In an SPA, either all necessary code – HTML,
JavaScript, and CSS – is retrieved with a single page load,
or the appropriate resources are dynamically loaded and
added to the page as necessary, usually in response to
user actions.

13. NOWOCZESNE
Aplikacja przeglądarkowe które bazują na jednej
stronie oferują podobne do desktopowych
aplikacji wrażenia.
WYDAJNE
Strona nie jest przeładowywana podczas
interakcji a większość operacji i zmian wynika z
pobierania i ładowania dynamicznie zawartości.
ROUTING
Mimo że przeładowania nie występują jesteśmy
w stanie nawigować i korzystać z historiI dzięki
użyciu HTML5 History API lub location hash.

15. • MVC
• WebAPI
• MVC == WebAPI
• Entity Framework Core
• Wbudowane DI
ZNAJOME BIBLIOTEKI | JEDEN FRAMEWORK

16. LEPSZA STRUKTURA PROJEKTU
USPRAWNIENIA USUNIĘTE
• ograniczenie roli web.config
• wwwroot dla: img, js,css,html
• .sln /.csproj i synchronizacja z
dyskiem
• nie potrzebny unload project
• pakiety pobierane w locie
• App_Start
• App_Data
• App_Themes
• Global.asax
• Content, Content/themes
• img, Scripts
• Bundle.config / BundleConfig.cs

17. • Microsoft.AspNetCore.SpaTemplates
• - Angular, Aurelia, React, React+Redux,
Knockout
• Microsoft.AspNetCore.SpaServices
• Microsoft.AspNetCore.NodeServices

18. ASP.NET MVC + JS SPA Framework + TypeScript + WebPack
+ + +
SKŁADOWE

19. Dotnet Core CLI in Action
Hot Module Replacement
Prerenderowanie po stronie servera
Uzycie NodeServices

21. Krystian Knapik
krystian.knapik@vimanet.com

22. Getting started link:
https://www.microsoft.com/net/core
Docs & guide
https://docs.microsoft.com/en-us/dotnet/articles/core/
https://www.microsoft.com/net/learn/architecture
My Visual studio
https://my.visualstudio.com/
Microsoft Virtual Academy
https://mva.microsoft.com/
https://en.wikipedia.org/wiki/Single-page_application
http://www.c-sharpcorner.com/article/spa-using-angular-2-asp-
net-core-1-1-and-entity-framework-core-part-one/
.NET Core 2.0
https://channel9.msdn.com/Events/Build/2017/C9L18?WT.mc_i
d=dlvr_twitter_ch9
Azure Portal - The Largest SPA in the World
https://channel9.msdn.com/Events/Visual-Studio/Visual-Studio-
Live-Redmond-2016/T15
Pluralsight
https://app.pluralsight.com/library/courses/asp-dot-net-core-
understanding/table-of-contents
https://app.pluralsight.com/library/courses/aspnet-core-build-
single-page-applications/table-of-contents