Introduction to Angular JS

Hello! I hope you had a good day and an awesome week. 😊

In this post, I thought of giving you an idea what AngularJS is. Before getting to know what AngularJS is, you need to know what a single page application is.

 A single page application(SPA) is a web application or a web site which loads only a single web page and dynamically update that page as per user’s interaction. The goal of SPAs is to provide a user experience similar to that of a desktop application. SPAs use AJAX and HTML to create responsive web pages without constant page reloads. This means most of the work is done in the client side or front-end. Client having a dynamic communication with the server is a must in SPAs. Let’s see some features of SPAs,
  •           Appropriate content is dynamically added to the webpage.
  •           Use of AJAX for client server communication.
  •           Use of sockets for bidirectional communication.

As usual with the introduction of SPAs some complications occurred. One such concern is crawlers being unable to crawl through SPAs. A web crawler or more commonly known as a crawler (sometimes called as a spider) is a program which access websites and reads their information in order to create entries for a search engine index. As a solution, isomorphic approach is used. Isomorphic approach is using one set of codes, usually JavaScript or Node.js to render both front-end and back-end. Apart from this, there are other concerns which arose due to SPAs.

Now let’s see what AngularJS is.

AngularJS is an open source structural framework for web applications. Its initial release was on 2010 and is maintained by Google. It is based on JavaScript and lets you use HTML as template language. It is used to develop front-end and ease the pressure of developing single page applications. Listed below are some features of Angular JS.
  • Supports Model-View-Controller(MVC) and Model-View-Viewmodel(MVVM) architectures.
  •  Has a clear separation of views, controllers, models and componen
  • Facilitate two-way data binding from view to model and model to view. This one of the strongest features of Angular JS.
  • Automatic Dependency Injection. Dependency Injection is technique where one object supplies dependencies of another object. This is another strong feature of Angular JS.

Let’s go through some important components of Angular JS.


Module

 A module is a basic container for all Angular JS elements or we can say it as a collection of services, controllers, filters, directives and configuration information. A module will bundle Angular JS components together. These bundles can be used again and again. angular.module given the name of the module is used to configure a module.


Controller

A controller will initiate and keep the state as well as define behaviors, which basically means that it is a JavaScript object which contains attributes and methods. ng-controller can be used to define a controller as well as to bind it to a view. For the second purpose, we can a use router as well. Dependencies can be injected into a controller and one such dependency is $scope which is injected to enable the two-way binding between the view and the controller. $scope object has a life span which is only limited to its controller.


Service

A service is a JavaScript function which is responsible to perform only a specific task. Services are automatically injected by Angular JS runtime once it’s created, added into the module and referenced.

This was a tiny introduction and Angular JS is much more than this.


I wish you all an amazing week ahead! Adios 😊

Comments

Post a Comment

Popular posts from this blog

Double Submit Cookies Pattern - Node.js

Image
Hello! I hope you had a good day and an awesome week. 😊 In this post, we are going to talk about how to prevent Cross-site Request Forgery (CSRF) using Double Submit Cookies Pattern and its Node.js implementation. If you are unaware of CSRF, I recommend you to read my previous post here as it is crucial to understand Double Submit Cookies Pattern. Prerequisites are the knowledge about cookies, CSRF and Synchronizer Token Pattern. As discussed earlier, there are some drawbacks of Synchronized Token Pattern, namely, The requirement of excessive storage space in the server due to the fact that all the CSRF tokens are stored. Useless if the server supports cross-domain AJAX requests. To overcome the aforementioned reasons and to prevent CSRF, Double Submit Cookies Pattern can be used . Double Submit Cookies Pattern Double Submit Cookies Pattern When Harry signs in to the bank’s website using his username and password, the bank’s server would create a ses...
Read more

Setting up the Environment with Node.js

Image
Hello! I hope you had a good day and an awesome week. 😊 As I promised on the previous post, in this one we’ll do some coding using Node.js. But before we jump into coding, we need to set up a proper environment. Setting up the Environment Before working with Node.js, it should be installed to your machine. So, to install, you can follow the link given below, https://nodejs.org/en/download/ There, select the setup according to the operating system of your machine. When installing go with the default options. After the installation, open command prompt and type ‘node --version’ as below, If the version is shown, Node.js is successfully installed to your machine. If not, it should be reinstalled. Let’s Code Let’s start small. First, we’ll see how to print something in the command prompt. A JavaScript file (a file with .js extension) should be created. Let’s call it ‘Hello.js’. This can be done using a simple text editor or using and IDE (Integra...
Read more

Synchronizer Token Pattern - Node.js

Image
Hello! I hope you had a good day and an awesome week. 😊 With the advancement of technology in information and communication sectors, millennials are electronics-filled, increasingly online and socially networked, which is exactly why everything can be done once you are connected to the internet. Doing online transactions have become so much easy making it is just a button click but, can we guarantee the safety of these transactions? Cross-site Request Forgery (CSRF) is a type of attack which targets such online transactions. You’ll need to have the knowledge of cookies as a prerequisite to fully understand CSRF. What is Cross-site Request Forgery? Cross-site Request Forgery (CSRF) is a malicious exploit of a website where unauthorized commands are sent from a user the website trusts, without this particular user’s knowledge. This is a vulnerability found in websites. Let’s see the below example to understand CSRF. Cross-site Request Frogery When Harry ...
Read more