Instalace Netbeans a Java JDK v Ubuntu 14.04 a nastavení základního projektu HTML5


V této čtyřčlenné sérii pro vývoj mobilních webů vás provedeme nastavením Netbeans jako IDE (také známého jako integrované vývojové prostředí) v Ubuntu 14.04.2 LTS Trusty Tahr, abyste mohli začít vyvíjet mobilní aplikace a reagovat na HTML5 webové aplikace.

Následuje řada článků o vývoji mobilního webu HTML5:

Dobře vyleštěné pracovní prostředí (jak uvidíme později), automatické doplňování podporovaných jazyků a jeho bezproblémová integrace s webovými prohlížeči jsou podle našeho názoru některé z nejvýznamnějších funkcí Netbeans.

Nezapomínejme také, že specifikace HTML 5 přinesla vývojářům mnoho výhod - abychom jmenovali několik příkladů: čistší kód díky mnoha novým prvkům), vestavěné možnosti přehrávání videa a zvuku (které nahrazují potřebu Flash), křížová kompatibilita s hlavními prohlížeči a optimalizací pro mobilní zařízení.

I když zpočátku otestujeme naše aplikace na našem místním vývojovém stroji, nakonec přesuneme naše webové stránky na server LAMP a proměníme je v dynamický nástroj.

Na cestě využijeme jQuery (známá multiplatformní knihovna Javascript, která značně zjednodušuje skriptování na straně klienta) a Bootstrap (populární rámec HTML, CSS a JavaScript pro vývoj responzivních webů). V následujících článcích uvidíte, jak snadné je nastavení aplikace vhodné pro mobilní zařízení pomocí těchto nástrojů HTML 5.

Poté, co projdete touto krátkou sérií, budete moci:

  1. use the tools described herein to create basic HTML5 dynamic applications, and
  2. go on to learn more advanced web development skills.

Mějte však na paměti, že i když budeme pro tuto sérii používat Ubuntu, pokyny a postupy jsou naprosto platné i pro jiné distribuce desktopů (Linux Mint, Debian, CentOS, Fedora, pojmenujete to).

Za tímto účelem jsme se rozhodli nainstalovat potřebný software (Netbeans a Java JDK, jak uvidíte za minutu) pomocí generického tarballu (.tar.gz) jako metody instalace.

To je řečeno - pojďme začít s částí 1.

Instalace Java JDK a NetBeans

Tento výukový program předpokládá, že již máte nainstalovanou instalaci desktopu Ubuntu 14.04.2 LTS Trusty Tahr. Pokud ne, přečtěte si před pokračováním článek o instalaci Ubuntu 14.04 pro stolní počítače, který napsal náš kolega Matei Cezar.

Protože verze Netbeans, která je k dispozici ke stažení z oficiálních úložišť Ubuntu (7.0.1), je trochu zastaralá, stáhneme si balíček z webu Oracle, abychom získali novější verzi (8.0.2).

K tomu máte dvě možnosti:

  1. Choice 1: download the bundle that includes Netbeans + JDK, or
  2. Choice 2: install both utilities separately.

V tomto článku si vybereme # 2, protože to znamená nejen trochu menší stahování (protože budeme instalovat pouze Netbeans s podporou HTML5 a PHP), ale také nám umožní mít samostatný instalační program JDK, pokud to budeme potřebovat pro jiné nastavení, které nevyžaduje Netbeans ani nezahrnuje vývoj webu (většinou se týká jiných produktů Oracle).

Chcete-li stáhnout JDK 8u45, přejděte na web Oracle Technology Network a přejděte do sekce Java → Java SE → Stahování.

Když kliknete na obrázek zvýrazněný níže, budete požádáni o přijetí licenční smlouvy a poté si budete moci stáhnout potřebnou verzi JDK (což je v našem případě tarball pro 64bitové stroje). Po zobrazení výzvy webovým prohlížečem místo uložení souboru soubor uložte.

Po dokončení stahování přejděte na ~/Downloads a extrahujte tarball do /usr/local/bin :

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

Chcete-li nainstalovat Netbeans s podporou HTML5 a PHP, přejděte na https://netbeans.org/downloads/ a klikněte na Stáhnout, jak je uvedeno na následujícím obrázku:

To způsobí, že váš prohlížeč buď otevře instalační skript, nebo jej uloží do počítače. Vyberte Uložit soubor a poté OK:

Po dokončení změňte soubor .sh na spustitelný soubor a poté spusťte skript prostředí s oprávněními správce:

$ 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

Od té doby dokončete instalaci podle pokynů na obrazovce a ponechte výchozí hodnoty:

a počkejte na dokončení instalace.