{"id":13117,"date":"2015-03-03T05:09:45","date_gmt":"2015-03-02T18:09:45","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=13117"},"modified":"2020-04-26T09:52:32","modified_gmt":"2020-04-25T23:52:32","slug":"netbeans-apache-cordova-html5-mobile-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/netbeans-apache-cordova-html5-mobile-primer-tutorial\/","title":{"rendered":"NetBeans Apache Cordova HTML5 Mobile Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/NetBeans\/HTML5\/\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"NetBeans Apache Cordova HTML5 Mobile Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/NetBeans\/HTML5\/HTML5_NetBeans_Cordova.jpg\" title=\"NetBeans Apache Cordova HTML5 Mobile Primer Tutorial\"  \/><\/a><p class=\"wp-caption-text\">NetBeans Apache Cordova HTML5 Mobile Primer Tutorial<\/p><\/div>\n<p>Our tutorial today creates an <a target=_blank href='http:\/\/cordova.apache.org\/docs\/en\/edge\/guide_cli_index.md.html#The%20Command-line%20Interface' title='Apache Cordova API documentation'>Apache Cordova<\/a> HTML5 mobile application via the NetBeans IDE on a MacBook Pro.  It shares the need to have <a target=_blank title='node.js' href='http:\/\/nodejs.org'>node.js<\/a>, a \u201cplatform built on Chrome\u2019s JavaScript runtime for easily building fast, scalable network applications\u201d (to quote the website), as we saw, also, with  <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=6208' title='Mojito Primer Tutorial'>Mojito Primer Tutorial<\/a>.<\/p>\n<p>It&#8217;s amazing how many ways there are to create mobile applications now.  The Apache Cordova HTML5 Javascript idea has many similarities to PhoneGap and jQuery Mobile, which we first talked about with <a target=_blank title='PhoneGap iOS Mobile Xcode Primer Tutorial' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=2460'>PhoneGap iOS Mobile Xcode Primer Tutorial<\/a> and <a target=_blank title='jQuery Mobile Primer Tutorial' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=2444'>jQuery Mobile Primer Tutorial<\/a> respectively, in that they all use that HTML5\/Javascript core functionality.<\/p>\n<p>This approach to mobile application creation is a lot like a duck on a pond, with a lot going on underneath, by the NetBeans IDE, allowing you to concentrate on the HTML5 and Javascript to achieve the aims of your mobile application.<\/p>\n<p>This solution also makes use of the <a target=_blank href='http:\/\/git-scm.com\/' title='git client information'>git (client)<\/a> source control system (also known as GitHub), which is the source control system Xcode uses by default.<\/p>\n<p>Have a geek, or is that a gander, at some source code associated with today&#8217;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/NetBeans\/HTML5\/\" title=\"Click picture\">tutorial<\/a> &#8230; HTML, then Javascript, then CSS (styling) &#8230;<\/p>\n<ul>\n<li><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/NetBeans\/HTML5\/index.html_GETME\" title=\"index.html\">index.html<\/a><\/li>\n<li><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/NetBeans\/HTML5\/index.js_GETME\" title=\"index.js\">index.js<\/a><\/li>\n<li><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/NetBeans\/HTML5\/index.css_GETME\" title=\"index.css\">index.css<\/a><\/li>\n<\/ul>\n<p>With today&#8217;s simple application we allow the blog you are on be contained in an iframe of the mobile application &#8230; cute, huh? &#8230; woof (okay, Nala, dinner time).<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d13117' onclick='var dv=document.getElementById(\"d13117\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=NetBeans\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d13117' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Our tutorial today creates an Apache Cordova HTML5 mobile application via the NetBeans IDE on a MacBook Pro. It shares the need to have node.js, a \u201cplatform built on Chrome\u2019s JavaScript runtime for easily building fast, scalable network applications\u201d (to &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/netbeans-apache-cordova-html5-mobile-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[86,281,494,495,576,578,585,652,723,734,795,797,833,840,997,1144,1176,1319],"class_list":["post-13117","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-apache-cordova","tag-css","tag-git","tag-github","tag-html","tag-html5","tag-ide","tag-javascript","tag-mac","tag-macbook-pro","tag-mobile","tag-mobile-application","tag-netbeans","tag-node-js","tag-programming","tag-simulator","tag-source-control","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/13117"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=13117"}],"version-history":[{"count":1,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/13117\/revisions"}],"predecessor-version":[{"id":48818,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/13117\/revisions\/48818"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=13117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=13117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=13117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}