Image for post
Image for post
Angular Workspace Setup

In this very first piece, I will show how to create an empty workspace using Angular CLI. Since there are many articles/tutorials available on how to setup Angular CLI, I am not covering that in this article. Assumption is you already have angular-cli version 10.x.x installed.

Git Clone

I will begin by cloning angular10-series repository which I have created as part of last article. Awesome, first time noticing, Github has changed default branch naming from master to main. In case you are interested to learn more about this renaming.

Create Branch

Now I am checking out to new a branch named part-1/workspace-setup out of main. …


Image for post
Image for post
Learn Angular Beginner to Advanced

I am starting a new series in Angular 10. It will be a project based series. Similar as last Angular 7/8 Series, I will create enterprise-level application which have mono-repo architecture using Angular CLI. This time I am planing to dedicate my vacation on this series and hope to complete. Stay tuned!

The main goal of this series is to learn and be an expert on Angular.

Some Preplanning

I will try to keep each part very small and precise. For each part I will create separate git branch and provide complete code reference. I will cover project architecture, coding best practices, naming conventions. …


The fourth piece in a series on creating enterprise-level applications

Image for post
Image for post

As part of the Angular 8 series, in this piece, I will add Angular Material to our project.

To do so, I will create a library named material, as we planned in Angular 7 Series Part 2: Creating a Custom Library, to keep the Angular Material module import separate.

Steps to Add Angular Material

1. Create a new branch

I add a new branch part-4/add-angular-material in the Angular 7 series repo with this command: git checkout -b part-4/add-angular-material.

2. Create Material library

As we’ve already upgraded our project to Angular 8, from now, if we create a new library, I will use the prefix @ng8 instead of @ng7.

To create the @ng8/material library, I will follow the steps explained in Angular 7 Series Part 2: Creating a Custom Library. Please read that article if you haven’t already. …


Image for post
Image for post
Angular 8 Upgrade

This will be the third article in the Angular 7 series that I started a few months ago. As Angular 8 is already out, in this part I will start with upgrading our project to the latest stable version.

Why Upgrade to Angular 8

It is very important for us to understand why we should keep upgrading to the latest version. Not just for Angular, but also for other dependency packages we use in our project.

Any open source community, especially Angular’s team, is quick and active on resolving issues and offering new features and functionalities. This is how technologies are evolving rapidly.

I can guaranty, if any of your major dependencies are behind on two or more major releases, you are at risk of losing active community support. One day you will find yourself in a state where you have to give up your codebase and rewrite the whole thing. …


The second piece in a series on creating enterprise-level applications which have mono-repo architecture using Angular CLI

Image for post
Image for post
angular library

In this piece, I will start from where I left in part one. So far, I have set up a workspace with mono-repo architecture using angular-cli. Then, within the workspace, I have created two applications: home and profile. If you did not go through part one yet, please visit Angular 7 Series Part-1: Create Enterprise Level Applications first. The source code link is also available.

Step 1: Library Naming Convention

When building an application, even if just for learning, exercise, or fun, still you should try to maintain good, meaningful naming conventions for variables, functions, classes, data models/interfaces, libraries, and any other things that you give a name. …


The first piece in a series on creating enterprise-level applications which have mono-repo architecture using Angular CLI

Image for post
Image for post

In this series, I will create enterprise-level applications which have mono-repo architecture using Angular CLI. In these applications, I will add angular components, services, pipes, routing, angular material, ngrx, PWA, custom libraries, SEO support, theming support, server-side rendering using angular universal, advanced oAuth and many other things with step-by-step instructions. Stay tuned!

The main goal of this series is to show, how we can best utilize available tools, schematics, and CLI to build an enterprise-level Angular application easily and quickly.

Prerequisites

To follow along with this piece, you will need to install Node.js version 10.x.x and angular-cli version 7.x.x

Step 1: Install Angular CLI

You need to install angular-cli globally in your machine. …


Image for post
Image for post
Share your story to the world!

Whether you want to be a true leader, make positive change and inspire others or if you want to sell yourself, your idea, your product or even if you want to be loved by other people regardless of what profession you are in, you must have a story to tell. I’m not talking about a fairy tale. This story must be true in a sense that you believe in it.

It doesn’t have to be supernatural or anything that will change the entire world. It doesn’t even have to be from your life. …

About

Shakil Khan

Software Engineer, Kaplan Test Prep

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store