blob: 99087f932974252352949f7d7b97f3691c2ff951 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>NetBeans - Fits the pieces together</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<div class="inner flex-container-small">
<nav>
<div id="burger-menu">
<div></div>
<div></div>
<div></div>
</div>
<ul>
<li><a class="nav-link" href="//netbeans.org/features/index.html">NetBeans IDE</a></li>
<li><a class="nav-link" href="//netbeans.org/features/platform/index.html">NetBeans Platform</a></li>
<li><a class="nav-link" href="//netbeans.org/enterprise/index.html">Enterprise</a></li>
<li><a class="nav-link" href="/plugins.netbeans.org/PluginPortal/">Plugins</a></li>
<li><a class="nav-link" href="//netbeans.org/kb/index.html">Docs & Support</a></li>
<li><a class="nav-link" href="//netbeans.org/community/index.html">Community</a></li>
</ul>
</nav>
<div class="search with-icon"></div>
<a href="/" id="logo">
<img src="bilder/logo-2.svg" alt="logo" />
<div>
<strong>Net</strong>Beans
</div>
</a>
</div>
<form class="search-field">
<input type="text" />
<button class="search with-icon"></button>
</form>
</header>
<main>
<div class="title-img">
<div class="img-wrapper">
<img src="bilder/netbeans.png" alt="netbeans" />
</div>
</div>
<section class="banner">
<div class="inner flex-container-small">
<div class="headline-with-downloads">
<div class="slogan">
<h1>NetBeans IDE</h1>
<small>Fits the Pieces Together</small>
</div>
<div class="download-links">
<a href="//netbeans.org/community/releases/81/">Learn More</a>
<a href="//netbeans.org/downloads/"> Download 8.2</a>
</div>
</div>
<div class="desc">
<p>
Quickly and easily develop desktop, mobile and web applications
with Java, JavaScript, HTML5, PHP, C/C++ and more.
</p>
<p>
NetBeans IDE is FREE, open source, and has a worldwide community
of users and developers.
</p>
</div>
</div>
<a class="nav-link next-section ripple-btn" href="languages">
<div class="ripple"></div>
</a>
</section>
<section id="languages" class="primary-color">
<div class="inner center">
<h2>NetBeans IDE supports a lot of languages...</h2>
<ul class="languages">
<li>
<a class="circle java no-deco" href="//netbeans.org/features/java/index.html">Java</a>
</li>
<li>
<a class="circle php no-deco" href="//netbeans.org/features/php/index.html">PHP</a>
</li>
<li>
<a class="circle html5 no-deco" href="//netbeans.org/features/html5/index.html">HTML5</a>
</li>
<li>
<a class="circle js no-deco" href="//netbeans.org/kb/73/ide/javascript-editor.html">JS</a>
</li>
<li>
<a class="circle css3 no-deco" href="//netbeans.org/kb/docs/webclient/html5-editing-css.html">CSS</a>
</li>
<li>
<a class="circle less no-deco" href="//netbeans.org/kb/docs/webclient/html5-editing-css.html#preprocessors">LESS</a>
</li>
<li>
<a class="circle sass no-deco" href="//netbeans.org/kb/docs/webclient/html5-editing-css.html#preprocessors">SASS</a>
</li>
<li>
<a class="circle sass no-deco" href="//netbeans.org/kb/docs/webclient/html5-editing-css.html#preprocessors">SCSS</a>
</li>
<li>
<a class="circle markdown no-deco" href="//plugins.netbeans.org/plugin/50964/markdown-support">MD*</a>
</li>
<li>
<a class="circle ftl no-deco" href="//plugins.netbeans.org/plugin/58284/freemarker-support-for-netbeans">FTL*</a>
</li>
<li>
<a class="circle jsx no-deco" href="//blogs.oracle.com/geertjan/entry/jsx_in_netbeans_ide_8">JSX</a>
</li>
<li>
<a class="circle ini no-deco" href="//blogs.oracle.com/netbeansphp/entry/ini_files_support_available">Ini</a>
</li>
<li>
<a class="circle json no-deco" href="//wiki.netbeans.org/JsonTools">JSON</a>
</li>
<li>
<a class="circle cpp no-deco" href="//netbeans.org/features/cpp/index.html">C/C++</a>
</li>
<li>
<a class="circle xml no-deco" href="//xml.netbeans.org/">XML</a>
</li>
<li>
<a class="circle jade no-deco" href="//wiki.netbeans.org/NewAndNoteworthyNB81#Jade_Node_Template_Engine_Support">Jade</a>
</li>
<li>
<a class="circle sql no-deco" href="//netbeans.org/features/ide/database.html">SQL</a>
</li>
<li>
<a class="circle twig no-deco" href="//blogs.oracle.com/netbeansphp/entry/twig_code_completion">Twig</a>
</li>
<li>
<a class="circle groovy no-deco" href="//netbeans.org/features/groovy/index.html">Groovy</a>
</li>
<li>
<a class="circle yaml no-deco" href="//blogs.oracle.com/netbeansphp/entry/yaml_support_is_available_in">YAML</a>
</li>
</ul>
<p>* These are 3rd Party Plugins.</p>
<a class="nav-link next-section ripple-btn" href="technologies">
<div class="ripple"></div>
</a>
</div>
</section>
<section id="technologies" class="secondary-color">
<div class="inner center">
<h2>...and has support for lots of technologies and frameworks...</h2>
<ul class="technologies">
<li>
<a href="//netbeans.org/kb/docs/webclient/ojet-gettingstarted.html">
<img class="box tech" src="bilder/ojet.jpg" alt="OracleJET logo" />
<span class="name">OracleJET</span>
</a>
</li>
<li>
<a href="//blogs.oracle.com/geertjan/entry/integrated_angularjs_development">
<img class="box tech" src="bilder/angularjs.png" alt="AngularJS 1 & 2 logo" />
<span class="name">AngularJS 1 & 2</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/docs/web/js-toolkits-jquery.html">
<img class="box tech" src="bilder/jquery.png" alt="jQuery logo" />
<span class="name">jQuery</span>
</a>
</li>
<li>
<a href="//wiki.netbeans.org/NewAndNoteworthyNB801#Require_JS_Support">
<img class="box tech" src="bilder/requirejs.png" alt="RequireJS logo" />
<span class="name">RequireJS</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/docs/webclient/html5-knockout-screencast.html">
<img class="box tech" src="bilder/knockout.png" alt="Knockout logo" />
<span class="name">Knockout</span>
</a>
</li>
<li>
<a href="//wiki.netbeans.org/HudsonInNetBeans">
<img class="box tech" src="bilder/jenkins.png" alt="Jenkins logo" />
<span class="name">Jenkins</span>
</a>
</li>
<li>
<a href="//blogs.oracle.com/geertjan/entry/selenium_for_java_in_netbeans">
<img class="box tech" src="bilder/selenium.png" alt="Selenium logo" />
<span class="name">Selenium</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/docs/webclient/html5-js-support.html#karmatests">
<img class="box tech" src="bilder/karmajs.png" alt="Karma logo" />
<span class="name">Karma</span>
</a>
</li>
<li>
<a href="//platform.netbeans.org/tutorials/nbm-maven-quickstart.html">
<img class="box tech" src="bilder/maven.png" alt="Maven logo" />
<span class="name">Apache Maven</span>
</a>
</li>
<li>
<a href="//wiki.netbeans.org/NewAndNoteworthyNB81#Node.js_Support">
<img class="box tech" src="bilder/nodejs.png" alt="NodeJS logo" />
<span class="name">NodeJS</span>
</a>
</li>
<li>
<a href="//blogs.oracle.com/geertjan/entry/docker_hub_in_netbeans_ide">
<img class="box tech" src="bilder/docker.png" alt="Docker logo" />
<span class="name">Docker</span>
</a>
</li>
<li>
<a href="//wiki.netbeans.org/NewAndNoteworthyNB82#JavaScript">
<img class="box tech" src="bilder/es6.png" alt="ES5, ES6, ES7 logo" />
<span class="name">ES5, ES6, ES7</span>
</a>
</li>
<li>
<a href="//blogs.oracle.com/netbeansphp/entry/symfony_support_improved">
<img class="box tech" src="bilder/symfony.png" alt="Symfony 1, 2, 3 logo" />
<span class="name">Symfony 1, 2, 3</span>
</a>
</li>
<li>
<a href="//blogs.oracle.com/netbeansphp/entry/doctrine2_support_added">
<img class="box tech" src="bilder/doctrine.png" alt="Doctrine 1 & 2 logo" />
<span class="name">Doctrine 1 & 2</span>
</a>
</li>
<li>
<a href="//www.w3programmers.com/configure-netbeans-7-for-zend-framework-2/">
<img class="box tech" src="bilder/zend.png" alt="Zend 1 & 2 logo" />
<span class="name">Zend 1 & 2</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/docs/webclient/cordova-gettingstarted.html">
<img class="box tech" src="bilder/cordova.png" alt="Cordova logo" />
<span class="name">Cordova</span>
</a>
</li>
<li>
<a href="//blogs.oracle.com/geertjan/entry/grunting_in_netbeans_ide">
<img class="box tech" src="bilder/grunt.svg" alt="Grunt logo" />
<span class="name">Grunt</span>
</a>
</li>
<li>
<a href="//blogs.oracle.com/geertjan/entry/gulp_for_netbeans_ide_part">
<img class="box tech" src="bilder/gulp.png" alt="Gulp logo" />
<span class="name">Gulp</span>
</a>
</li>
<li>
<a href="//wiki.netbeans.org/NewAndNoteworthyNB801#NPM_and_Bower">
<img class="box tech" src="bilder/npm.png" alt="NPM logo" />
<span class="name">NPM</span>
</a>
</li>
<li>
<a href="//blogs.oracle.com/geertjan/entry/bower_and_node_js_in">
<img class="box tech" src="bilder/bower.png" alt="Bower logo" />
<span class="name">Bower</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/docs/ide/git.html">
<img class="box tech" src="bilder/git.png" alt="Git logo" />
<span class="name">Git</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/docs/ide/subversion.html">
<img class="box tech" src="bilder/svn.png" alt="Subversion logo" />
<span class="name">Subversion</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/docs/ide/mercurial.html">
<img class="box tech" src="bilder/mercurial.png" alt="Mercurial logo" />
<span class="name">Mercurial</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/73/ide/kenai-issuetracking.html">
<img class="box tech" src="bilder/bugzilla.png" alt="Bugzilla logo" />
<span class="name">Bugzilla</span>
</a>
</li>
<li>
<a href="//www.hildeberto.com/2012/05/integrating-jira-with-netbeans.html">
<img class="box tech" src="bilder/jira.png" alt="Jira logo" />
<span class="name">Jira</span>
</a>
</li>
<li>
<a href="//wiki.netbeans.org/Ant">
<img class="box tech" src="bilder/ant.gif" alt="Apache Ant logo" />
<span class="name">Apache Ant</span>
</a>
</li>
<li>
<a href="//wiki.netbeans.org/DatabasesAndDrivers">
<img class="box tech" src="bilder/db.png" alt="DB logo" />
<span class="name">Database Driver</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/docs/ide/mysql.html">
<img class="box tech" src="bilder/mysql.png" alt="MySQL logo" />
<span class="name">MySQL</span>
</a>
</li>
<li>
<a href="//wiki.netbeans.org/DatabasesAndDrivers#PostgreSQL_driver_for_the_PostgreSQL_database">
<img class="box tech" src="bilder/postgresql.png" alt="PostgreSQL logo" />
<span class="name">PostgreSQL</span>
</a>
</li>
<li>
<a href="//wiki.netbeans.org/DatabasesAndDrivers#Microsoft_driver_for_the_SQL_Server_database">
<img class="box tech" src="bilder/mssql.jpg" alt="MSSQL logo" />
<span class="name">MS SQL</span>
</a>
</li>
<li>
<a href="//netbeans.org/features/java-on-client/javafx.html">
<img class="box tech" src="bilder/javafx.png" alt="JavaFX logo" />
<span class="name">JavaFX</span>
</a>
</li>
<li>
<a href="//netbeans.org/features/java-on-server/java-ee.html">
<img class="box tech" src="bilder/javaee.png" alt="JavaEE logo" />
<span class="name">JavaEE</span>
</a>
</li>
<li>
<a href="//netbeans.org/kb/docs/web/quickstart-webapps-spring.html">
<img class="box tech" src="bilder/spring.png" alt="Spring logo" />
<span class="name">Spring</span>
</a>
</li>
</ul>
<a class="nav-link next-section" href="plugins"></a>
</div>
</section>
<section id="plugins" class="alternative-color">
<div class="inner center">
<h2>...and it is highly customizable!</h2>
<ul class="technologies">
<li>
<a href="//plugins.netbeans.org/plugin/44510/gradle-support">
<img class="box tech" src="bilder/gradle.png" alt="Gradle logo" />
<span class="name">Gradle</span>
</a>
</li>
<li>
<a href="//github.com/jbboehr/netbeans-handlebars-plugin">
<img class="box tech" src="bilder/handlebars.png" alt="Handlebars logo" />
<span class="name">Handlebars</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/67889/nbscala-1-8-1-2">
<img class="box tech" src="bilder/scala.png" alt="Scala logo" />
<span class="name">Scala</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/68590/kotlin">
<img class="box tech" src="bilder/kotlin.png" alt="Kotlin logo" />
<span class="name">Kotlin</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/46054/arduino">
<img class="box tech" src="bilder/arduino.png" alt="Arduino logo" />
<span class="name">Arduino</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/63486/eslint">
<img class="box tech" src="bilder/eslint.png" alt="ESLint logo" />
<span class="name">ESLint</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/58580/jshint">
<img class="box tech" src="bilder/jshint.png" alt="JSHint logo" />
<span class="name">JSHint</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/46542/php-wordpress-blog-cms">
<img class="box tech" src="bilder/wordpress.png" alt="WordPress logo" />
<span class="name">WordPress</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/68049/nbshell">
<img class="box tech" src="bilder/shell.png" alt="Shell Scripts logo" />
<span class="name">Shell Scripts</span>
</a>
</li>
<li>
<a href="//github.com/GeertjanWielenga/React.js">
<img class="box tech" src="bilder/react.png" alt="ReactJS logo" />
<span class="name">ReactJS</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/52638/nbmongo">
<img class="box tech" src="bilder/mongodb.png" alt="MongoDB logo" />
<span class="name">MongoDB</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/16018/sqlite-jdbc-driver">
<img class="box tech" src="bilder/sqlite.png" alt="SQLite logo" />
<span class="name">SQLite</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/54528/pl-sql-driver">
<img class="box tech" src="bilder/pl-sql.png" alt="PL/SQL logo" />
<span class="name">PL/SQL</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/59444/netcassandrabeans">
<img class="box tech" src="bilder/cassandra.png" alt="Cassandra logo" />
<span class="name">Cassandra</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/68591/couchbasenetbeans">
<img class="box tech" src="bilder/couchbase.png" alt="Couchbase logo" />
<span class="name">Couchbase</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/40018/couchapp">
<img class="box tech" src="bilder/couchapp.png" alt="CouchApp logo" />
<span class="name">CouchApps</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/55824/redminenb">
<img class="box tech" src="bilder/redmine.png" alt="Redmine logo" />
<span class="name">Redmine</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/57646/github-issues">
<img class="box tech" src="bilder/github.png" alt="GitHub logo" />
<span class="name">GitHub</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/59028/ionicextension">
<img class="box tech" src="bilder/ionic.png" alt="Ionic logo" />
<span class="name">Ionic</span>
</a>
</li>
<li>
<a href="//github.com/ladariha/PolymerForNB">
<img class="box tech" src="bilder/polymer.png" alt="Polymer logo" />
<span class="name">Polymer</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/60605/typescript-editor">
<img class="box tech" src="bilder/typescript.png" alt="TypeScript logo" />
<span class="name">TypeScript</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/39007/coffeescript-netbeans">
<img class="box tech" src="bilder/coffeescript.png" alt="CoffeeScript logo" />
<span class="name">CoffeeScript</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/61688/python">
<img class="box tech" src="bilder/python.png" alt="Python logo" />
<span class="name">Python</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/10668/perl">
<img class="box tech" src="bilder/perl.png" alt="Perl logo" />
<span class="name">Perl</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/58448/laravel-quebra-galho">
<img class="box tech" src="bilder/laravel.png" alt="Laravel logo" />
<span class="name">Laravel</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/44579/php-cakephp-framework">
<img class="box tech" src="bilder/cakephp.png" alt="CakePHP logo" />
<span class="name">CakePHP</span>
</a>
</li>
<li>
<a href="//github.com/guru-digital/sstemplate-netbeans">
<img class="box tech" src="bilder/silverstripe.png" alt="SilverStripe logo" />
<span class="name">SilverStripe</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/51532/radar-netbeans">
<img class="box tech" src="bilder/sonar.png" alt="Sonar logo" />
<span class="name">SonarQube</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/60170/puppet-configuration-editor">
<img class="box tech" src="bilder/puppet.png" alt="Puppet logo" />
<span class="name">Puppet</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/19545/nbandroid">
<img class="box tech" src="bilder/android.png" alt="Android logo" />
<span class="name">Android</span>
</a>
</li>
<li>
<a href="//plugins.netbeans.org/plugin/55435/easyuml">
<img class="box tech" src="bilder/uml.png" alt="UML logo" />
<span class="name">UML</span>
</a>
</li>
</ul>
<p class="left">There are many more plugins available, take a look at the <a href="//plugins.netbeans.org/">NetBeans Plugin Portal</a></p>
<!--<a class="nav-link next-section" href="section-4"></a>-->
</div>
</section>
<!--<section id="section-4" class="primary-color">
<div class="inner center">
<h2>Members</h2>
<a class="nav-link next-section" href="section-5"></a>
</div>
</section>-->
<!-- <section id="section-5" class="primary-color">
<div class="inner">
<h2>Überschrift - Bereich 5 </h2>
<div class="flex-container">
<p class="w100">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<div class="w50">
text-left / text-center / text-right
</div>
<div class="w50">
<a href="#" class="cta">BUTTON</a>
</div>
</div>
</div>
</section>-->
</main>
<footer>
<div class="back-to-top with-icon ripple-btn">
<div class="ripple"></div>
</div>
<div class="inner">
<div class="flex-container">
<div class="w70">
Newsletter
</div>
<div class="w30">
<ul class="social-links">
<li>
<a class="circle with-icon fb" href="//www.facebook.com/NetBeans"></a>
</li>
<li>
<a class="circle with-icon twitter" href="//twitter.com/netbeans"></a>
</li>
<li>
<a class="circle with-icon plus" href="//plus.google.com/+netbeans"></a>
</li>
<li>
<a class="circle with-icon slack" href="//netbeans.signup.team/"></a>
</li>
<li>
<a class="circle with-icon youtube" href="//www.youtube.com/user/netbeansvideos"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<link rel="stylesheet" property="stylesheet" href="styles/onepager.css">
<script src="scripts/onepager.min.js"></script>
</body>
</html>