Overview of Angular Web Framework

Angular also referred as ‘Angular2’ or ‘Angular2+’. It is TypeScript based open source single page application (SPA), fully client-side framework. Angular is a product of google. Also, TypeScript is an open source programming language, product of Microsoft. A SPA is a web site that response to user dynamically without reloading the whole page from server. In a SPA, all required code of HTML, JS, and CSS – is retrieved with a single page load. JavaScript is much faster than having to reach out to a server for every page change and for every new piece of data need display. Therefore, this approach allows us to create web applications which look and feel like mobile applications, very fast. Yes, if need some data from server then it does the work at background, so the user does not miss image of reactive web application always. It works by changing DOM of HTML by JS during run time.

So more clearly can say that traditional server-side programming views where model and controller interact with server to produce new HTML views as need where, in Angular framework, controller and model states are supported fully in client-side. To use Angular must need knowledge of HTML and CSS. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges where it empowers developers to build applications that live on the web, mobile, or the desktop.

As CSS is style sheet so, it defines the way of presentation e. g. layouts, colors, fonts of html. A single CSS file can be included or shared into many HTML file to display as same outlook, or specific which element need to show as similar. So, it saves lots of time and reduce reproducing extra code and boosts production. World Wide Web Consortium (W3C) is a maintainer of CSS specifications. JS is a scripting language. VanilaJS means without any JS libraries. Beside HTML and CSS, JS is one of the primary technologies of the Web. JS is third layer cake of standard web technologies.

As all of the modern web supports JS and increasing job market so every web developer should learn JS nowadays. Actually, currently without JS knowledge you cannot be a web developer. NodeJS is open source JS based framework for server side. It supported cross-platform, and it build on Chrome’s V8 JS engine which uses non-blocking I/O model, an event-driven. So, it is light weight, efficient and as it is JS based so NodeJS popularity increasing nowadays. NPM packages helps to easily install all libraries of Node, they are open source. MongoDB is one of the most popular NoSQL databases in academic and business industries. It is one of the most commonly used NoSQL databases widely used in Node. js. MongoDB is an open source database that provides data structure of pairs of fields and values and provides an automatic scale, including high performance and high availability. MongoDB documents are like JSON objects. They are like JSON objects in which documents, arrays and arrays can have other documents in the values of the fields.

In many programming languages, the MongoDB document objectives are native data types. In addition, the costume combinations and arrays are reduced. Due to the dynamic nature of MongoDB, it is compatible with the polymorphism flow. Since it provides high data consistency, it supports integrated data models, which reduces the I / O activity in the database system. It also supports quick questions for indexes that may contain document keys and embedded matrices. MongoDB supports a rich question language, so it supports data aggregation and test search and geospatial issues. It also has a replica set feature that provides data redundancy and automatic default. MongoDB has a horizontal function that allows data distribution through cluster or machine through fragmentation.

Database warehouses records as BSON documents, where BSON is binary representation of JSON documents. There got many times group discussion with product owner (PO) and project team to be clear about the project and what developers need to do. Design chapter includes database and interface designing. Design part will be done before implementation of them. Database design is one of the hardest parts. DB has been normalized according to SQL and NoSQL approaches. Frontend should be more user friendly. Already have decided that MongoDB will be used for DB and front-end purpose will be used Angular, CSS, angular-material and JS libraries.