{"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 decoding=\"async\" loading=\"lazy\" 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=\"(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":[],"categories":[4],"tags":[242,244,243,172,117],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is AngularJs ? - Creative Blog - Web Design - Graphic - Technology - SEO<\/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 ? - Creative Blog - Web Design - Graphic - Technology - SEO\" \/>\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=\"Creative Blog - Web Design - Graphic - Technology - SEO\" \/>\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\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin\" \/>\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\",\"@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\":2,\"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 ? - Creative Blog - Web Design - Graphic - Technology - SEO\",\"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\":\"Creative Blog - Web Design - Graphic - Technology - SEO\",\"description\":\"Creative articles for your inspiration in web, design, graphics, technology, photography, music, architecture, brand, culture, update and trends\",\"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\":\"Creative Blog - Web Design - Graphic - Technology - SEO\",\"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\":\"Creative Blog - Web Design - Graphic - Technology - SEO\"},\"image\":{\"@id\":\"https:\/\/www.kesato.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/86e1cbf9f09d1e5e3ba22fdf8b9c0da9\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/067fd3e204db9337d55a33c56f9cb7e8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/067fd3e204db9337d55a33c56f9cb7e8?s=96&d=mm&r=g\",\"caption\":\"Admin\"},\"url\":\"https:\/\/www.kesato.com\/blog\/author\/kesatomin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is AngularJs ? - Creative Blog - Web Design - Graphic - Technology - SEO","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 ? - Creative Blog - Web Design - Graphic - Technology - SEO","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":"Creative Blog - Web Design - Graphic - Technology - SEO","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","twitter_misc":{"Written by":"Admin","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","@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":2,"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 ? - Creative Blog - Web Design - Graphic - Technology - SEO","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":"Creative Blog - Web Design - Graphic - Technology - SEO","description":"Creative articles for your inspiration in web, design, graphics, technology, photography, music, architecture, brand, culture, update and trends","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":"Creative Blog - Web Design - Graphic - Technology - SEO","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":"Creative Blog - Web Design - Graphic - Technology - SEO"},"image":{"@id":"https:\/\/www.kesato.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/86e1cbf9f09d1e5e3ba22fdf8b9c0da9","name":"Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.kesato.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/067fd3e204db9337d55a33c56f9cb7e8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/067fd3e204db9337d55a33c56f9cb7e8?s=96&d=mm&r=g","caption":"Admin"},"url":"https:\/\/www.kesato.com\/blog\/author\/kesatomin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.kesato.com\/blog\/wp-json\/wp\/v2\/posts\/1676"}],"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}]}}