{"id":1676,"date":"2015-03-10T06:20:51","date_gmt":"2015-03-10T06:20:51","guid":{"rendered":"https:\/\/blog.kesato.com\/?p=1676"},"modified":"2015-03-10T07:50:38","modified_gmt":"2015-03-10T07:50:38","slug":"what-is-angularjs","status":"publish","type":"post","link":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/","title":{"rendered":"What is AngularJs ?"},"content":{"rendered":"<p>AngularJs, you might have heard of it. AngularJS is a framework to create dynamic web. It allows you to make single-page web app, with less coding &#8211; something which other framework don\u2019t have. This framework was <!--more-->developed by Google and its programmer community in order to create more simplified client side framework. Initially, \u00a0AngularJs was written with java script language, released in 2009 and last released (1.3.14) February 24th 2015, very small file size just 930Kb development and 123 Kb production. You can visit their <a href=\"http:\/\/www.angularjs.org\" target=\"_blank\" rel=\"nofollow\">official site<\/a>.<\/p>\n<h2 style=\"font-size: small;\">Advantage of Angularjs<\/h2>\n<p>Typically, framework require programmer to separate file into separate MVC folder or component, then write some code to connect them again. This is a lot of work, hard and not very efficient. Angular splits app into MVC, but this framework will do the rest &#8211; manage and connect them. AngularJs use html5 to define user interface, less code and intuitive than old java script code. This allows programmer to bring more UI in written view. Determining execution of app also uses HTML which decide control each element. This framework do not require setter and getter like another framework, Angular use plain java script object POJO. Angular change HTML into rich element language, with custom HTML elements. More optimize HTML bring development into less code era.<\/p>\n<h2 style=\"font-size: small;\">How AngularJs Work<\/h2>\n<p><a href=\"https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2015\/03\/angular2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1678\" src=\"https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2015\/03\/angular2.png\" alt=\"What is AngularJs\" width=\"640\" height=\"400\" srcset=\"https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2015\/03\/angular2.png 640w, https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2015\/03\/angular2-300x187.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>Angular makes you build structured web app very easy and execute formula directly inside HTML page &#8211; they are like normal web page with little markup. First they start application, process and parses new markup element with compiler, after loaded they will transform and render DOM, it can\u00a0call\u00a0view.<\/p>\n<p>The most notable power of AngularJs is its two way data binding ability. That reduces data\u00a0amount\u00a0on\u00a0web server\u00a0and makes development faster. When input value is changed, expression value is also recalculated and DOM\u00a0automatically\u00a0updates their value.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>AngularJs, you might have heard of it. AngularJS is a framework to create dynamic web. It allows you to make single-page web app, with less coding &#8211; something which other framework don\u2019t have. This framework was<\/p>\n","protected":false},"author":1,"featured_media":1677,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[242,244,243,172,117],"class_list":["post-1676","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-angularjs","tag-framework","tag-html","tag-web-development","tag-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is AngularJs ? - Digital Agency Blog | Kesato<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is AngularJs ? - Digital Agency Blog | Kesato\" \/>\n<meta property=\"og:description\" content=\"AngularJs, you might have heard of it. AngularJS is a framework to create dynamic web. It allows you to make single-page web app, with less coding &#8211; something which other framework don\u2019t have. This framework was\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Agency Blog | Kesato\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-10T06:20:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-03-10T07:50:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2015\/03\/angular.png\" \/>\n\t<meta property=\"og:image:width\" content=\"753\" \/>\n\t<meta property=\"og:image:height\" content=\"220\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Admin Kesato\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin Kesato\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/\"},\"author\":{\"name\":\"Admin Kesato\",\"@id\":\"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/86e1cbf9f09d1e5e3ba22fdf8b9c0da9\"},\"headline\":\"What is AngularJs ?\",\"datePublished\":\"2015-03-10T06:20:51+00:00\",\"dateModified\":\"2015-03-10T07:50:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/\"},\"wordCount\":308,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.kesato.com\/blog\/#organization\"},\"keywords\":[\"AngularJs\",\"Framework\",\"HTML\",\"Web Development\",\"Website\"],\"articleSection\":[\"Web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/\",\"url\":\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/\",\"name\":\"What is AngularJs ? - Digital Agency Blog | Kesato\",\"isPartOf\":{\"@id\":\"https:\/\/www.kesato.com\/blog\/#website\"},\"datePublished\":\"2015-03-10T06:20:51+00:00\",\"dateModified\":\"2015-03-10T07:50:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kesato.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is AngularJs ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kesato.com\/blog\/#website\",\"url\":\"https:\/\/www.kesato.com\/blog\/\",\"name\":\"Digital Agency Blog | Kesato\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.kesato.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kesato.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.kesato.com\/blog\/#organization\",\"name\":\"Digital Agency Blog | Kesato\",\"url\":\"https:\/\/www.kesato.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.kesato.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2018\/10\/kesato-header-logo.png\",\"contentUrl\":\"https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2018\/10\/kesato-header-logo.png\",\"width\":155,\"height\":31,\"caption\":\"Digital Agency Blog | Kesato\"},\"image\":{\"@id\":\"https:\/\/www.kesato.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/86e1cbf9f09d1e5e3ba22fdf8b9c0da9\",\"name\":\"Admin Kesato\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c096b152326c0edd43839a7733591bcf9c64cc044d320af00176f6fdb748a757?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c096b152326c0edd43839a7733591bcf9c64cc044d320af00176f6fdb748a757?s=96&d=mm&r=g\",\"caption\":\"Admin Kesato\"},\"url\":\"https:\/\/www.kesato.com\/blog\/author\/kesatomin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is AngularJs ? - Digital Agency Blog | Kesato","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/","og_locale":"en_US","og_type":"article","og_title":"What is AngularJs ? - Digital Agency Blog | Kesato","og_description":"AngularJs, you might have heard of it. AngularJS is a framework to create dynamic web. It allows you to make single-page web app, with less coding &#8211; something which other framework don\u2019t have. This framework was","og_url":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/","og_site_name":"Digital Agency Blog | Kesato","article_published_time":"2015-03-10T06:20:51+00:00","article_modified_time":"2015-03-10T07:50:38+00:00","og_image":[{"width":753,"height":220,"url":"https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2015\/03\/angular.png","type":"image\/png"}],"author":"Admin Kesato","twitter_misc":{"Written by":"Admin Kesato","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/#article","isPartOf":{"@id":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/"},"author":{"name":"Admin Kesato","@id":"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/86e1cbf9f09d1e5e3ba22fdf8b9c0da9"},"headline":"What is AngularJs ?","datePublished":"2015-03-10T06:20:51+00:00","dateModified":"2015-03-10T07:50:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/"},"wordCount":308,"commentCount":0,"publisher":{"@id":"https:\/\/www.kesato.com\/blog\/#organization"},"keywords":["AngularJs","Framework","HTML","Web Development","Website"],"articleSection":["Web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/","url":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/","name":"What is AngularJs ? - Digital Agency Blog | Kesato","isPartOf":{"@id":"https:\/\/www.kesato.com\/blog\/#website"},"datePublished":"2015-03-10T06:20:51+00:00","dateModified":"2015-03-10T07:50:38+00:00","breadcrumb":{"@id":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.kesato.com\/blog\/web\/what-is-angularjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kesato.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is AngularJs ?"}]},{"@type":"WebSite","@id":"https:\/\/www.kesato.com\/blog\/#website","url":"https:\/\/www.kesato.com\/blog\/","name":"Digital Agency Blog | Kesato","description":"","publisher":{"@id":"https:\/\/www.kesato.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kesato.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.kesato.com\/blog\/#organization","name":"Digital Agency Blog | Kesato","url":"https:\/\/www.kesato.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.kesato.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2018\/10\/kesato-header-logo.png","contentUrl":"https:\/\/www.kesato.com\/blog\/wp-content\/uploads\/2018\/10\/kesato-header-logo.png","width":155,"height":31,"caption":"Digital Agency Blog | Kesato"},"image":{"@id":"https:\/\/www.kesato.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/86e1cbf9f09d1e5e3ba22fdf8b9c0da9","name":"Admin Kesato","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c096b152326c0edd43839a7733591bcf9c64cc044d320af00176f6fdb748a757?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c096b152326c0edd43839a7733591bcf9c64cc044d320af00176f6fdb748a757?s=96&d=mm&r=g","caption":"Admin Kesato"},"url":"https:\/\/www.kesato.com\/blog\/author\/kesatomin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/posts\/1676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/comments?post=1676"}],"version-history":[{"count":0,"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/posts\/1676\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/media\/1677"}],"wp:attachment":[{"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/media?parent=1676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/categories?post=1676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/tags?post=1676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}