{"id":4948,"date":"2013-11-10T05:02:03","date_gmt":"2013-11-09T18:02:03","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=4948"},"modified":"2016-02-08T17:06:58","modified_gmt":"2016-02-08T07:06:58","slug":"netbeans-htmljavascript-web-application-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/netbeans-htmljavascript-web-application-primer-tutorial\/","title":{"rendered":"NetBeans HTML\/JavaScript Web Application Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/NetBeans\/HTML\/\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"NetBeans HTML\/JavaScript Web Application Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/NetBeans\/HTML\/NetBeans_HtmlJavascript_Primer-49of.jpg\" title=\"NetBeans HTML\/JavaScript Web Application Primer Tutorial\"  \/><\/a><p class=\"wp-caption-text\">NetBeans HTML\/JavaScript Web Application Primer Tutorial<\/p><\/div>\n<p>Today&#8217;s NetBeans HTML\/JavaScript Web Application primer tutorial shows how an HTML and JavaScript project can be managed from within an IDE.  NetBeans uses the GlassFish web server to run the web application built under NetBeans supervision.   The original website is a subdomain built originally in <a target=_blank title='iWeb information from Wikipedia' href='http:\/\/en.wikipedia.org\/wiki\/IWeb\u200e'>iWeb<\/a>, with the theme of Land Surveying, and viewable in the local <a target=_blank title='MAMP here' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=MAMP'>MAMP<\/a> local web server on port 8888, the contents of which is also maintained along with the NetBeans GlassFish version using port 8383 to display with at the web browser, which is Google Chrome, requiring the NetBeans Connector extension, for our case.  You can see this visually on the last slide of the tutorial.<\/p>\n<p>Programming <a target=_blank title='IDE information from Wikipedia' href='http:\/\/een.wikipedia.org\/wiki\/IDE\u200e'>IDE<\/a>s take a lot of the hard work out of tasks such as compiling and linking in languages such as Java, C, C++, VB.Net and C#.   In the case of NetBeans IDE, which this blog reintroduces to you today (its customary to shake hands, and no <a target=_blank title='pardon?' href='http:\/\/www.youtube.com\/watch?v=SGZV6fsotYo'>Klingon<\/a> is necessary), it can create a HTML\/JavaScript Web Application, for instance, as we do today to create a Land Surveying iWeb web application.   To cut a long story short, there aint nothin&#8217; wrong with a good ol&#8217; IDE, but beware of IDEs in <a target=_blank title='Ides of March' href='https:\/\/www.youtube.com\/watch?v=Je0gTnheVe4'>March<\/a>.<\/p>\n<p>In saying that about IDEs, and how they make programming easier, often with Open Source programming, it is advantageous to know what goes on &#8220;under the hood&#8221; (or even &#8220;in the &#8216;hood&#8221; &#8230; chortle, chortle).   So if you ever get an opportunity to get helped creating your own makefile (or make it yourself, even with the <a target=_blank title='Sweet Green Icing' href='http:\/\/www.youtube.com\/watch?v=CPMpeNDIGdk'>Sweet Green Icing<\/a> &#8230; knew it could be worked in!) for something, take the opportunity to learn how to do this, as the Open Source world will become a little easier to navigate with such types of knowledge.   You&#8217;ve got to admire those early designers of computer languages, and those days when all you had was this tiny bit of memory (<a target=_blank title='64k' href='http:\/\/www.crashonline.org.uk\/39\/z88.htm'>64k<\/a> or <a target=_blank title='Voyager computer system' href='http:\/\/www.activeastronomy.org\/Home\/daniel'>&#8220;into the heliosphere on 8,000 bytes of memory&#8221;<\/a>) to play with to create your program.   <\/p>\n<p>In doing this NetBeans HTML\/JavaScript Web Application found that Java JDK 1.6 needed to be upgraded to Java JDK 1.7 to allow for the workings of the <a target=_blank title='GlassFish Web Server information from Wikipedia' href='http:\/\/en.wikipedia.org\/wiki\/GlassFish\u200e'>GlassFish Web Server<\/a> used by NetBeans, and, in order to do this, found <a target=_blank title='JDK 1.7 upgrade information' href='http:\/\/stackoverflow.com\/questions\/17376543\/how-to-upgrade-jdk-1-6-to-a-higher-version-to-run-glassfish'><i>How to upgrade JDK 1.6 to a higher version to run Glassfish?<\/i><\/a> was incredibly helpful pointing to <a target=_blank title='Java SE Downloads page' href='http:\/\/www.oracle.com\/technetwork\/java\/javase\/downloads\/jdk7-downloads-1880260.html'><i>Java SE Downloads<\/i><\/a> as the useful download area of interest.<\/p>\n<p>NetBeans can be an IDE for much more than HTML\/JavaScript &#8230; it can supervise PHP, C++, Maven, Groovy and Java.   In coming days and weeks we&#8217;ll look at more.<\/p>\n<p>We hope you enjoy today&#8217;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/NetBeans\/HTML\/\">tutorial<\/a>.<\/p>\n<p>Link to NetBeans &#8220;spiritual home&#8221; download page at <a target=_blank title='NetBeans download page' href='https:\/\/netbeans.org\/downloads\/'>NetBeans<\/a>.<\/p>\n<hr \/>\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='#d4948' onclick='var dv=document.getElementById(\"d4948\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?tag=Java\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d4948' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Today&#8217;s NetBeans HTML\/JavaScript Web Application primer tutorial shows how an HTML and JavaScript project can be managed from within an IDE. NetBeans uses the GlassFish web server to run the web application built under NetBeans supervision. The original website is &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/netbeans-htmljavascript-web-application-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,24,37],"tags":[497,576,652,833,997,1319],"class_list":["post-4948","post","type-post","status-publish","format-standard","hentry","category-elearning","category-netbeans","category-tutorials","tag-glassfish-web-server","tag-html","tag-javascript","tag-netbeans","tag-programming","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/4948"}],"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=4948"}],"version-history":[{"count":1,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/4948\/revisions"}],"predecessor-version":[{"id":20031,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/4948\/revisions\/20031"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=4948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=4948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=4948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}