• Home
  • About me

DotNetSwede

A blog about .NET, C#, JavaScript and technology in general.

Angular 2

AngularJS to Angular Upgrade Paths

7th August 2017 by Jonathan Lindkvist Leave a Comment

Angular Logo

Thomson Reuters has a lot of code written in AngularJS, and they’ve researched different upgrade paths for AngularJS to Angular migration. They have a GitHub project where they showcase different upgrade paths along with code and explanations. This is an explanation of the different projects:

To summarize, we have a starting project (Fruit1X, for Angular 1.x), that uses older patterns (ControllerAs, Grunt, etc). The rest of the sample projects demonstrate how that application looks after conversion to the target pattern. Fruit15 (for Angular 1.5) shows the Fruit app converted to the AngularJS Component Pattern and implements newer tooling (Webpack, and npm delivery). Fruit20–15 (for Angular/AngularJS 1.5) shows the Hybrid Pattern, with application hosted in an Angular shell via ngUpgrade along with various build and test tools upgraded to modern equivalents. Lastly Fruit20 shows a full Angular rewrite of the project.

The quote above is from the blog post “An Upgrade Path to Angular at Thomson Reuters” from the Angular blog.

If you have AngularJS code that you’re hoping to migrate at some point, then take a look at their GitHub repository.

Posted in: JavaScript Tagged: Angular 2, Angular migration, AngularJS, TypeScript migration

Migrating to TypeScript

29th May 2017 by Jonathan Lindkvist Leave a Comment

I probably have around 10 or 20k lines of code written in regular ES5 JavaScript, and a lot of that is in AngularJS (= Angular 1.x). I started converting a couple of files to TypeScript a while back, and while I’m not going to migrate all of that code, I’ve still tried to learn more about JavaScript to TypeScript migration. My experience so far has been quite smooth. As other people have already written: Since JavaScript is valid TypeScript, then all you have to do to begin with, is basically to change the file ending from *.js to *.ts. Just changing the file endings and downloading type definitions really improves the editing experience by providing better IntelliSense suggestions.

I thought that I’d just write about three resources that I’ve found regarding JavaScript to TypeScript migration, and AngularJS to Angular 2.x migration.

Practical TypeScript Migration

This is a fairly short video course by Steve Ognibene, and it’s available here on Pluralsight. The course is not targeted at any particular framework, though the application that he’s converting during the course, was written using KnockoutJS.

Preparing for and Migrating Applications to Angular 2

A course by Joe Eames clocking in at 2 hours and 57 minutes in total. This course is about migrating from AngularJS (= 1.x) to Angular (2+). I’ve gone through the whole course, but I might actually re-watch it later on if I start considering doing a proper migration sometime in the future. The course can be found here on Pluralsight.

Angular docs about migration

The Angular team have an article on migrating from AngularJS to Angular, and it’s definately worth taking a look at that one if you’re going to pursue a migration.

Posted in: JavaScript, Learning Tagged: Angular 2, AngularJS, TypeScript, TypeScript and Angular 2, TypeScript migration

Building a Blog Using ASP.NET Core

30th May 2016 by Jonathan Lindkvist 4 Comments

I’ve been interested in writing my own blogging engine for a while, and it’s probably not that uncommon amongst developers. Anyway, I’m looking around for inspiration so that I don’t have to reinvent the wheel and start from zero. This blog post contains what I’ve found so far when it comes to building a blog using ASP.NET Core.

WilderBlog – An ASP.NET Core blog built by Shawn Wildermuth

This is the blog that Shawn is currently using himself on his own website. It’s built using Angular 2 and ASP.NET Core, as well as other technologies related to the new ASP.NET.

The source code is available here on GitHub:

https://github.com/shawnwildermuth/wilderblog

Shawn also wrote a blog post about the project:

https://wildermuth.com/2016/04/14/Welcome-to-the-New-Wildermuth-com

Naif.blog – An ASP.NET Core blog being built by Charles Nurse

Charles Nurse from DNN Corp (DotNetNuke) is building an ASP.NET Core blog. The blog is still a work in progress, but you can follow along on his blog, and on the project’s GitHub page.

