{"id":4782,"date":"2014-08-15T07:00:24","date_gmt":"2014-08-15T15:00:24","guid":{"rendered":"http:\/\/formtek.com\/blog\/?p=4782"},"modified":"2014-07-03T16:29:47","modified_gmt":"2014-07-04T00:29:47","slug":"mobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks","status":"publish","type":"post","link":"https:\/\/formtek.com\/blog\/mobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks\/","title":{"rendered":"Mobile Programming: Famo.us + AngularJS, the Integration of Javascript Frameworks"},"content":{"rendered":"<p>HTML5 mobile apps have been slow to catch on &#8212; because they are slow. \u00a0There&#8217;s a huge overhead from having to live by browser and HTML rules. \u00a0Manipulating the DOM in the browser adds an unacceptable performance hit to any kind of HTML5 app that goes beyond the rendering of mostly static pages. \u00a0Famo.us is a new Javascript framework that uses a rendering technology called <a title=\"WebGL Browsers\" href=\"http:\/\/www.x3dom.org\/?page_id=9\" target=\"_blank\">WebGL, a technology that&#8217;s built into most modern browsers<\/a>. \u00a0But WebGL is new and in many browsers it&#8217;s often even turned off by default. \u00a0Famo.us takes full advantage of WebGL, and that enables it to perform the real-time rendering of detailed graphics.<\/p>\n<p>AngularJS was created and is maintained by Google. \u00a0It is an open-source application framework that makes building single-page applications easy. \u00a0It uses only HTML, CSS and Javascript and runs strictly on the client side.<\/p>\n<p>Famo.us was officially released in May 2014. \u00a0Shortly after the release of Famo.us,<a title=\"Famo.us-Angular integration\" href=\"https:\/\/github.com\/Famous\/famous-angular\" target=\"_blank\"> an integration between Famo.us and AngularJS<\/a> was <a title=\"Thomas street announcement of Famo.us and AngularJS integration\" href=\"http:\/\/thomasstreet.com\/blog\/famous-angular\/2014\/04\/28\/famous-angular.html\" target=\"_blank\">announced by Thomas Street<\/a>. \u00a0Together, AngularJS offers the benefits of data binding, MVS, templates and directives, while Famo.us provides a framework that supports high-performance rendering.<\/p>\n<p><a title=\"Kevin Benedict bio\" href=\"https:\/\/www.linkedin.com\/profile\/view?id=9487018&amp;authType=NAME_SEARCH&amp;authToken=lcLF&amp;locale=en_US&amp;srchid=16710601404431666087&amp;srchindex=1&amp;srchtotal=39&amp;trk=vsrp_people_res_name&amp;trkInfo=VSRPsearchId%3A16710601404431666087%2CVSRPtargetId%3A9487018%2CVSRPcmpt%3Aprimary\" target=\"_blank\">Kevin Benedict<\/a>, senior analyst at Cognizant Technology,\u00a0<a title=\"Famo.us-AngularJS integration\" href=\"http:\/\/www.sys-con.com\/node\/3111951\" target=\"_blank\">wrote that<\/a>\u00a0&#8220;Famo.us originally didn&#8217;t want to support Angular but now it has the largest activity because they listened to the community and are working on delivering what they wanted. Angular offers governance through its very DNA.&#8221;<\/p>\n<p><a title=\"Zach Brown bio\" href=\"https:\/\/www.linkedin.com\/pub\/zack-brown\/57\/1a0\/522\" target=\"_blank\">Zach Brown<\/a>, Partner of Thomas Street, <a title=\"Zach Brown on Thomas Street's Famous and AngularJS integration\" href=\"https:\/\/www.youtube.com\/watch?v=d69lhWTkGX4\" target=\"_blank\">said that<\/a> &#8220;what we&#8217;re very excited about is the declarative way that Famo.us-AngularJS lets you declare new views, as well as the data binding, the templating, and\u00a0the structure that you can leverage from Angular that allows you to create your app more easily.&#8221;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"lightsocial_container\"><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/digg.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/digg.png\" alt=\"Digg This\" title=\"Digg This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/reddit.png\" alt=\"Reddit This\" title=\"Reddit This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.stumbleupon.com\/submit?url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F&amp;title=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/stumbleupon.png\" alt=\"Stumble Now!\" title=\"Stumble Now!\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/buzz.yahoo.com\/buzz?targetUrl=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F&amp;headline=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/yahoo_buzz.png\" alt=\"Buzz This\" title=\"Buzz This\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.dzone.com\/links\/add.html?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dzone.png\" alt=\"Vote on DZone\" title=\"Vote on DZone\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.facebook.com\/sharer.php?t=&amp;u=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/facebook.png\" alt=\"Share on Facebook\" title=\"Share on Facebook\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/delicious.com\/save?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/delicious.png\" alt=\"Bookmark this on Delicious\" title=\"Bookmark this on Delicious\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.dotnetkicks.com\/kick\/?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dotnetkicks.png\" alt=\"Kick It on DotNetKicks.com\" title=\"Kick It on DotNetKicks.com\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/dotnetshoutout.com\/Submit?title=&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/dotnetshoutout.png\" alt=\"Shout it\" title=\"Shout it\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F&amp;title=&amp;summary=&amp;source=\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/linkedin.png\" alt=\"Share on LinkedIn\" title=\"Share on LinkedIn\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.technorati.com\/faves?add=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/technorati.png\" alt=\"Bookmark this on Technorati\" title=\"Bookmark this on Technorati\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/twitter.com\/home?status=Reading+https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/twitter.png\" alt=\"Post on Twitter\" title=\"Post on Twitter\" \/><\/a><\/div><div class=\"lightsocial_element\"><a class=\"lightsocial_a\" href=\"http:\/\/www.google.com\/buzz\/post?url=https%3A%2F%2Fformtek.com%2Fblog%2Fmobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks%2F\" target=\"_blank\"><img decoding=\"async\" class=\"lightsocial_img\" src=\"https:\/\/formtek.com\/blog\/wp-content\/plugins\/light-social\/google_buzz.png\" alt=\"Google Buzz (aka. Google Reader)\" title=\"Google Buzz (aka. Google Reader)\" \/><\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>HTML5 mobile apps have been slow to catch on &#8212; because they are slow. \u00a0There&#8217;s a huge overhead from having to live by browser and HTML rules. \u00a0Manipulating the DOM in the browser adds an unacceptable performance hit to any<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/formtek.com\/blog\/mobile-programming-famo-us-angularjs-the-integration-of-javascript-frameworks\/\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,36],"tags":[],"class_list":["post-4782","post","type-post","status-publish","format-standard","hentry","category-mobile","category-technology"],"_links":{"self":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/4782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/comments?post=4782"}],"version-history":[{"count":0,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/posts\/4782\/revisions"}],"wp:attachment":[{"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/media?parent=4782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/categories?post=4782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/formtek.com\/blog\/wp-json\/wp\/v2\/tags?post=4782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}