https://runenielsen.com/posts/Recent content in Posts on Homepage | Rune NielsenHugo -- gohugo.ioen-usMon, 17 Jul 2017 16:26:19 +0200https://runenielsen.com/posts/cache-busting-in-aspnetcore/Mon, 17 Jul 2017 16:26:19 +0200https://runenielsen.com/posts/cache-busting-in-aspnetcore/Caching static resources is a good way to improve the performance of your website. Instead of your server having to deliver each static resource on every request. The user’s browser caches the static resources the first time that they’re requested and received, and thereafter loads them from the cache on the following requests instead of requesting them from the server again. To implement static resource caching in ASP.NET Core you can read this blog post link.https://runenielsen.com/posts/https-in-aspnetcore-using-middleware/Mon, 10 Jul 2017 16:26:19 +0200https://runenielsen.com/posts/https-in-aspnetcore-using-middleware/HTTPS is now a common practice when hosting web applications. In this blog post, I will show you how to enforce SSL in an ASP.NET Core application using only middleware. The blog post will be based on an empty ASP.NET Core 1.1 application created using the empty template in Visual Studio 2017. The following dependencies will, therefore, be installed by default. <ItemGroup> <PackageReference Include="Microsoft.ApplicationInsights.AspNetCore" Version="2.0.0" /> <PackageReference Include="Microsoft.AspNetCore" Version="1.1.2" /> </ItemGroup> Setup To enforce SSL we need to get the following package.https://runenielsen.com/posts/setup-castle-windsor-in-umbraco/Mon, 03 Jul 2017 16:26:19 +0200https://runenielsen.com/posts/setup-castle-windsor-in-umbraco/The concept of an inversion of control container(IOC container) is widely used in software development today. If you’re new to IOC containers it can be an annoyance to get it setup correctly. The result being long hours spent with a lot of trial and error. In this blog post, I will show you have to integrate an IOC container with Umbraco CMS from start to end. Hopefully, giving you a great fundament to work on.https://runenielsen.com/posts/introduction-to-sass/Mon, 26 Jun 2017 16:26:19 +0200https://runenielsen.com/posts/introduction-to-sass/Sass is a superset of CSS. The word superset implies that Sass includes all the features of CSS, but also introduces a whole new range of features and concepts that developers can benefit from. In this blog post, I will go over some of the features that Sass brings and explain the benefit of using them. Preprocessing Sass is a transpiled language. A transpiled language is a language that is taken through a transpiler also called a source-to-source compiler.https://runenielsen.com/posts/visual-studio-snapshot-debugger/Mon, 19 Jun 2017 16:26:19 +0200https://runenielsen.com/posts/visual-studio-snapshot-debugger/We have all been there, a customer calls in a bug on the production environment. The first thing we do is that we go to the log files and see if we can find the error. Sadly the developer who wrote the code did not think that anything could go wrong so, so he decided not to spend the time creating a meaningful error message, after all, what could possibly go wrong?https://runenielsen.com/posts/async-await-in-javascript/Mon, 12 Jun 2017 16:26:19 +0200https://runenielsen.com/posts/async-await-in-javascript/Async/await is a way to handle asynchronous code in JavaScript. Before async/await the only options were to use callbacks and promises resulting in highly nested structures. The benefit of using async/await is that it creates a cleaner way to structure asynchronous code without having to rely on nested callbacks or confusing promise chains. To start using async/await the first step is to create a new function using the async prefix on the function declaration.https://runenielsen.com/posts/introduction-to-fetch-in-javascript/Mon, 05 Jun 2017 16:26:19 +0200https://runenielsen.com/posts/introduction-to-fetch-in-javascript/Instead of using the good old XMLHttp Request Object in JavaScript. ES6 introduces the concept of Fetch. Fetch provides a cleaner interface for retrieving resources from both internal, but also external sources. The interface will seem familiar to the XMLHttpRequest, but Fetch has both a more powerful and flexible feature set. Fetch in its simplest form is a method on the global object that takes in a string. The string should contain the path to the resource, that is to be retrieved.https://runenielsen.com/posts/generators-in-javascript/Mon, 29 May 2017 16:26:19 +0200https://runenielsen.com/posts/generators-in-javascript/A generator in JavaScript is a function that can be entered and exited that saves its current state across multiple re-enterings of the function. In this blog post, I will go over how to create a generator and how to use it. In the end of the post, I will show a use-case where a generator function can be applied. Creating a generator is simple. Create a function and append the ‘*’ symbol next to the function declaration.https://runenielsen.com/posts/promises-in-javascript/Mon, 22 May 2017 16:26:19 +0200https://runenielsen.com/posts/promises-in-javascript/In JavaScript, the most common way to retrieve data is by calling an API. Calling an API is in most cases done asynchronously to create the best user experience and making it possible to call multiple APIs at the same time. The standard way to call an API asynchronous is by using function callbacks. The problem with the function callback is that it is likely to introduce big nested callback chains that can be hard to debug and maintain.https://runenielsen.com/posts/array-methods-in-javascript/Mon, 15 May 2017 16:26:19 +0200https://runenielsen.com/posts/array-methods-in-javascript/Working with collections are a daily task, as a programmer. JavaScript uses the Array** type **as the main type of collection. In this blog post, I will go over the methods on the array that I find most useful. Hopefully, the introduction to the methods will increase your productivity, working with collections and increasing the readability and maintainability of your JavaScript code. Filter The filter() method creates a new array containing only the values, that pass the test of the function, passed as an argument to the filter method.https://runenielsen.com/posts/javascript-closure/Mon, 08 May 2017 16:26:19 +0200https://runenielsen.com/posts/javascript-closure/Closure in JavaScript is when a function is able to remember and access its lexical scope, even when that function is execution outside its lexical scope. In JavaScript when a function is nested inside of another function, the inner function has access to the outer function scope. The innermost function has access to all the parent scopes and therefore has closure over all of them. Because the inner function has closure over the parent functions, it is able to use the variables, even when the function has returned.https://runenielsen.com/posts/javascript-lexical-scope/Mon, 01 May 2017 16:26:19 +0200https://runenielsen.com/posts/javascript-lexical-scope/In this blog post, I will explain how the lexical scoping model is defined and how it is being used in JavaScript. I will go over how the lexical scope differs from the dynamic scoping model by using the example of the how the execution of a JavaScript program would look like if it was using the dynamic scoping model and after that showing how it is done in JavaScript using the lexical scoping model.https://runenielsen.com/posts/javascript-understanding-scope/Fri, 14 Apr 2017 16:26:19 +0200https://runenielsen.com/posts/javascript-understanding-scope/To efficiently program in javascript you will have to understand the principle of scope. The javascript scope is the set of variables you have access to, this goes for both objects and functions since in javascript functions and objects are also variables. To better understand scope we will have to look into how javascript is being executed. In javascript, there are three main actors in the execution, engine, compiler and scope.https://runenielsen.com/posts/ioc-container-service-lifetimes-in-aspnetcore/Sat, 01 Apr 2017 16:26:19 +0200https://runenielsen.com/posts/ioc-container-service-lifetimes-in-aspnetcore/ASP.NET Core is designed to support and leverage dependency injection and therefore comes with a built-in inversion of control container (IOC container). If you’re new to IOC containers you can read my introduction here link. When you’re building a web application it is important to be able to control the service lifetime of the registrations in your container. The reason is that some of your objects might require being instantiated on every request while another instance should be unique and should only be instantiated once in the application lifespan.https://runenielsen.com/posts/hoisting-in-javascript/Thu, 23 Mar 2017 16:26:19 +0200https://runenielsen.com/posts/hoisting-in-javascript/In JavaScript, a variable can be declared after it has been used. In other words, a variable can be used before it has been declared, this is called hoisting. The term hoisting cannot be found in the official JavaScript documents, but the term was invented as a general way of thinking about what happens in the compilation phase when variables and function declarations are “moved” to the top of their containing scope.https://runenielsen.com/posts/what-is-this-in-javascript/Thu, 23 Mar 2017 16:26:19 +0200https://runenielsen.com/posts/what-is-this-in-javascript/If you’re like me coming from a strictly typed language like Java or C#, you will most likely get confused very fast going into JavaScript using the ‘this’ keyword. In a language like C# ‘this’ always points to the containing class, so starting programming in JavaScript you might think that ‘this’ always points to the containing function. Sometimes you will find “this” actually pointing to the containing function, but other times you will find it pointing to the global object or even to something third.https://runenielsen.com/posts/webpack-2-handling-sass/Sat, 04 Mar 2017 16:26:19 +0200https://runenielsen.com/posts/webpack-2-handling-sass/In this post, I will introduce how to use Webpack 2 to work with Sass files using loaders to bundle, minify, transpile and automatically add vendors specific CSS to the final bundle. If you’re new to webpack you should read this post link which contains an introduction to webpack. To get started you should have a project with the following files. package.json { "name": "webpack-introduction", "version": "1.0.0", "description": "", "main": "index.https://runenielsen.com/posts/webpack-2-bundling-using-babel/Sun, 05 Feb 2017 16:26:19 +0200https://runenielsen.com/posts/webpack-2-bundling-using-babel/In my previous blog post, I introduced Webpack 2 and showed how to set up bundling for JavaScript link. In this blog post I will show you how to add loaders to Webpack, so you can transpile ES5 and beyond to JavaScript so you can get the benefits of the new syntax without having to worry about browser support. Project structure I’ve created a simple project with the following files:https://runenielsen.com/posts/webpack-2-bundling-javascript/Mon, 30 Jan 2017 16:26:19 +0200https://runenielsen.com/posts/webpack-2-bundling-javascript/JavaScript heavy websites are becoming more and more common. To reduce the number of HTTP requests and solve the problems with which order scripts should be loaded, tools like Webpack has emerged. In this post, I will show you how to setup Webpack 2 and use it to bundle JavaScript files. To follow the guide you should have node package manager installed and have a basic understanding of modules in JavaScript.https://runenielsen.com/posts/response-caching-in-aspnetcore/Tue, 17 Jan 2017 16:26:19 +0200https://runenielsen.com/posts/response-caching-in-aspnetcore/Using caching is an essential way to improve performance in your application. With ASP.NET Core you have to download and setup the associated middlewares. In this blog post, I will introduce you to response caching and show how to implement it in a web application. What is response caching Response caching is a way to add cache headers to an HTTP response. The cache headers tell the browser how long it should cache each response and thereby reduce the load on the server and provide faster response time to the users.https://runenielsen.com/posts/cookie-based-authentication-in-aspnetcore/Thu, 12 Jan 2017 16:26:19 +0200https://runenielsen.com/posts/cookie-based-authentication-in-aspnetcore/ASP.NET Core comes with a cookie middleware system that can be used without ASP.NET Core Identity. Cookie authentication lets you provide your own database and login implementation. Cookie authentication works by creating a user principal and serialize it into an encrypted cookie. Then on request ASP.NET validates the cookie and recreates the principal and assigns it to the HttpContext. This post will go over the implementation of cookie based authentication in ASP.https://runenielsen.com/posts/loading-documents-in-ravendb/Sun, 18 Sep 2016 16:26:19 +0200https://runenielsen.com/posts/loading-documents-in-ravendb/This blog post will address RavenDB. I will show how to retrieve and query documents and then review some technical details about the underlying framework which takes advantage of RavenDB. I will give a short introduction to the session object that is used to load the documents and how to override the default settings of RavenDB document store. If you’re new to RavenDB you can read my previous blog post, it is a short introduction to RavenDB.https://runenielsen.com/posts/routing-in-aspnet-core/Fri, 09 Sep 2016 16:26:19 +0200https://runenielsen.com/posts/routing-in-aspnet-core/ASP.NET Core is starting to be a good choice for new web projects. In this post, I will show you how to make a simple route in an empty ASP.NET Core application. Start by creating a new solution as shown below, so choose “Web” and pick the ASP.NET Core Web Application (.NET Framework). When your solution is ready, go to the project.json file, it is the file where all your project dependencies will be in.https://runenielsen.com/posts/entityframework-code-first/Tue, 06 Sep 2016 16:26:19 +0200https://runenielsen.com/posts/entityframework-code-first/In this blog post, I will talk about Entity Framework Code First. I expect that you have a basic understanding of Entity Framework, what it is, and how it works. I will talk about best practice and why we should use Entity Framework Code First. First, I will show an example of a code first implementation. Example I’ve created a clean ASP.NET MVC (4.61) solution with Entity Framework installed (6.1.3).https://runenielsen.com/posts/raven-db-an-introduction/Fri, 26 Aug 2016 16:26:19 +0200https://runenielsen.com/posts/raven-db-an-introduction/RavenDB is a good choice for .NET developers that want to use a document database. RavenDB comes with a great library for development in .NET with C#. The library can be downloaded with NuGet package manager. In this blog post, I will make a small introduction to document based database systems. I will talk about the benefits that RavenDB has over other database systems. In the last section of the blog, I will guide you through a simple console application using RavenDB, and talk about some of the overall concepts you need to know to start working with RavenDB.https://runenielsen.com/posts/using-gulp-with-aspnetcore-1-0/Mon, 01 Aug 2016 16:26:19 +0200https://runenielsen.com/posts/using-gulp-with-aspnetcore-1-0/With the release of ASP.NET Core 1.0, Microsoft encourages developers to use task runners like Gulp and Grunt. In this blog, I will go over the basic to get started setting up Gulp for an ASP.NET Core application. Quick introduction to Gulp Gulp is a task runner tool that is built on Node.js with the use of the JavaScript language. It is used for automating tasks such as minification, copying of JavaScript/CSS files, static images and so on.https://runenielsen.com/posts/creating-apis-in-asp-net-mvc/Sun, 10 Jul 2016 16:26:19 +0200https://runenielsen.com/posts/creating-apis-in-asp-net-mvc/In a modern day web application, we want to use APIs for creating responsive web applications. This is done by using async calls to the APIs and therefore reduce the number of postbacks to the server, making a better user experience and reducing the load on the web server. An example of using this principle is SPAs (Single Page Application). The principle behind SPAs is that all rendering is done on the client-side, so instead of the server being responsible for rendering, the clients browser is now responsible for that task.https://runenielsen.com/posts/view-models-in-asp-net-mvc/Sun, 03 Jul 2016 16:26:19 +0200https://runenielsen.com/posts/view-models-in-asp-net-mvc/In ASP.NET MVC best practice is to use view models. A view model in ASP.NET MVC is a simple class only containing the data, that you want to display on your view. A view model can contain all from static text to input values like an assortment of countries for a drop-down menu. Let’s say that we have an Employee class and it contains the following properties. using System; namespace ViewModelExample.https://runenielsen.com/posts/inversion-of-control-container/Sun, 26 Jun 2016 16:26:19 +0200https://runenielsen.com/posts/inversion-of-control-container/To get straight to the facts, we use an IoC container because it help us to decouple our classes and make our life easier when it comes to unit testing. An IoC container is in most cases a framework that will help you manage your classes/objects, this includes creation, destruction, managing the lifetime of the objects and dependencies. So the basic idea behind inversion of control is that, instead of making your application tightly coupled by letting your classes new up their dependencies, you instead pass in dependencies during class construction and the IoC container framework will take care of the creation of the object and not the classes themselves.https://runenielsen.com/posts/automapper-the-basics/Mon, 06 Jun 2016 16:26:19 +0200https://runenielsen.com/posts/automapper-the-basics/AutoMapper is a library for the .NET platform, which has the task of mapping an object to another. The usefulness comes when working with views or APIs where data must be presented or sent. In the provided cases, one uses view models for view rendering, or data transfer objects when working with APIs. The usefulness of a mapping framework lies in that you without it would end up with many manual mappings.