What Angular is?

Author: Dawid Adach

-

Before you begin

While reading this tutorial some of the things might be unclear or seem to be complex. That’s normal for beginners. Don't feel bad about that just follow the tutorial - most probably once you execute steps yourselves everything will become clear. If you will still have some questions - do not hesitate to ask using comments.

What Angular (actually) is?

Angular is a framework for building client applications in HTML,CSS and JavaScript/TypeScript.

In fact, TypeScript is definitely more common within the Angular environment. Why? I will explain that in further lessons. If you have never work or even heard of TypeScript before? Don't worry! That's tutorial is for you. I will explain to you what is it about using numerous examples and sample codes.

Angular & Typescript logos

Why do we need Angular?

Many people ask me - why do we need all those frameworks like Angular, Vue or React (which btw is not a "framework" but that will be subject of another tutorial). Is old plain JS or jQuery not sufficient?

I always answer Yes it is. Technically you can build almost any application using plain JS or libraries like jQuery, however, if you ever attempted to build a more complex application consisting of multiple modules and thousands line of code you probably already know that maintaining code is a nightmare. Very often our code is not reusable therefore we have to copy and paste very similar pieces of code multiple times.

As our application gets more complex, javascirpt code is getting harder to maintain. We need a way to structure our code. Another important part which we cannot forget is tests of our application. As project get bigger testing it becomes crucial for stability. That's why within recent years we frameworks like Vue or Angular has been created - to make developers life easier.

Benefits of using Angular:

Although summarizing all benefits of using Angular would probably take a few A4 pages, let me provide you summary of the best features. For now, you have to trust me but along the tutorial you will quickly find yourself that I was right:

  • Increases re usability of code
  • Provides structure to JavaScript
  • Makes application more testable
  • Gives our application a clean structure
  • Modular development
  • Two-way data-binding
  • Great for SPA (Single-Page Applications)

Next lesson

Spread the word:
Do you need help?: Use our support forum

About author

Dawid Adach
For more than 5 years Dawid worked as an IT Consultant specializing in SOA/EAI/ESB in the banking domain. He gained experience working in countries like Netherlands, Belgium, Poland and India developing enterprise-class systems for the most prestigious companies. Since co-founding mdbootstrap.com & brandflow.net in 2016 he has been using and teaching technologies such as Angular, TypeScript, PHP, AJAX, Mongo, SQL, Hadoop Stack, Virtualization, Automation and many others...