Published onIn 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.
Published onIf 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.
Published onWe 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.
Published onThere 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.
Published onAs 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).
Published onThis 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.
Published onGITHUB: 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.