{"id":110,"date":"2014-03-26T08:00:00","date_gmt":"2014-03-26T08:00:00","guid":{"rendered":"http:\/\/localhost\/?p=110"},"modified":"2017-01-10T17:23:44","modified_gmt":"2017-01-10T17:23:44","slug":"ionic-framework-beta-released","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released","title":{"rendered":"Ionic Framework Beta Released!"},"content":{"rendered":"

If you’ve been following Ionic since we launched, or even reviewing our nightly commit log, you\u2019ll know just how hard we\u2019ve been working to continue to improve Ionic.<\/p>\n

In the short time since our Alpha release a few months ago, we\u2019ve seen some great apps being built, and have been amazed by the passion and excitement of our growing community. By the numbers, Ionic developers are creating over 220<\/strong> new apps every day, the repo<\/a> recently passed 4100<\/strong> stars, and traffic is growing week over week.<\/p>\n

With this momentum, we\u2019re so thrilled to take the framework into Beta and officially announce version 1.0.0-beta.1, \u201cIonic Actinium\u201d, and the release of our new docs<\/a>!<\/p>\n

<\/p>\n

The ever growing community of Ionites have been vital to Ionic\u2019s success, especially in helping to shape the API and battle test our nightly builds. There have been some significant changes since the Alpha version, but trust us that each breaking change has been made with the ultimate goal of making it easier to develop hybrid mobile apps.<\/p>\n

One of the largest changes is that the beta has stepped back from using multiple attributes in favor of simply adding child elements\/directives. For example, headers and footers no longer use the left-buttons<\/code> attribute to specify an array of buttons, but rather a nested element which is easier to control and integrate with Angular. This same method is being used for the back buttons within ion-nav-bar<\/code>, and the left and right side buttons for ion-view<\/code>.<\/p>\n

We\u2019ve also simplified applying styles with the class<\/code> attribute, rather than through custom attributes. Some of our directives used attributes like tabs-type="tabs-top"<\/code> and tabs-style="tabs-positive"<\/code>, but in the end all the attributes really did was apply a CSS class. We decided these were redundant, deviated from the CSS docs, and added unnecessary confusion. Removing them has cleaned up the code further by separating behavior from style.<\/p>\n

Additionally, controlling UI elements from within your app has never been easier. We’ve taken the delegate pattern from the alpha and expanded it, adding a delegate for every directive that needs control. Tabs and NavBar delegates have been added, along with more methods in all the delegates, allowing developers even finer control over how their app interacts with Ionic.<\/p>\n

The beta has also removed the requirement for the developer to manually tell the content to reposition itself if there is a header, footer, or tabbar present. Resultantly, the has-header<\/code>, has-footer<\/code>, and has-tabs<\/code> attributes have been removed. Ionic now will automatically reposition and resize the content depending on what surrounding widgets are present. If any old alpha code references these attributes or classnames they can be safely removed since they\u2019re no longer being used by the framework.<\/p>\n

For more information regarding the specifics of the beta release please visit our change log<\/a>, in addition to our migration guide<\/a>.<\/p>\n

Ionic has come a long ways, but we\u2019re not even close to being done. Currently our roadmap includes improving animations, keyboard fixes, adding support for huge virtual lists, Windows Phone 8 support, FirefoxOS support, awesome tooling, overall performance improvements and so much more.<\/p>\n

Again we\u2019d like to thank the community in helping us build a framework which makes building hybrid mobile apps incredibly easy and fun. You are the reason we get to do what we do every day, and we are so thankful for your passion and excitement for Ionic.<\/p>\n

Oh, and we are hiring! If you want to help shape the future of mobile development by making web technologies the best way to build mobile apps, come join our growing team<\/a>! We are looking for great frontend and backend developers to help take Ionic to the next level.<\/p>\n

<3,<\/p>\n

The Ionic Team<\/p>\n","protected":false},"excerpt":{"rendered":"

If you’ve been following Ionic since we launched, or even reviewing our nightly commit log, you\u2019ll know just how hard we\u2019ve been working to continue to improve Ionic. In the short time since our Alpha release a few months ago, we\u2019ve seen some great apps being built, and have been amazed by the passion and […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[3,5],"class_list":["post-110","post","type-post","status-publish","format-standard","hentry","category-all","tag-ionic","tag-open-source"],"acf":[],"yoast_head":"\nIonic Framework Beta Released! - Ionic Blog<\/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:\/\/ionic.io\/blog\/ionic-framework-beta-released\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic Framework Beta Released!\" \/>\n<meta property=\"og:description\" content=\"If you’ve been following Ionic since we launched, or even reviewing our nightly commit log, you\u2019ll know just how hard we\u2019ve been working to continue to improve Ionic. In the short time since our Alpha release a few months ago, we\u2019ve seen some great apps being built, and have been amazed by the passion and […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-26T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-10T17:23:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png\" \/>\n<meta name=\"author\" content=\"Adam Bradley\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@adamdbradley\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adam Bradley\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released\"},\"author\":{\"name\":\"Adam Bradley\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/92f90fb9d52e33d4241c5ac46477cd21\"},\"headline\":\"Ionic Framework Beta Released!\",\"datePublished\":\"2014-03-26T08:00:00+00:00\",\"dateModified\":\"2017-01-10T17:23:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released\"},\"wordCount\":615,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png\",\"keywords\":[\"Ionic\",\"Open Source\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released\",\"url\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released\",\"name\":\"Ionic Framework Beta Released! - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png\",\"datePublished\":\"2014-03-26T08:00:00+00:00\",\"dateModified\":\"2017-01-10T17:23:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#primaryimage\",\"url\":\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png\",\"contentUrl\":\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic Framework Beta Released!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/92f90fb9d52e33d4241c5ac46477cd21\",\"name\":\"Adam Bradley\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/adambradley-150x150.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/adambradley-150x150.jpg\",\"caption\":\"Adam Bradley\"},\"sameAs\":[\"http:\/\/twitter.com\/adamdbradley\",\"https:\/\/x.com\/adamdbradley\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/adam\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ionic Framework Beta Released! - Ionic Blog","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:\/\/ionic.io\/blog\/ionic-framework-beta-released","og_locale":"en_US","og_type":"article","og_title":"Ionic Framework Beta Released!","og_description":"If you’ve been following Ionic since we launched, or even reviewing our nightly commit log, you\u2019ll know just how hard we\u2019ve been working to continue to improve Ionic. In the short time since our Alpha release a few months ago, we\u2019ve seen some great apps being built, and have been amazed by the passion and […]","og_url":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released","og_site_name":"Ionic Blog","article_published_time":"2014-03-26T08:00:00+00:00","article_modified_time":"2017-01-10T17:23:44+00:00","og_image":[{"url":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png"}],"author":"Adam Bradley","twitter_card":"summary_large_image","twitter_creator":"@adamdbradley","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Adam Bradley","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released"},"author":{"name":"Adam Bradley","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/92f90fb9d52e33d4241c5ac46477cd21"},"headline":"Ionic Framework Beta Released!","datePublished":"2014-03-26T08:00:00+00:00","dateModified":"2017-01-10T17:23:44+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released"},"wordCount":615,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png","keywords":["Ionic","Open Source"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/ionic-framework-beta-released#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released","url":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released","name":"Ionic Framework Beta Released! - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png","datePublished":"2014-03-26T08:00:00+00:00","dateModified":"2017-01-10T17:23:44+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/ionic-framework-beta-released"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#primaryimage","url":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png","contentUrl":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/beta-header.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/ionic-framework-beta-released#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Ionic Framework Beta Released!"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/92f90fb9d52e33d4241c5ac46477cd21","name":"Adam Bradley","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/adambradley-150x150.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/adambradley-150x150.jpg","caption":"Adam Bradley"},"sameAs":["http:\/\/twitter.com\/adamdbradley","https:\/\/x.com\/adamdbradley"],"url":"https:\/\/ionic.io\/blog\/author\/adam"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/110\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}