How to Install Netbeans and Java JDK in Ubuntu 14.04 and Set Up a Basic HTML5 Project

To Install Netbeans and Java JDK in Ubuntu 14.04 and Set Up a Basic HTML5 Project

In this article we will learn how to set up Netbeans as an IDE (also known as Integrated Development Environment) in Ubuntu 14.04.2 LTS Trusty Tahr to start developing mobile-friendly and responsive HTML5 web applications.

The HTML 5 specification brought many advantages for developers &ndash to name a few examples: cleaner code thanks to many new elements), built-in video and audio playback capabilities (which replaces the need for Flash), cross-compatibility with major browsers, and optimization for mobile devices. we will eventually move our web site to a LAMP server and turn it into a dynamic tool and make use of jQuery, and Bootstrap.

To Install Java JDK and NetBeans

Download the Netbeans package from the Oracle website to get a newer version (8.0.2).

To download JDK 8u45, go to the Oracle Technology Network site and navigate to the Java ? Java SE ? Downloads section.

Click on the image highlighted below and accept the license agreement. When prompted by your web browser, choose to save the file instead of opening it.

After download completes go to ~/Downloads and extract the tarball to /usr/local/bin

[user1@linuxhelp:~]$ cd Downloads
[user1@linuxhelp:~/Downloads]$ ll
total 290932
drwxr-xr-x  2 user1 user1      4096 Mar 15 13:21 ./
drwxr-xr-x 21 user1 user1      4096 Mar 15 14:36 ../
-rw-rw-r--  1 user1 user1 181302755 Mar 15 13:12 jdk-8u74-linux-x64.tar.gz

[user1@linuxhelp:~/Downloads]$ sudo tar xf jdk-8u45-linux-x64.tar.gz -C /usr/local/bin
jdk1.8.0_74/
jdk1.8.0_74/THIRDPARTYLICENSEREADME-JAVAFX.txt
jdk1.8.0_74/THIRDPARTYLICENSEREADME.txt
jdk1.8.0_74/lib/
...
...
...
jdk1.8.0_74/man/ja_JP.UTF-8/man1/jcmd.1
jdk1.8.0_74/man/ja_JP.UTF-8/man1/javapackager.1
jdk1.8.0_74/man/ja_JP.UTF-8/man1/jstat.1

To install Netbeans

To install Netbeans with support for HTML5 and PHP, go to https://netbeans.org/downloads/ and click Download as indicated in the following image:

Choose Save File, and then click OK

Next, turn the .sh into an executable file and then run the shell script with administrative privileges

[user1@linuxhelp:~]$ cd Downloads
[user1@linuxhelp:~/Downloads]$ ll
total 290932
drwxr-xr-x  2 user1 user1      4096 Mar 15 13:21 ./
drwxr-xr-x 21 user1 user1      4096 Mar 15 14:36 ../
-rw-rw-r--  1 user1 user1 181302755 Mar 15 13:12 jdk-8u74-linux-x64.tar.gz
-rw-r--r--  1 user1 user1 116597760 Mar 15 13:21 netbeans-8.1-html-linux-x64.sh

[user1@linuxhelp:~/Downloads]$chmod 755 netbeans-8.0.2-php-linux.sh
[user1@linuxhelp:~/Downloads]$sudo ./netbeans-8.0.2-php-linux.sh --javahome /usr/local/bin/jdk1.8.0_45
[sudo] password for user1: 
Configuring the installer...
Searching for JVM on the system...
Extracting installation data...
Running the installer wizard...

Follow the on-screen instructions to complete the installation leaving the default values and wait for the installation to complete.

To Launch NetBeans and Create a Basic HTML5 Project

Select Netbeans from the Dash menu

To open a new HTML5 project, go to File &rarr New project &rarr HTML5 &rarr HTML5 Application add a name and click Finish.

It redirects to the Netbeans UI page, where we can add folders and files to our Site Root.

To add a new file or a folder, right-click on Site Root and then select New &rarr Folder or HTML file.

View the page by selecting a web browser and clicking the Play icon.

Progress bar screen appears as follows.