Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Winter Codecamp – by
18:00-18:30 Attendee Registration (Cofee Time)
18:30-19:30
What new in ASP.NET MVC, 5 Visual Studio 2...
Setting up a SPA using Aurelia with
Typescript
inVisual Studio 2015
@MihaiCoros
mihai.coros@infiniswiss.com
http://www.inf...
Why Single Page Application
• More-native-app-like experience
• Responsiveness, enhanced user experience
• Offline process...
Why Aurelia
Cited from Rob Eisenberg, creator of Aurelia:
– more github stars and more gitter channel participants than An...
WhyTypeScript
• Static typing, classes and interfaces
• IntelliSense
• Suited for large JS code bases
http://www.typescrip...
How does all this go with ASP.NET 5 MVC 6
andVisual Studio 2015?
• GulpJS
– A streaming build system based on tasks
– Can ...
Demo
0. Clean MVC 6 template
1. Install Aurelia & dependencies
2. Add Aurelia application
3. AddTypeScript andTypeScript d...
7
Q & A
References
https://github.com/ktulufrozen/aureliaStart
https://github.com/ktulufrozen/weatherGulp
Winter Codecamp – by
18:00-18:30 Attendee Registration (Cofee Time)
18:30-19:30
What new in ASP.NET MVC, 5 Visual Studio 2...
Upcoming SlideShare
Loading in …5
×

Setting up a SPA using Aurelia with Typescript in Visual Studio, Mihai Coroș, ITCamp

1,053 views

Published on

In this session I will present how you can get started with developing a Single Page Application using Aurelia with Typescript and ASP.NET 5. We'll build a small application and do some Typescript debugging starting from how to set up the project in Visual Studio 2015 by installing the needed jspm packages and configuring automation tasks with Gulp.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Setting up a SPA using Aurelia with Typescript in Visual Studio, Mihai Coroș, ITCamp

  1. 1. Winter Codecamp – by 18:00-18:30 Attendee Registration (Cofee Time) 18:30-19:30 What new in ASP.NET MVC, 5 Visual Studio 2015 and Web Tooling Radu Vunvulea Do you like challenges? Then the next 60 minutes will be a challenge for all of us. We will take a look on the new features of ASP.NET MVC 5, Visual Studio 2015 and Azure WebApp from a web developer perpective (including Web Tooling, Code Maps, Code Lens and vNext). The focus will be on 3 key aspects: Why, Howand When. 19:30-19:45 Coffee Time and Socialization Time 19:45-20:45 Setting up a SPA using Aurelia with Typescript in Visual Studio Mihai Coroș In this session I will present how you can get started with developing a Single Page Application using Aurelia with Typescript and ASP.NET 5. We'll build a small application and do some Typescript debugging starting from how to set up the project in Visual Studio 2015 by installing the needed jspm packages and configuring automation tasks with Gulp. 20:45-21:15 Socialization Time
  2. 2. Setting up a SPA using Aurelia with Typescript inVisual Studio 2015 @MihaiCoros mihai.coros@infiniswiss.com http://www.infiniswiss.com 1
  3. 3. Why Single Page Application • More-native-app-like experience • Responsiveness, enhanced user experience • Offline processing, leveraging the client’s processing power 2
  4. 4. Why Aurelia Cited from Rob Eisenberg, creator of Aurelia: – more github stars and more gitter channel participants than Angular2 – Aurelia is a different type of framework which embraces web standards – With Aurelia, we work well with standards, web components and even other frameworks http://aurelia.io 3
  5. 5. WhyTypeScript • Static typing, classes and interfaces • IntelliSense • Suited for large JS code bases http://www.typescriptlang.org 4
  6. 6. How does all this go with ASP.NET 5 MVC 6 andVisual Studio 2015? • GulpJS – A streaming build system based on tasks – Can be used for image compression, minification, bundling, CI etc. • NPM • JSPM – Package manager for the SystemJS universal module loader • SystemJS – Loads ES6 modules,AMD, CommonJS and global scripts in the browser and NodeJS 5
  7. 7. Demo 0. Clean MVC 6 template 1. Install Aurelia & dependencies 2. Add Aurelia application 3. AddTypeScript andTypeScript definitions 4. AddTypeScript configuration 5. Aurelia bootstrap code 6. Add and configure Gulp tasks 7. Add a “Hello” feature 8. Bundle Aurelia 6
  8. 8. 7 Q & A References https://github.com/ktulufrozen/aureliaStart https://github.com/ktulufrozen/weatherGulp
  9. 9. Winter Codecamp – by 18:00-18:30 Attendee Registration (Cofee Time) 18:30-19:30 What new in ASP.NET MVC, 5 Visual Studio 2015 and Web Tooling Radu Vunvulea Do you like challenges? Then the next 60 minutes will be a challenge for all of us. We will take a look on the new features of ASP.NET MVC 5, Visual Studio 2015 and Azure WebApp from a web developer perpective (including Web Tooling, Code Maps, Code Lens and vNext). The focus will be on 3 key aspects: Why, Howand When. 19:30-19:45 Coffee Time and Socialization Time 19:45-20:45 Setting up a SPA using Aurelia with Typescript in Visual Studio Mihai Coroș In this session I will present how you can get started with developing a Single Page Application using Aurelia with Typescript and ASP.NET 5. We'll build a small application and do some Typescript debugging starting from how to set up the project in Visual Studio 2015 by installing the needed jspm packages and configuring automation tasks with Gulp. 20:45-21:15 Socialization Time

×