Display the weather using Angular 2 and .NET Core Web API

So far we’ve created a new Angular 2/.NET Core project, designed our first basic HelloWorld component and configured routing to go directly to it. But let’s say you want to do something more interesting (and useful), you want to get some data and show it using .NET Core Web API and Angular 2. We’ll take a look at how to …

Angular 2 and .NET Core – route directly to your components

Last time out we took a quick look at creating a simple HelloWorld component and displayed it on one of our existing web pages using its selector. Which rendered something like this… Using the helloworld selector you can now include this component anywhere you like in your app, it doesn’t matter how many times you use it. Anywhere you can …

8

Angular 2 and .NET Core – your first component

Now you’ve taken the quick route to getting an Angular 2 and .NET Core app up and running, what have you actually got? If you haven’t already, hit CTRL-F5 and take a quick look around the app. The home page tells you a little bit about the underlying technology used in the template whilst the other two pages show some …

11

Fast track your Angular 2 and .NET Core web app development

Modern front-end development is a mess of competing frameworks, task runners and build systems that may just have you running back to the safety of ASP.NET and Visual Studio before you’ve even begun. The slow road With Angular 1, you could take your existing ASP.NET web application, add a few script references and get on with adding some SPA goodness …

1

Not sure what to learn next?

Another day, another framework. Should you learn NET or .NET Core, Angular 2 or React, ASP.NET or ASP.NET Core? What about those underlying principles? How are your design patterns and SOLID principles? Decisions, decisions One thing you’re not short on is choice but choice has a nasty side effect, it can stop you choosing anything. Don’t let this stop you …

Start using Dependency Injection with ASP.NET Core

This is post 10 of 10 in the series “ASP.NET Core from scratch using the command line” ASP.NET Core ships with a built-in Dependency Injection Framework. DI frameworks give you a way to set up all your dependencies in one place. You can then use these dependencies anywhere in your web application. The common approach is to inject them via …

2

Build your .NET Core app using Yeoman

Creating new projects seems to have become awfully complicated in recent times.

Step in Yeoman, a scaffolding tool that uses generators to help you get a new project up and running quickly (using predefined templates).

9

Creating a new .NET Core web application, what are your options?

You want to jump on board the .NET Core train and you’re wondering how best to create your first project. Here are three ways to do just that. (for a bonus fourth way check out using Yeoman to create your .NET Core app) 1. Use the command line (dotnet new) Start off by downloading the .NET Core SDK for Windows. …