Typescript

Creating an Angular Dashboard Layout - Theming

Published on

In the previous post we put together our dashboard layout component containing our bare layout frame. Now we are going to be putting together a couple components to use with our framing. Hopefully by the end of this post, you’ll have a good idea of how we can swap out different styled navigation bars and side panels. A full screen demo of what we’re going to build  Prerequisites Install Node Install Angular CLI Creating an Angular Dashboard Layout - Framing OR Clone this github repository  Create a Shared Module Before we start creating our components, we are going to create a shared module.

Creating an Angular Dashboard Layout - Framing

Published on

If you ever search the for a dashboard layout you’ve probably come across fully themed out templates or a large library to construct your own dashboard but what if we only wanted just a simple structure where we could provide our own themed components. Something that wouldn’t required a large library import or excessively overriding css classes. Well, that’s what we’re going to build out next. A dashboard layout usually consists of a side panel with a navigation bar and a main content section.

Setting Up a Node & TypeScript Project - Setup DB & ORM

Published on

We have our base project setup with Express, but what about connecting to a databse? We could just use raw SQL queries and that might be a good option for some project. Or we could use an ORM. An ORM, or Object Relational Mapper, is a library/framework that allows for the bi-directional mapping of your OOP model classes to relational database tables. It basically abstracts away SQL querying and result set mapping to our TypeScript models into a library to simplify our data access layer.

Setting Up a Node & TypeScript Project - Setup Express

Published on

There are quite a few libraries/frameworks in the NodeJS world for building web applications. We’re going to take a look at one of the more popular ones, Express, and setup up our project to use Expresss with TypeScript. There is a plethora of ways to set up Express, but this is how I like to set it up.  Prerequisites Setting Up a Node & TypeScript Project - Initial Setup Setting Up a Node & TypeScript Project - Configure Jest Setting Up a Node & TypeScript Project - Configure Tooling OR Clone this github repository  Installing Our Dependencies Lets get started by setting up our project with Express.

Setting Up a Node & TypeScript Project - Configure Tooling

Published on

Something that I’ve noticed while working in the JavaScript ecosystem is the vast number of tools available to developers. Being a relatively new developer, this was very overwhelming at first. Fortunately, the majority of them are easy to setup and once you have them setup you won’t need to make changes to them frequently. Some of these tools allows for faster, more consistent development. With this next post we will be configuring some common tools used in Node/JavaScript development.

Setting Up a Node & TypeScript Project - Configure Jest

Published on

As many of you know unit testing is a very opinionated topic in software development. Most of my professional experience has been working on code bases where little to no unit testing was implemented. This can/has been a nightmare especially with semi-large, messy code bases. It becomes like a game of whack-a-mole where you change one thing and eight other things break (this is also partly due to not following DRY or SOLID principles).

Setting Up a Node & TypeScript Project - Initial Setup

Published on

This post is geared towards developers looking to start using TypeScript in their Node projects. Over this post and the subsequent posts we’ll be diving into setting up a Node project with Typescript from scratch. We’ll cover setting up a git reposotory, initializing the project with npm and tsc, setting up common tooling, configuring express, and accessing data from a database with TypeORM.  Prerequisites Install Node Install Git  Setting Up The Initial Project First we will setup/initialize our git repository.

Angular 8 Creating a Generic Crud Service

Published on

GITHUB: https://github.com/jmw5598/angular-generic-crud-service  If you come from a strongly type language background such as Java or C#, you’re probably familiar with the concept of Generics. In this post I’m going to explore using generics to created a reusable crud service in Angular. When creating a REST API there is generally a repetitive pattern in how paths to endpoints are created. For example we commonly use the same path as a base changing only the HTTP method to perform different operations.