The project’s GitHub page

https://github.com/cnurse/Naif.Blog

Naif.Blog – A new ASP.NET Core Blog

http://www.charlesnurse.com/Blog/Post/1586/Naif-Blog-A-new-ASP-NET-Core-Blog

Naif.Blog: 0. Setting the Stage

http://www.charlesnurse.com/Blog/Post/1587/Naif-Blog-0-Setting-the-Stage

Naif.Blog: 1. In ASP.NET Core Everything is Injected

http://www.charlesnurse.com/Blog/Post/1588/Naif-Blog-1-In-ASP-NET-Core-Everything-is-Injected

Naif.Blog: 2. Creating a WebAPI service to support the MetaWeblogAPI

http://www.charlesnurse.com/Blog/Post/1589/Naif-Blog-2-Creating-a-WebAPI-service-to-support-the-MetaWeblogAPI

Naif.Blog: 3. Adding Theming

http://www.charlesnurse.com/Blog/Post/1590/Naif-Blog-3-Adding-Theming

Naif.Blog: 4. View Components

http://www.charlesnurse.com/Blog/Post/1591/Naif-Blog-4-View-Components

Naif.Blog: 5. ASP.NET Core 1.0 RTM

http://www.charlesnurse.com/Blog/Post/1592/Naif-Blog-5-ASP-NET-Core-1-0-RTM

Piranha CMS – An ASP.NET MVC blog being rewritten for ASP.NET Core

Piranha CMS has been around for a while, and it was written in ASP.NET MVC. They are now doing a complete rewrite of Piranha CMS in order to create a cross platform version built using ASP.NET Core.

Piranha.Core on GitHub

https://github.com/PiranhaCMS/piranha.core

3 part series on building an ASP.NET MVC blog from scratch

So this one has been around for a while, and it’s for regular ASP.NET MVC. But, for those of you who are interested in building a blog in ASP.NET MVC (Core or not), then this 3 part series will probably be a wonderful resource.

How to create a simple blog using ASP.NET MVC – Part I

http://prideparrot.com/blog/archive/2012/12/how_to_create_a_simple_blog_part1

How to create a simple blog using ASP.NET MVC – Part II

http://prideparrot.com/blog/archive/2013/3/how_to_create_simple_blog_part2

How to create a simple blog using ASP.NET MVC – Part III

http://prideparrot.com/blog/archive/2013/6/how_to_create_simple_blog_part3

Writing a Blog Engine in ASP.NET Core

Tyler Rhodes has written a thorough tutorial about this subject on CodeProject.

https://www.codeproject.com/Articles/1178519/Writing-a-Blog-Engine-in-ASP-NET-Core

Orchard is being rewritten in ASP.NET Core

The open source and .NET based CMS Orchard, is also being rewritten in .NET Core/ASP.NET Core. Take a look at Orchard 2.0!

Posted in: ASP.NET Tagged: Angular 2, ASP.NET Core, ASP.NET Core and Angular 2, Blog Engine, Building a blog

Recent Posts

  • Listing the names of all SQL Server instances
  • Modular Monoliths
  • Clean Architecture
  • AngularJS to Angular Upgrade Paths
  • Web Scraping with C#

Recent Comments

  • Roy on Convert JSON and XML to POCOs Automatically
  • James David on A List of ASP.NET Based Content Management Systems
  • Dany Wehbe on Web Scraping with C#
  • rainadawan on Web Scraping with C#
  • Clean Architecture - How to Code .NET on Clean Architecture

Archives

  • April 2019
  • November 2018
  • January 2018
  • August 2017
  • July 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016

Categories

  • .NET
  • .NET News
  • Architecture
  • ASP.NET
  • Content Management Systems (CMS)
  • Fun
  • JavaScript
  • jQuery
  • Learning
  • Tools
  • Visual Studio
  • Webdesign

Meta

  • Log in
  • Entries RSS
  • Comments RSS
  • WordPress.org

Copyright © 2019 DotNetSwede.

Omega WordPress Theme by ThemeHall.