jetbrains-devoxx-2022.html (193 lines of code) (raw):
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Booth Presentation - JetBrains General</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/jetbrains.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match(/print-pdf/gi) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName('head')[0].appendChild(link);
</script>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/jetbrains-slides.js"></script>
<script type="text/javascript" src="js/all-products.js"></script>
<script type="text/javascript" src="js/playlist.js"></script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body class="classToBeRemoved">
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<!-- <!– JetBrains Videos –>-->
<!-- <section class="general-background stretch"-->
<!-- data-background-video="img/screenshots/jetbrains/JetBrains_TheDrivetoDevelop_Logo.mp4"-->
<!-- data-autoslide="11000">-->
<!-- </section>-->
<!-- JetBrains Raffle -->
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Fill out the survey —<br/>win a license</h1>
</section>
<!--region IntelliJ IDEA -->
<section data-product="intellij">
<h2>The Leading Java and Kotlin IDE</h2>
<p>Produce high-quality code more efficiently, with essential features available out of the box</p>
<div class="jetbrains-logo _logo-intellij-idea _size-5"></div>
</section>
<section data-product="intellij">
<h2>Most Advanced Editor</h2>
<p>Write neat and concise code with coding assistance features that detect
possible errors and provide improvement suggestions as you type
<p>
<img data-src="img/screenshots/intellij/idea_editor.png">
</section>
<section data-product="intellij">
<h2>Deep Code Understanding</h2>
<p>Benefit from instant navigation and context-sensitive code suggestions</p>
<img data-src="img/screenshots/intellij/idea_codeunderstanding.png">
</section>
<section data-product="intellij">
<h2>Out-Of-The-Box Experience</h2>
<p>Use essential tools and a wide variety of supported languages from the first launch</p>
<img data-src="img/screenshots/intellij/idea_outofthebox.png">
</section>
<section data-product="intellij">
<h2>Framework Support</h2>
<p>Work with leading frameworks and technologies like Spring and Spring Boot, Jakarta EE, JPA, Reactor, and
others</p>
<img data-src="img/screenshots/intellij/idea_frameworks.png">
</section>
<section data-product="intellij">
<h2>Code With Me</h2>
<p>Collaborate on projects with your team online in real time</p>
<img data-src="img/screenshots/intellij/idea-codewithme.png">
</section>
<section data-product="intellij">
<h2>Remote development</h2>
<p>Let a remote server hosting your project handle all the processing while you enjoy a responsive local
UI</p>
<img data-src="img/screenshots/intellij/idea-remote.png">
</section>
<section data-product="intellij">
<h2>Built-in Tools</h2>
<p>Use built-in tools and integrations that help you work in a familiar
environment without switching between applications</p>
<img data-src="img/screenshots/intellij/idea_builtintools.png">
</section>
<section data-product="intellij">
<h2>Run, Test, and Debug</h2>
<p>Set run and build parameters, use the built-in debugger to detect bugs and review what's happening
under the hood of your program, and apply and develop JUnit tests</p>
<img data-src="img/screenshots/intellij/idea_runtestdebug.png">
</section>
<section data-product="intellij">
<h2>Version Control</h2>
<p>Keep track of project versions with Git, Subversion, Mercurial, and Perforce integrated</p>
<img data-src="img/screenshots/intellij/idea_vcs.png">
</section>
<section data-product="intellij">
<h2>Plugin Marketplace</h2>
<p>Supplement the core functionality with additional features using IntelliJ IDEA’s diverse plugin
ecosystem</p>
<img data-src="img/screenshots/intellij/idea_plugin.png">
</section>
<!--endregion-->
<!-- EDU -->
<section data-product="academy">
<h2>Improve your programming skills in a project-based learning environment</h2>
<div class="jetbrains-logo _logo-academy _size-5"></div>
</section>
<section data-product="academy">
<h2>120+ Interactive Projects</h2>
<p>Fine-tune your skills in Swing, Spring Boot, security, math, and more</p>
<img data-src="img/screenshots/edutools/edu-projects.png">
</section>
<section data-product="academy">
<h2>Effective Learning for Your Organization</h2>
<p>Make sure your team stays up-to-date with the latest frameworks and technologies</p>
<img data-src="img/screenshots/edutools/edu-org.png">
</section>
<section data-product="edu-tools">
<h2>Learn and teach programming right in your JetBrains IDE</h2>
<div class="jetbrains-logo _logo-academy _size-5"></div>
</section>
<section data-product="edu-tools">
<h2>Programming Courses in Your JetBrains IDE</h2>
<p>Try real-world projects, interactive courses, contests, and gamified missions with the EduTools
plugin</p>
<img data-src="img/screenshots/edutools/edu-courses.png">
</section>
<section data-product="edu-tools">
<h2>Step-by-Step Course Creation</h2>
<p>Build programming courses, share them with others, and keep up with new technologies</p>
<img data-src="img/screenshots/edutools/edu-plugins.png">
</section>
<!-- end region-->
<!--region Kotlin-->
<section data-product="kotlin">
<h2>Kotlin</h2>
<p>Statically typed programming language<br>for the JVM, Android and the browser</p>
<div class="jetbrains-logo _logo-kotlin _size-5"></div>
</section>
<section data-product="kotlin">
<video class="stretch" data-autoplay data-src="img/screenshots/kotlin/kotlin.mov"/>
</section>
<!--endregion-->
<!-- <!– JetBrains Videos –>-->
<!-- <section class="general-background stretch"-->
<!-- data-background-video="img/screenshots/jetbrains/JetBrains_TheDrivetoDevelop_Logo.mp4"-->
<!-- data-autoslide="11000">-->
<!-- </section>-->
<!-- JetBrains Raffle -->
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Fill out the survey —<br/>win a license</h1>
</section>
<!--YouTrack -->
<section class="general-background stretch"
data-background-video="img/screenshots/youtrack/YouTrack-Projects-for-all-your-teams.mp4"
data-autoslide="50000">
</section>
<!--endregion-->
<!--Space-->
<section data-product="space">
<h2>Space</h2>
<p>The integrated team environment</p>
<div class="jetbrains-logo _logo-space _size-5"></div>
</section>
<section class="general-background stretch" data-background-video="img/screenshots/space/sp22_subs_low_br.mp4"
data-autoslide="140000">
</section>
<!--endregion-->
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: false,
progress: false,
history: true,
center: true,
autoSlide: 6500,
loop: true,
showNotes: false,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// Optional reveal.js plugins
dependencies: [
{
src: 'lib/js/classList.js', condition: function () {
return !document.body.classList;
}
},
{
src: 'plugin/markdown/marked.js', condition: function () {
return !!document.querySelector('[data-markdown]');
}
},
{
src: 'plugin/markdown/markdown.js', condition: function () {
return !!document.querySelector('[data-markdown]');
}
},
{
src: 'plugin/highlight/highlight.js', async: true, callback: function () {
hljs.initHighlightingOnLoad();
}
},
{src: 'plugin/zoom-js/zoom.js', async: true},
{src: 'plugin/notes/notes.js', async: true}
]
});
</script>
</body>
</html>