Thursday 8 November 2018

මොනවද මේ angular කියන්නේ


angularjs කියන්නේ dynamic web pages සදහා තියන structural framework එකකට .මෙය java script based වුනු open source front end වෙබ් ඇප්ලිකේෂන් framework එකක් වන අතර ගූග්ලේ මගින් maintain කරයි.Angular ප්‍රධාන කොටස් 2කට බෙදේ.

1. Angularjs
2. Angular 1/2/3/4/5/6


Angularjs කියන්නේ structure base ,html වගේ tag use කරන framework එකක් .Angular 1/2/3/4/5/6 වල componenet base framework එකක්. angular වල package manage කරන්නේ Angular Command Line interface (CLI )හා NPM මගිනි .Angular වල 1st version එක release කරලා අවුරුදු කීපයකට පස්සේ, ඒ කියන්නේ අවුරුදු 4කට 5කට පස්සේ build වෙලා තිබුණු community එකත් එක්ක හැම තැනින්ම අහන්න ලැබුනේ ‘It is good to work with Angular’, ‘Angular works like a charm’ වගේ දේවල්. ඒ කාලේ Angular වල තිබුණු features වලට තිබුණු ඉහල ඉල්ලුමත් මේකට හේතුවක් වෙන්න ඇති.2016දි Angular 2 වල Alpha version එකක් release වෙනවා, මේ එක්කම web development field එකේ හැම තැනින්ම වගේ අදහස් එන්න පටන් ගන්නවා. මේ දෙක ගැනම මධ්‍යස්ථව වගේම Angular 2 වල features ගැන consider නොකරම Angular වල 1st version එක consider කරලා React හොඳයි කියන මතයකුත් දකින්න ලැබුණා.
  • Angular 2 වලදී Component-based structure එකක් භාවිත කරන්නේ. මේ නිසාවෙන් program එකේ modularity feature එක වැඩි වෙනවා වගේම readability, maintainability වැඩි වෙනවා.
  • Angular2 වලදී Typescript Based කරගෙන develop කරලා තියන නිසා ECMAScript standards based නිසා module landing වලට support කරනවා.
  • Testing, browser rendering, animation සහ accessibility ගැන සලකනකොට Angular2 වලදී සැලකිය යුතු performance improvement එකක් දකින්න පුළුවන්.
  • Angular2, cross-platform වලට support කරනවා වගේම Linux, Windows සහ Mac වල native OS APIs වලටත් support කරනවා.
  • Angular2 CLI එකෙන් application development process එක තවත් පහසු කරනවා වගේම best practices follow කරන්නත් උදව් වෙනවා

AngularJS Extends HTML

AngularJS extends HTML :  ng-directives.
ng-app directive defines  AngularJS application.
ng-model directive binds the value of HTML controls (input, select, textarea) to application data.
The ng-bind directive binds application data to the HTML view.

0 comments:

Post a Comment