Instalación de Netbeans y Java JDK en Ubuntu 14.04 y configuración de un proyecto HTML5 básico


En esta serie de desarrollo web móvil de 4 artículos, lo guiaremos a través de la configuración de Netbeans como un IDE (también conocido como entorno de desarrollo integrado) en Ubuntu 14.04.2 LTS Trusty Tahr para comenzar a desarrollar aplicaciones web HTML5 receptivas y compatibles con dispositivos móviles.

A continuación se muestra la serie de 4 artículos sobre desarrollo web móvil HTML5:

Un entorno de trabajo bien pulido (como veremos más adelante), el autocompletado para los idiomas admitidos y su perfecta integración con los navegadores web son, en nuestra opinión, algunas de las características más distintivas de Netbeans.

Recordemos también que la especificación HTML 5 trajo muchas ventajas para los desarrolladores, por nombrar algunos ejemplos: código más limpio gracias a muchos elementos nuevos, capacidades integradas de reproducción de video y audio (que reemplaza la necesidad de Flash), compatibilidad cruzada con los principales navegadores y optimización para dispositivos móviles.

Aunque inicialmente probaremos nuestras aplicaciones en nuestra máquina de desarrollo local, eventualmente trasladaremos nuestro sitio web a un servidor LAMP y lo convertiremos en una herramienta dinámica.

A lo largo del camino, haremos uso de jQuery (una conocida biblioteca de Javascript multiplataforma que simplifica enormemente las secuencias de comandos del lado del cliente) y de Bootstrap (el popular marco HTML, CSS y JavaScript para desarrollar sitios web receptivos). Verá en los próximos artículos lo fácil que es configurar una aplicación compatible con dispositivos móviles utilizando estas herramientas HTML 5.

Después de pasar por esta breve serie, podrá:

  1. utilizar las herramientas descritas en este documento para crear aplicaciones dinámicas HTML5 básicas, y
  2. Continúe para aprender habilidades de desarrollo web más avanzadas.

Sin embargo, tenga en cuenta que, aunque usaremos Ubuntu para esta serie, las instrucciones y procedimientos también son perfectamente válidos para otras distribuciones de escritorio (Linux Mint, Debian, CentOS, Fedora, lo que sea).

Para ello, hemos optado por instalar el software necesario (Netbeans y Java JDK, como verás en un minuto) utilizando un tarball genérico (.tar.gz) como método de instalación.

Dicho esto, comencemos con la Parte 1.

Instalación de Java JDK y NetBeans

Este tutorial asume que ya tiene instalada una instalación de escritorio Ubuntu 14.04.2 LTS Trusty Tahr. Si no es así, consulte Matei Cezar antes de continuar.

Dado que la versión de Netbeans que está disponible para descargar desde los repositorios oficiales de Ubuntu (7.0.1) está un poco desactualizada, descargaremos el paquete del sitio web de Oracle para obtener una versión más nueva (8.0.2).

Para hacer esto, tiene dos opciones:

  1. Opción 1 : descargue el paquete que incluye Netbeans + JDK, o
  2. Opción 2 : instale ambas utilidades por separado.

En este artículo elegiremos el n. ° 2 porque eso no solo significa una descarga un poco más pequeña (ya que solo instalaremos Netbeans con soporte para HTML5 y PHP), sino que también nos permitirá tener un instalador JDK independiente en caso de que lo necesitemos para otra configuración que no requiere Netbeans ni implica desarrollo web (principalmente relacionado con otros productos de Oracle).

Para descargar JDK 8u45, vaya al sitio de Oracle Technology Network y navegue a la sección Java → Java SE → Descargas.

Al hacer clic en la imagen resaltada a continuación, se le pedirá que acepte el acuerdo de licencia y luego podrá descargar la versión JDK necesaria (que en nuestro caso es el tarball para máquinas de 64 bits). Cuando se lo solicite su navegador web, elija guardar el archivo en lugar de abrirlo.

Cuando se complete la descarga, vaya a ~/Descargas y extraiga el tarball en /usr/local/bin :

$ sudo tar xf jdk-8u45-linux-x64.tar.gz -C /usr/local/bin

Para instalar Netbeans con soporte para HTML5 y PHP, vaya a https://netbeans.org/downloads/ y haga clic en Descargar como se indica en la siguiente imagen:

Esto hará que su navegador abra el script de shell de instalación o lo guarde en su computadora. Elija Guardar archivo, luego Aceptar:

Una vez hecho esto, convierta el .sh en un archivo ejecutable y luego ejecute el script de shell con privilegios administrativos:

$ cd ~/Downloads
$ chmod 755 netbeans-8.0.2-php-linux.sh
$ sudo ./netbeans-8.0.2-php-linux.sh --javahome /usr/local/bin/jdk1.8.0_45

A partir de ese momento, siga las instrucciones en pantalla para completar la instalación dejando los valores predeterminados:

y espere a que se complete la instalación.