angular

A 4-post collection

Workshop gets an update - JavaScript Services, Docker, Kubernetes and Helm!

If you've been to a conference around .NET in the last year or so, there's likely been workshop available from the .NET team. Jeff Fritz, Jon Galloway, Maria Naggaga, Damian Edwards and/or Daniel Roth and I have all presented in part some of the ConferencePlanner app. The workshop contains building an application from scratch in .NET Core using Razor Pages, Entity Framework, Web API. I spent some time over the last week updating the workshop to add options for using the updated JavaScriptServices and Deployment options with Docker, Kubernetes, and Helm. Adding JavaScript Services Adding Angular SPA using JavaScript Services Some great improvements have been made to the JavaScript Services for using Angular and React, integrating each frameworks' CLI...


Exploring multi-stage Docker builds for Angular apps

Figuring out the best way to build and deploy any application regardless of the tech stack can be a sprint all in itself. So many questions to answer: What CI/CD pipeline do you use? Can't we just use the CLI? What about right-click-publish? Git Deploy? npm, yarn ? Docker, Kubernetes, Swarm, Containers...oh my!?!?! Yes or "it depends" is always the answer to these questions depending on the development shop you're working in. Docker, in version 1.17, introduced the concept of multi-stage builds which in short allows you to (in a single docker file) create images and utilize the output from one into the next to produce a final image and reduce the need for build scripts etc. See...


Angular 2: Application Settings using the CLI Environment Option

Application wide settings can be a long conversation when starting a new application. Here are just a few questions when some of my teams started this conversation: Do we use ENV variables? What about manual bootstrap? Configuration files? Should we get them from the server? Using angular-cli & environment.ts The new angular-cli have the concept of different environments like development (dev) and production (prod). When creating a new application with the cli ng my-app and /environments folder is a part of the scaffold which contains the environment files. . ├── environment.ts ├── environment.prod.ts . . and then within the /src/app folder is and environment.ts file. Here are the contents: export const environment = { production: false }; As you might imagine, the...


Angular 2 : Getting off the Starting Line

The Angular team created a quickstart repo over at https://github.com/angular/quickstart which is a great starter project template for basically a "Hello World" application. It provides: lite-server, which is a demo or local/development only server basic tests using karma typescript dependencies (tsconfig, typings) Getting started is included in the README, but it's simple # clone the repo git clone https://github.com/angular/quickstart <your app name> # change directory to your app name cd <your app name> # delete the .git file to remove the binding from the angular repo rm -rf .git Now the code is set for you to create your own repo, git init, commit etc. Running the quickstart First make...