01. Introduction

-

Introduction

Angular යනු client side single page web applications develop කරන්න Google සහ Microsoft සමාගම් විසින් හදුන්වා දෙන ලද framework  එකකි (Part of the view refresh asynchronously, not reload entire page). එහිදී AngulerJS  ලෙස මුල්ම version එක 2010 වසරේ හදුන්වා  දෙනු  ලබූ  අතර  (Angular 1.0 is known as AngularJS) අතර  2016 දී  දෙවන version  එක ලෙස Angular 2 හදුන්වා  දෙන ලදී.මේ  වන විට  AngularJS (Angular version 1),Angular version 2,3,4,5,6,7 ... ලෙස version  කිහිපයක්ම release කර ඇත .

In the single page application (SPA)

SPA  වල්දී  user යම් event  එකක් ඇතිකලම (click  on  a button, click on a  link ) server  එකෙන්  entire html page  එකක්ම ගේන්නේ නැතිව,user ගේ event  එකට  අදාල data ටික විතරක් ගෙනල්ලා dynamicallyව page rewrite කරනවා .මේක Angular app speed වෙන්න එක හේතුවක් වෙනව (Part of the view refresh asynchronously, not reload entire page).

 

AngularJS සහ Angular (v2, v3, v4, v5, v6, v7, ..) අතර වෙනස්කම්.

 

AngularJS

  1. Angular1.0.
  2. JavaScript-based front-end web framework.
  3. Doesn’t support dynamic loading of the page.
  4. AngularJS is a simple JavaScript file which is used with HTML pages and doesn't support with server side
  5. programming languages.
  6. AngularJS uses the concept of scope or controller.

 

 

Angular

  1. Version beyond 2+.
  2. Typescript-based full-stack web application framework.
  3. Supports dynamic loading of the page.
  4. Angular uses of Microsoft's Typescript language, which provides Class-based Object Oriented Programming,
  5. Static Typing, Generics etc. So , support with server-side programming languages.
  6. Instead of scope and controller, Angular uses hierarchy of components as its primary architectural characteristic.

 

Using Angular,

Angular බාවිතා කරමින් desktop applications, mobile applications වගේම web application develop කරන්න පුලුඑවන්. 

  1. Desktop applications: Angular facilitates you to create desktop installed apps on different types of operating systems i.e. Windows, Mac or Linux by using the same Angular methods which we use for creating web and native apps.
  2. Native applications: you can build native apps by using Angular with strategies from Cordova, Ionic, or Native Script.
  3. Progressive web applications: Progressive web applications are the most common apps which are built with Angular. Angular provides modern web platform capabilities to deliver high performance, offline, and zero-step installation apps.

Full Stack Development

Angular is a complete framework of JavaScript. It provides Testing, animation and Accessibility. It provides full stack development along with Node.js, Express.js, and MongoDB.

  1. Testing: Angular provides Karma and Jasmine for unit testing. B y using it, you can check your broken things every time you save. Karma is a JavaScript test runner tool created by Angular team. Jasmine is the testing framework form unit testing in Angular apps, and Karma provides helpful tools that make it easier to us to call our Jasmine tests whilst we are writing code.
  2. Animation Support: Angular facilitates you to create high-performance, complex choreographies and animation timelines with very little code through Angular's intuitive API.
  3. Accessibility: In Angular, you can create accessible applications with ARIA-enabled components, developer guides, and built-in a11y test infrastructure.

 

Comments

Post a Comment

Popular posts from this blog

02. Spring – Creating spring project clone it with GIT step by step.

-
Image
  Creating spring project clone it with GIT step by step. 01. Create an empty GIT repository and select a repository name. 02.   Check to add README.md and technology to add it inside the gitignire file0- it will include all the generated class when we complete the application. 03.      Copy the github repository URL. 04 . Open eclipse and go to,             Window – Show View – Other - Type git on the folder and select git repositories. 05.   Now clone this repository at your desired location in which we are going to keep the project specific file . a)         a)  Step One.             b)  Step  Two .          c)    Step Three. Both projects are generated as bellows           d) Step Four  Open the gitingnore file and ignore the target folder of the project. All the class files which are generate with compile the code are store in target folder. Class file can be generated. Because of that we don’t commit that folder to git.           e) Step Five Open window – preference – filter fo
Read more

02.What is MicroService?

-
Image
What is MicroService? MicroService යනු තනි application එකක් (Monolithic Application එකක්), එකිනෙක communicate කරගන පුළුවන් වෙන වෙනම deploy වන කුඩා කුඩා independent services වලට කැඩීමයි. Simply it is new way to develop application rather than traditional monolithic application. Companies which are using microservice.   Features of MicroService Architecture Small focused – main aim of microservice is simplicity.it can be rewrite in maintained without extra effort. Loosely coupled – development as well as deployment is quick. Language Neutral – few services can be Java, few is c# few can be python.it can be use depend on the service. Bounded Context – each microservice does not need to understand the implementation of the other microservice.
Read more

06.Mongo DB - Query part 2 (Aggregation)

-
Image
    Project can be download from         https://github.com/LahiruPriyankara/SpringBootAppTwo-MongoDB MongoDB Aggregation This groups values from multiple documents together and can perform variety of operations on that grouped data.it is going to return single result after the aggregation. Stages In Aggregation: Those operation are used in group of documents ( Used inside aggregation stages).  Unary Operation -  Unary operator perform operation for each documents. Type - Given the type of the filed. In the SQL we query select count and in the bracket Astrix this count for aggregation. It return the number of rows. This is same in mongoDB. db . employee . aggregate ([ { $group : { _id : "$gender" , genderCount : { $sum : 1 } } } ]) // $sum: 1 :1 - true db . employee . aggregate ([ { $group : { _id : "$gender" , maxAge : { $max : "$age" } } } ]) Bellow example is from  https://docs.mongodb.com/manual/aggregation/ Single Purpose Aggregation
Read more