Angularjs Tutorial- a step by step guide for beginners

2 min readAug 21, 2018

Introduction to AngularJs

AngularJS is an open-source Front-end JavaScript framework. Its goal is to augment browser-based applications with Model–View–Controller (MVC) capability and reduce the amount of JavaScript needed to make web applications functional. These type of apps are also known as Single-Page Applications.

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly.

AngularJS’s data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.

AngularJS is what HTML would have been, had it been designed for applications. HTML is a great declarative language for static documents. It does not contain much in the way of creating applications, and as a result building web applications is an exercise in what do I have to do to trick the browser into doing what I want?

Back in 2010, Google created Angularjs as a presentation framework targeting web browsers. The idea was to facilitate a way of submit data into a web-page without having to access the DOM directly.

Accessing the DOM directly was not practical and not an easy task, due to inconsistencies in web browser standards. The idea of Angularjs was to abstract that heavy work and make our lives (as programmers) a lot easier.

Then in 2016, Google redesigned AngularJs from scratch and now we have Angular (no js at the end). This is a totally different framework and the one going forward.