Understanding the Core Concepts of Angular 6

The Angular framework has become one of the most popular tools, around the world for the development of frontend applications. In addition to being very versatile (and very different from other libraries, such as React.js or Vue.js, which serve only one purpose), Angular is a complete framework and, with the new updates for Angular 6, we now have more resources available for creating amazing and fast web applications. In addition, the team behind Angular proposes two major updates annually.

Another strong point in favor of Angular is its inclusion of the Angular command-line interface (CLI) for creating web applications. This provides us with extra power; with a simple command in the Terminal, we can create our application's boilerplate code very quickly and easily. However, everything is not quite as sweet as we would like it to be, so we need to understand the basic concepts of Angular and know how to avoid some of the issues in our way. This is easily resolved by adopting a mental model of development, based on components and modules. In the following examples, we will carefully create the basic structure of a scalable and modular project.

In this chapter, we will cover the following topics:

• Angular 6 – smaller, faster, and easier
• Angular and the component method for developing modern web applications
• Installing the tools: Git, the Angular CLI, HTTP server, and VS Code plugins
• Creating a simple Angular app
• Simple deployment