Angular

Angular Playground – Developing and Running Components in a Sandbox! 2

This entry was posted in Angular on by

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 […]

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

This entry was posted in Angular Node.js socket.io web sockets on by

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 […]

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

This entry was posted in .NET Angular ASP.NET Core Azure Cloud Docker Node.js TypeScript on by

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

“Containerizing” Angular with Docker

This entry was posted in Angular Azure Docker on by

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. […]

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

This entry was posted in .NET Angular ASP.NET Core ASP.NET Web API C# Containers Docker ECMASCript6 EF Code First Gulp javascript JSON Observables Pluralsight RxJS SPA Transpile TypeScript on by

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 16

This entry was posted in Angular es6 Framework javascript SPA TypeScript on by

  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). […]

Code with Dan Newsletter #2: Node.js, Microservices, Authentication, CSS and TypeScript/Angular

This entry was posted in Angular CSS javascript Node.js TypeScript on by

Edition #2 of the Code with Dan Web Development Newsletter is now out including a new video walk-through! Topics in this edition: Node.js API authentication Microservices with Node.js and Express D3 graphics and charting TypeScript and Angular projects to learn from A minimalistic CSS library (when you want something smaller than Bootstrap) Watch my video walk-through of the content covered in this newsletter here: Not subscribed to the newsletter yet? Sign-up below!

Code with Dan Web Newsletter #1: PWAs, VueJS/Angular/React, MSBuild, Docker

This entry was posted in Angular angularjs ASP.NET Core Docker Newsletter Node.js React VueJS on by

I’m rebooting the Code with Dan Newsletter but decided to keep it much more focused than before (less items in each edition). Here’s a quick video overview of the what I have planned as well as the first 5 items covered in edition #1 of the newsletter: Topics covered in this edition: A beginner’s guide to making Progressive Web Apps VueJS vs Angular vs ReactJS with Demos MSBuild in .NET Core (Video) Docker for .NET Developers Series Dan’s Flipboard Magazines (scroll to the bottom) Not subscribed to the newsletter? Sign-up below!

Angular, TypeScript and HTML Snippets for VS Code 10

This entry was posted in Angular and tagged angular HTML JavaScript TypeScript VS Code on by

I use VS Code a lot in my development projects and recently put together a set of Angular (v2 or higher) TypeScript and HTML snippets that can be used to enhance productivity when building Single Page Applications.  By typing the snippet prefix (which is “ag-”) in a TypeScript or HTML file you can quickly add the associated code into your file. Here’s a list of the supported snippets: Angular TypeScript Snippets ag-Bootstrap – Bootstrap snippet ag-AppModule – Create the root app module (@NgModule) snippet ag-AppFeatureModule – Angular app feature module (@NgModule) snippet ag-AppFeatureRoutingModule – Angular app feature routing module (@NgModule) snippet […]