Scenario-Driven Development (SDD) – a term I’d heard little about until my friend Justin Couto encouraged me to check out his team’s Angular Playground tool. SDD didn’t mean much to me when I first heard about it, but I decided to look into Angular Playground more and had one of those “light bulb” moments after I got it up and running. SDD was extremely cool….once I understood what it was all about! Angular Playground is a relatively new tool from the SoCreate team (and former team member Justin Schwartzenberger) that allows you to build and run Angular components in isolation (note […]
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. […]
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 […]
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
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 […]
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. […]
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!