Node.js/Express Convention-Based Routes 2

I’ve always been a fan of convention-based routing so I converted a local route generation script I’ve been using with Node.js/Express applications into an npm package called express-convention-routes. The package can be used to automate the creation of Express routes based on a directory structure. What’s a convention-based Express route? It’s a route that is dynamically generated and associated with a “controller” function without having to explicitly code the route yourself (i.e. you don’t write code such as app.use(‘/foo’, router)). express-convention-routes creates routes automatically by parsing a convention-based folder structure such as the one below when the server first starts. […]


Pushing Real-Time Data to an Angular Service using Web Sockets

One of the questions I’ve been asked a lot lately in my Angular training classes, at conference workshops, and when working with different companies has been, “How can I push data to an Angular application from the server?”. Pushing data from the server to the client is useful when applications need to display real-time data or when they want to leverage the speed and low-latency benefits provided by TCP/IP Web Socket connections. My answer to this question (up to this point anyway) has been to provide a high-level discussion of how Web Sockets can be used to push data to an Angular […]


Tech 5 Tutorial: Getting Started with Docker

In this Tech 5 tutorial, I’ll walk you through the core concepts of Docker and how you can get started with Docker Community Edition, images, and containers. Getting Started with Docker View All Tech 5 Videos


Video: Interview from ng-conf on TypeScript, Angular, Docker and More

I had the chance to talk with This Dot Media at ng-conf 2017 about TypeScript, Angular, Docker and more. It was a fun discussion that covered a lot of material in 15 minutes. You can view the full interview below. This Dot Media Interview on TypeScript, Angular and Docker The talks mentioned in the interview can be viewed below: Diving into TypeScript Docker: What Every Developer Should Know


Tech 5 Tutorial: Getting Started with the Angular CLI

I’m starting a new tutorial series called “Tech 5” (think “Take 5″…but for tech) that features short, focused, approximately 5-minute videos. Here’s the first one which covers getting started with the Angular CLI. Getting Started with the Angular CLI


Docker Volumes and “print working directory” Command Syntax

I often use Docker to run an application in a container as I’m writing and testing code. That involves creating a volume that points the container to a path on my machine. The challenge with setting up volumes is that the “print working directory” command that is often used to easily identify the location of your source code on the host machine is different depending on what command terminal you’re using (especially on Windows). Here’s a quick summary that shows the syntax for “print working directory” in different command terminals when using volumes (if you’re new to volumes you can read […]


“Containerizing” Angular with Docker

I had the opportunity to speak at the AngularMix conference in Orlando about something that I think every developer should learn more about – containers. The talk was titled “Containerizing” Angular with Docker and discussed the following concepts as they relate to Angular applications: Application deployment over the years The need for containers How can Docker containers help? Creating a custom Docker image Moving containers to the cloud You can get to the content shown in the talk at http://codewithdan.me/angular-containers. The code that I demo in the talk can be found at the following links: https://github.com/DanWahlin/Angular-Docker-Microservices https://github.com/DanWahlin/Angular-In120 Check out the talk below. […]


Code with Dan Newsletter #3: AI and Web Components, Cosmos DB, CSS Grid, TypeScript Deep Dive

Edition #3 of the Code with Dan Web Development Newsletter is now out including a new video walk-through! Topics in this edition: Artificial Intelligence (AI) and Web Components MEAN Stack and Cosmos DB CSS Grid Deep Dive into TypeScript Import Cost VSCode Plugin React 16 and the rewrite process My new Pluralsight course! Watch my video walk-through of the content covered in this newsletter here: Not subscribed to the newsletter yet? Sign-up below!


New Pluralsight Course: Integrating Angular with ASP.NET Core RESTful Services

I’m excited to announce the release of my new course on Pluralsight titled Integrating Angular with ASP.NET Core RESTful Services! This course follows up my previous course which focused on Angular and Node.js. The code in this new class covers ASP.NET Core 2.0 or higher and Angular 4 or higher. As with my previous course, I’ll walk you through the process of using Angular to call into RESTful services and perform CRUD (Create, Read, Update and Delete) operations in an application to allow a user to view and modify data. However, in this course the services are built using C# and […]


5 Key Benefits of Angular and TypeScript 12

  Over the past few months, I’ve been asked the same general question about Angular multiple times in onsite training classes, while helping customers with their architecture, or when talking with company leaders about the direction web technologies are heading. Here’s the general question: “What are the key benefits that Angular and TypeScript can offer our development teams?” It’s a great question and one that should be asked before jumping into any new technology or framework. Most of the people asking are technology managers or directors interested in understanding the benefits that Angular can offer their teams (both technical and non-technical). […]