jetbrains-tools.html (3,742 lines of code) (raw):
<!doctype html>
<!--suppress RequiredAttributes -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Booth presentation - JetBrains tools</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">
<!--region General slides (license giveaways, announcements etc.)-->
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1>Fill out the survey on iPad —<br/>win a license!</h1>
<div class="jetbrains-logo _logo-clion _size-5"></div>
<div class="jetbrains-logo _logo-resharper-cpp _size-5"></div>
<div class="jetbrains-logo _logo-appcode _size-5"></div>
</section>
<!--endregion-->
<!--region GameDev Intro-->
<section data-product="gamedev_video_intro" data-autoslide="12000"
data-background-video="img/screenshots/gamedev/gamedev_intro.mp4" class="no-background"
data-background-size="cover">
</section>
<!--endregion-->
<!--region Rider-->
<!-- 200 dpi is preferred (some images use 150 dpi), Visual Studio Dark, Darcula -->
<section data-product="rider">
<h2>Rider</h2>
<p>Fast, powerful, cross-platform .NET IDE</p>
<div class="jetbrains-logo _logo-rider _size-5"></div>
</section>
<section class="high-image-inside" data-product="rider">
<div class="content-col">
<h2>Write .NET code on Windows, macOS, Linux</h2>
<p>in an IDE similar to WebStorm, IntelliJ IDEA, other JetBrains tools</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/welcome.png">
</div>
</section>
<section data-product="rider">
<h2>Alt+Enter to fix or improve code</h2>
<p>Rider uses ReSharper's code analysis under the hood</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/alt_enter.png">
</p>
</section>
<section class="high-image-inside" data-product="rider" data-autoslide="18300">
<h2>Roslyn analyzers</h2>
<p>Even more power to improve your code quality</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/roslyn-analyzer.gif">
</div>
</section>
<section data-product="rider">
<h2>Save time when you improve code</h2>
<p>Many quick-fixes can be applied in a file, project, or solution</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/quick_fix_remove_redundant_code.png">
</p>
</section>
<section class="high-image-inside" data-product="rider" data-autoslide="12000">
<h2>Code Vision</h2>
<p>A new way to see useful information about your code right in the editor.</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/code-vision.gif">
</div>
</section>
<section data-product="rider">
<h2>Refactor code left and right</h2>
<p>Rename, move and extract code, or change hierarchies</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/refactor.png">
</p>
</section>
<section data-product="rider">
<h2>Rename the entire project</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/rename-project.png">
</p>
</section>
<section data-product="rider">
<h2>Navigate with Solution Explorer or breadcrumbs</h2>
<p>Multiple navigation features to jump around your code base</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/navigation_breadcrumbs.png">
</p>
</section>
<section data-product="rider">
<h2>Search everywhere</h2>
<p>Find a class, file, or a recently edited item from a single UI</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/search_everywhere.png">
</p>
</section>
<section data-product="rider">
<h2>Debug any .NET application</h2>
<p>Debugger supports .NET Framework, .NET Core, Mono, Xamarin, Unity, ASP.NET, and ASP.NET Core</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/debugger.png">
</p>
</section>
<section data-product="rider" data-autoslide="7000">
<h2>Debugging third-party code</h2>
<p>Step through and set breakpoints in assemblies that Rider decompiles <br>on-the-fly</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/debugging-third-party-code.png">
</p>
</section>
<section data-product="rider">
<h2>Smart Step Into action</h2>
<p>Rider makes debugging lines with multiple statements easier</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/smart-step-into.png">
</p>
</section>
<section data-product="rider" data-autoslide="7000">
<h2>Memory View in debugger</h2>
<p>Look under the hood of your application and explore the managed heap while debugging</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/memory-view.png">
</p>
</section>
<section class="high-image-inside" data-product="rider">
<h2>Docker support in debugger</h2>
<p>Debug your application in a Docker container</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/docker-debugging.png">
</div>
</section>
<section data-product="rider">
<h2>Remote debugging</h2>
<p>It is possible to remotely debug .NET Framework, .NET Core, and Mono applications.</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/remote-debug.png">
</div>
</section>
<section data-product="rider" data-autoslide="7000">
<h2>Exception popup </h2>
<p>Explore basic information about a thrown exception and quickly navigate through the highlighted stack
traces</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/exception-popup.png">
</p>
</section>
<section class="high-image-inside" data-product="rider">
<h2>Run and manage unit tests</h2>
<p>Use NUnit or xUnit targeting .NET Framework, .NET Core, or Mono</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/unit_testing.png">
</div>
</section>
<section data-product="rider">
<h2>Cover and continuously run unit tests</h2>
<p>Only on Windows</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/unit-test-coverage.png">
</p>
</section>
<section class="high-image-inside" data-product="rider">
<h2>Integrated performance profiler</h2>
<p>Only on Windows</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/performance-profiler.png">
</div>
</section>
<section data-product="rider">
<h2>Publishing to IIS or FTP</h2>
<p>Deploy an ASP.NET Core web application to a local or remote server</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/publishing-to-iis.png">
</p>
</section>
<section class="high-image-inside" data-product="rider">
<h2>Build, run, and debug F# projects </h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/support-f-sharp.png">
</div>
</section>
<section class="high-image-inside" data-product="rider">
<h2>Work with databases and SQL</h2>
<p>Edit and run SQL scripts, connect to SQL Server or a different DBMS</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/database.png">
</div>
</section>
<section class="high-image-inside" data-product="rider">
<div class="content-col">
<h2>Manage your VCS changes</h2>
<p>Work with Git, GitHub, Subversion, Mercurial, Perforce, CVS and TFVC</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/vcs.png">
</div>
</section>
<section data-product="rider">
<h2>Enter distraction-free mode</h2>
<p>You can make Rider look like Notepad but work like a powerful IDE</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/distraction_free_mode.png">
</p>
</section>
<section data-product="rider">
<h2>1000+ plugins</h2>
<p>ReSharper and IntelliJ platform plugins are available in Rider</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/rider/plugins.png">
</p>
</section>
<section data-product="rider">
<h2>Learn more and download a free 30-day trial</h2>
<p>jetbrains.com/rider</p>
<div class="jetbrains-logo _logo-rider _size-5"></div>
</section>
<!--endregion-->
<!--region GameDev Intro: Unity-->
<section data-product="gamedev_video_unity_intro" data-autoslide="12000"
data-background-video="img/screenshots/gamedev/Unity_intro.mp4" class="no-background"
data-background-size="cover">
</section>
<!--endregion-->
<!--region rider-unity-->
<section data-product="rider-unity" class="no-background" style="color: white"
data-background-image="img/background_rider_unity.jpg" data-background-size="cover">
<img data-src="img/big_logo_rider_unity.svg" class="plain" style="background: none;"/>
<p>Cross-platform .NET IDE</p>
<p>Super charge your Unity C# scripting</p>
<div class="jetbrains-logo _logo-rider _size-5"></div>
</section>
<section class="high-image-inside" data-product="rider-unity">
<div class="content-col">
<h2>2,500+ inspections, refactorings and quick fixes</h2>
<p>Deep understanding of your Unity script code</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/inspections.png" class="plain">
</div>
</section>
<section data-product="rider-unity" data-autoslide="6000">
<h2>Fix inspections with <kbd>Alt</kbd>+<kbd>Enter</kbd>
</h2>
<p>Quick static code analysis to find and fix code issues</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/unity_alt_enter.gif">
</div>
</section>
<section class="high-image-inside" data-product="rider-unity">
<h2>Search Everywhere</h2>
<p>Powerful, fast search to find a file, C# class or symbol from a single UI</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/resharper-ultimate/rider-unity/search_everywhere.png">
</div>
</section>
<section data-product="rider-unity">
<h2>Rich code navigation</h2>
<p>Find usages, go to type member, navigate class hierarchy</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/navigate_to.png">
</div>
</section>
<section data-product="rider-unity" data-autoslide="12500">
<h2>Set as Unity external editor</h2>
<p>Double click C# files to open in Rider</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/unity_integration.gif">
</div>
</section>
<section data-product="rider-unity">
<h2>One click to debug the Unity Editor</h2>
<p>Automatically switch to play mode</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/debug_configurations.png">
</div>
</section>
<section data-product="rider-unity">
<h2>Debug Unity players</h2>
<p>Discover local players or devices on the network</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/resharper-ultimate/rider-unity/debug_players.png">
</div>
</section>
<section data-product="rider-unity">
<h2>View attached components and child hierarchy<br>in debugger</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/debug_extensions.png">
</div>
</section>
<section class="high-image-inside" data-product="rider-unity">
<h2>Unity Explorer to view Unity project structure</h2>
<p>View Assets and Packages</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/resharper-ultimate/rider-unity/unity_explorer.png">
</div>
</section>
<section class="high-image-inside" data-product="rider-unity">
<h2>Create Unity scripts straight from the editor</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/file_templates.png">
</div>
</section>
<section class="high-image-inside" data-product="rider-unity" data-autoslide="15500">
<h2>Unity log viewer</h2>
<p>View and navigate logs</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/log_viewer.gif">
</div>
</section>
<section data-product="rider-unity" data-autoslide="16500">
<h2>Play, pause and step Unity straight from Rider</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/play_pause.gif">
</div>
</section>
<section class="high-image-inside" data-product="rider-unity" data-autoslide="10500">
<h2>Generate Unity event functions</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/unity_generate_code.gif">
</div>
</section>
<section data-product="rider-unity" data-autoslide="8000">
<h2>Code completion for Unity event functions</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/unity_code_completion.gif">
</div>
</section>
<section data-product="rider-unity">
<h2>Quick documentation and links to Unity help</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/quick_doc.png">
</div>
</section>
<section data-product="rider-unity">
<h2>Unity specific Code Vision</h2>
<p>Links for implicitly used classes, event functions and serialised fields</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/code_vision.png">
</div>
</section>
<section data-product="rider-unity">
<h2>Find usages of event handlers in scenes and assets</h2>
<p>Show usages in Unity</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/show_usages_in_unity.png">
</div>
</section>
<section data-product="rider-unity">
<h2>Support for "magic strings"</h2>
<p>Code completion, find usages and rename
<p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/invoke.png">
</div>
</section>
<section class="high-image-inside" data-product="rider-unity" data-autoslide="28000">
<h2>Unity specific inspections and quick fixes</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/unity_inspections.gif">
</div>
</section>
<section data-product="rider-unity">
<h2>Performance indicators</h2>
<p>Highlight performance critical code and calls to known expensive APIs</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/performance_indicators.png">
</div>
</section>
<section data-product="rider-unity">
<h2>Integrated IL viewer</h2>
<p>See exactly what your code is doing</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/il_viewer.png">
</div>
</section>
<section data-product="rider-unity">
<h2>Shader file support</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/shaderlab.png">
</div>
</section>
<section data-product="rider-unity">
<h2>Colour highlighting and editing</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider-unity/colour_highlighting.png">
</div>
</section>
<section class="high-image-inside" data-product="rider-unity">
<div class="content-col">
<h2>Manage your VCS changes</h2>
<p>Work with Git, GitHub, Mercurial, Perforce, Subversion, CVS and TFVC</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/vcs.png">
</div>
</section>
<section class="high-image-inside" data-product="rider-unity">
<h2>Work with databases and SQL</h2>
<p>Edit and run SQL scripts with support for multiple database platforms</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/database.png">
</div>
</section>
<section data-product="rider-unity">
<h2>1000+ plugins</h2>
<p>ReSharper and IntelliJ plugins are available for Rider</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/rider/plugins.png">
</div>
</section>
<section data-product="rider-unity">
<h2>Learn more and download a free 30-day trial</h2>
<p>jetbrains.com/unity</p>
<div class="jetbrains-logo _logo-rider _size-5"></div>
</section>
<!--endregion-->
<!--region ReSharper-->
<section data-product="resharper">
<h2>ReSharper</h2>
<p>Visual Studio extension<br/>for .NET and web developers</p>
<div class="jetbrains-logo _logo-resharper _size-5"></div>
</section>
<section data-product="resharper">
<h2>Enjoy continuous code quality analysis</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/code_analysis.png">
</p>
</section>
<section data-product="resharper">
<h2>Improve your code with quick-fixes</h2>
<p>C#, VB.NET, XAML, ASP.NET, HTML, JavaScript, TypeScript, CSS, XML</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/qf_general.png">
<!--TODO Add shortcut callout (Alt+Enter)-->
</p>
</section>
<section data-product="resharper">
<h2>Use a common naming standard</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/qf_naming.png">
</p>
</section>
<section data-product="resharper">
<h2>Migrate to C# 6 or 7 when you are ready</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/qf_csharp6.png">
</p>
</section>
<section data-product="resharper">
<h2>See where LINQ can be used</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/qf_linq.png">
</p>
</section>
<section data-product="resharper">
<h2>Find and prevent possible exceptions</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/qf_invalid_cast.png">
</p>
</section>
<section data-product="resharper">
<h2>Detect unused or unreachable code</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/qf_unreachable_code.png">
</p>
</section>
<section data-product="resharper">
<h2>Detect potential threading issues</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/qf_lock.png">
</p>
</section>
<section data-product="resharper">
<h2>Track errors as they appear, solution-wide</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/swa.png">
</p>
</section>
<section data-product="resharper">
<h2>Instantly find all code issues in any scope</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/inspection_results.png">
</p>
</section>
<section data-product="resharper">
<h2>Spellcheck your code with integrated ReSpeller</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/spell-checking.png">
</p>
</section>
<section data-product="resharper">
<h2>Lint your JS/TS code with JSLint, ESLint, and TSLint</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/linters.png">
</p>
</section>
<section data-product="resharper">
<h2>Code faster with extended completion</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/completion.png">
<!--TODO Add shortcut callout (Ctrl+Space)-->
</p>
</section>
<section data-product="resharper">
<h2>Code faster with extended completion</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/completion2.png">
</p>
</section>
<section data-product="resharper">
<h2>Generate boilerplate code quickly</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/generate_general.png">
</p>
</section>
<section data-product="resharper">
<h2>Generate boilerplate code quickly</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/generate_override_members.png">
</p>
</section>
<section class="high-image-inside" data-product="resharper">
<h2>Debug with pleasure</h2>
<p>Inline debugging adornments and searchable DataTips</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper/debugging_assistance.png">
</div>
</section>
<section data-product="resharper">
<h2>Refactor safely</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/refactor_this.png">
<!--TODO Add shortcut callout (Ctrl+Shift+R)-->
</p>
</section>
<section data-product="resharper">
<h2>Find and explore code usages</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/find_usages.png">
</p>
</section>
<section data-product="resharper">
<h2>Find and explore code usages</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/go_to_usages.png">
</p>
</section>
<section data-product="resharper">
<h2>Jump to any code quickly</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/go_to_symbol.png">
</p>
</section>
<section data-product="resharper">
<h2>Find any text in source and textual files</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/go_to_word.png">
</p>
</section>
<section data-product="resharper">
<h2>Speed up with contextual navigation</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/navigate_to.png">
</p>
</section>
<section data-product="resharper" data-autoslide="25000">
<h2>Navigate between structural pieces of code</h2>
<p>like you're tabbing through a web page in a browser</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/tab_navigation.gif">
</p>
</section>
<section data-product="resharper">
<h2>Enjoy web development</h2>
<p>ASP.NET (Core, MVC, Web Forms), HTML, JavaScript, TypeScript, Angular, JSON, CSS</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/aspnet.png">
<!--TODO Add shortcut callout (Alt+Enter)-->
</p>
</section>
<section data-product="resharper">
<h2>Enjoy XAML development</h2>
<p>WPF, Silverlight, Windows Phone, Universal Windows Platform</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/xaml1.png">
<!--TODO Add shortcut callout (Alt+Enter)-->
</p>
</section>
<section data-product="resharper">
<h2>Enjoy XAML development</h2>
<p>WPF, Silverlight, Windows Phone, Universal Windows Platform</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/xaml2.png">
</p>
</section>
<section data-product="resharper">
<h2>Manage and run unit tests</h2>
<p>NUnit, MSTest, xUnit, QUnit, Jasmine...</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/unit_test_explorer_default.png">
</p>
</section>
<section data-product="resharper">
<h2>Manage and run unit tests</h2>
<p>NUnit, MSTest, xUnit, QUnit, Jasmine...</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/unit_test_explorer_categories.png">
</p>
</section>
<section data-product="resharper">
<h2>Manage and run unit tests</h2>
<p>NUnit, MSTest, xUnit, QUnit, Jasmine...</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/unit_test_explorer_sessions.png">
</p>
</section>
<section data-product="resharper">
<h2>Manage and run unit tests</h2>
<p>NUnit, MSTest, xUnit, QUnit, Jasmine...</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/unit_tests_context.png">
</p>
</section>
<section data-product="resharper">
<h2>Manage and run unit tests</h2>
<p>NUnit, MSTest, xUnit, QUnit, Jasmine...</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/unit_test_sessions.png">
</p>
</section>
<section data-product="resharper">
<h2>Extend ReSharper</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/extensions.png">
</p>
</section>
<section data-product="resharper">
<h2>Run inspections from the command line</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper/command_line.png">
</p>
</section>
<section data-product="resharper">
<h2>Learn more and download a free 30-day trial</h2>
<p>jetbrains.com/resharper</p>
<div class="jetbrains-logo _logo-resharper _size-5"></div>
</section>
<!--endregion-->
<!--region GameDev Intro: Unreal-->
<section data-product="gamedev_video_unreal_intro" data-autoslide="12000"
data-background-video="img/screenshots/gamedev/Unreal_intro.mp4" class="no-background"
data-background-size="cover">
</section>
<!--endregion-->
<!--region ReSharper C++-->
<section data-product="resharper-cpp">
<h2>ReSharper C++</h2>
<p>Visual Studio extension<br/>for C++ developers</p>
<div class="jetbrains-logo _logo-resharper-cpp _size-5"></div>
</section>
<section data-product="resharper-cpp">
<h2>Native support for modern C++ standards</h2>
<p>Including C++14, C++17 and C++20!</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/cpp20_concepts_errors.png">
</p>
</section>
<section data-product="resharper-cpp" data-autoslide="8000">
<h2>Support for C++/CLI</h2>
<p>Requires ReSharper Ultimate</p>
<ul>
<li>Code Inspections</li>
<li>Typing assistance</li>
<li>Formatting</li>
<li>Code completion</li>
<li>Navigation</li>
</ul>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/cpp-cli-rename.gif">
</p>
</section>
<section class="high-image-inside" data-product="resharper-cpp">
<h2>Design-time code quality analysis</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/code_analysis.png">
</div>
</section>
<section class="high-image-inside" data-product="resharper-cpp">
<h2>Design-time code quality analysis</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/unmatched_directive_blog.png">
</div>
</section>
<section data-product="resharper-cpp">
<h2>Useful error diagnostics in templated code</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/substitution_failed.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Find code issues in project or solution</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/inspection_results.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Repair and improve code with quick-fixes</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/qf_redundant_qualifier.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Repair and improve code with quick-fixes</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/qf_use_type.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Get more information about the completion item</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/completion.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Code faster with smart completion</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/code_completion.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Transform code with context actions</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/ca_generate_constructor.png">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/ca_generate_implementation.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Transform code with context actions</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/ca_substitute_typedef.png">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/ca_merge_nested_if.png">
</p>
</section>
<section class="high-image-inside" data-product="resharper-cpp" data-autoslide="33000">
<h2>Transform code with context actions</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/enum_to_string2.gif">
</div>
</section>
<section data-product="resharper-cpp">
<h2>Refactor safely</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/refactoring_popup.png">
</p>
</section>
<section class="high-image-inside" data-product="resharper-cpp">
<h2>Refactor safely</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/refactoring_dialog.png">
</div>
</section>
<section class="high-image-inside" data-product="resharper-cpp">
<h2>Keep your style</h2>
<p>Sorting of #include directives</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/sort_includes_options.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Explore usages of any symbol</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/find_usages.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Get detailed parameter information</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/parameter_info_templates.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Find your way through the code</h2>
<p>Parameter and namespace name hints</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/parameter_hints.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Find your way through the code</h2>
<p>Type hints</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/type_hints_lambda.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Find your way through the code</h2>
<p>Type hints</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/type_hints_2.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Identify easily function arguments<br/> passed by a non-const reference</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/hints_for_references.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Explore to-do comments</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/todo_explorer.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Find everything quickly</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/go_to_combos.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Speed up with smart navigation</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/navigate_to.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Navigate between template specializations</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/template_specializations.png">
</p>
</section>
<section class="high-image-inside" data-product="resharper-cpp" data-autoslide="33000">
<h2>Navigate to unmatched signatures <br> with Go to declaration</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/go_to_unmatched.gif">
</div>
</section>
<section data-product="resharper-cpp">
<h2>Visually explore hierarchy of types</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/subtypes_hierarchy.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Visually explore hierarchy of includes</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/includes_hierarchy.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Optimize compilation speed with Includes Analyzer</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/includes_analyzer.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Generate boilerplate code</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/generate_popup.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Use code templates to code faster</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/templates_surround.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Reformat code in any scope</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/format_selection.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Run inspections from the command line</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/command_line_tools.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Smart Debug: control stepping behavior</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/step_filters_settings.png">
</p>
</section>
<section data-product="resharper-cpp">
<h2>Test with pleasure</h2>
<p>Integrated with Google Test, Boost.Test, Doctest and Catch</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/unit_testing.png">
</p>
</section>
<section class="high-image-inside" data-product="resharper-cpp" data-autoslide="10000">
<h2>Unreal Engine: Completion for reflection specifiers</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/reflection_specifiers_completion.gif">
</div>
</section>
<section class="high-image-inside" data-product="resharper-cpp">
<h2>Unreal Engine: built-in documentation for reflection specifiers</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/UE4_doc.png">
</p>
</section>
<section class="high-image-inside" data-product="resharper-cpp" data-autoslide="15000">
<h2>Unreal Engine: Live Templates</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/ue_uclass.gif">
</div>
</section>
<section class="high-image-inside" data-product="resharper-cpp" data-autoslide="8000">
<h2>Unreal Engine: Parameter Info, code analysis, <br/>and postfix code completion for Smart Pointers</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/ue_make_shared.gif">
</div>
</section>
<section class="high-image-inside" data-product="resharper-cpp">
<h2>Unreal Engine: code analysis</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/UE_analysis.png">
</p>
</section>
<section class="high-image-inside" data-product="resharper-cpp">
<h2>Unreal Engine: Working with Remote Procedure Calls</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/rpc_navigation_missing.png">
</p>
</section>
<section class="high-image-inside" data-product="resharper-cpp">
<h2>Unreal Engine: Auto-import and code analysis <br>with respect to the generated headers</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/generated_header_last.png">
</p>
</section>
<section class="high-image-inside" data-product="resharper-cpp">
<h2>Unreal Engine: performance optimizations</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/resharper-cpp/ue_performance_settings.png">
</div>
</section>
<section data-product="resharper-cpp">
<h2>Learn more and download a free 30-day trial</h2>
<p>jetbrains.com/resharper-cpp</p>
<div class="jetbrains-logo _logo-resharper-cpp _size-5"></div>
</section>
<!--endregion-->
<!--region dotTrace-->
<section data-product="dottrace">
<h2>dotTrace</h2>
<p>.NET performance profiler</p>
<div class="jetbrains-logo _logo-dottrace _size-5"></div>
</section>
<section class="high-image-inside" data-product="dottrace">
<h2>Profile various .NET applications</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dottrace/dottrace_home_screen.png">
</div>
</section>
<section data-product="dottrace">
<h2>Profile remote applications</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dottrace/remote_profiling.png">
</p>
</section>
<section data-product="dottrace">
<h2>Profile right in Visual Studio</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dottrace/performance_profiler_in_visual_studio.png">
</p>
</section>
<section class="high-image-inside" data-product="dottrace">
<h2>Dive deeper with integrated decompiler</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dottrace/dottrace_decompiled_source.png">
</div>
</section>
<section data-product="dottrace">
<h2>Explore profiling results in different views</h2>
<p>Call tree, threads tree, hot spots, plain list, ...</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/dottrace/call_tree_view.png">
<img data-src="img/screenshots/resharper-ultimate/dottrace/threads_view.png">
</p>
</section>
<section data-product="dottrace">
<h2>Profile async calls easily</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dottrace/async_profiling.png">
</p>
</section>
<section data-product="dottrace">
<h2>Discover bottlenecks with Subsystems view</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dottrace/subsystems.png">
</p>
</section>
<section data-product="dottrace">
<h2>Compare profiling results</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dottrace/snapshot_comparison.png">
</p>
</section>
<section data-product="dottrace">
<h2>Integration with Visual Studio and ReSharper</h2>
<p>One-click profiling of current project and unit tests</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/dottrace/profile_all_tests.png">
</p>
</section>
<section data-product="dottrace">
<h2>Learn more and download a free trial</h2>
<p>jetbrains.com/profiler</p>
<div class="jetbrains-logo _logo-dottrace _size-5"></div>
</section>
<!--endregion-->
<!--region dotCover-->
<section data-product="dotcover">
<h2>dotCover</h2>
<p>.NET unit test runner<br/>and code coverage tool</p>
<div class="jetbrains-logo _logo-dotcover _size-5"></div>
</section>
<section class="high-image-inside" data-product="dotcover">
<h2>Code coverage of unit tests</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotcover/unit_testing_coverage_tab.png">
</div>
</section>
<section class="high-image-inside" data-product="dotcover">
<h2>Code coverage of manual test sessions</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotcover/manual_test_coverage.png">
</div>
</section>
<section class="high-image-inside" data-product="dotcover">
<h2>Run unit tests continuously</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotcover/continuous_testing.png">
</div>
</section>
<section data-product="dotcover">
<h2>Visualize code coverage</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dotcover/dotcover_new_highlighting.png">
</p>
</section>
<section data-product="dotcover">
<h2>Navigate to covering tests</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dotcover/navigate_to_covering_tests.png">
<!--TODO Add shortcut callout (Ctrl+Alt+K,T)-->
</p>
</section>
<section class="high-image-inside" data-product="dotcover">
<h2>Export coverage results</h2>
<p>to HTML, XML, or JSON</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotcover/coverage_report.png">
</div>
</section>
<section data-product="dotcover">
<h2>Learn more and download a free 30-day trial</h2>
<p>jetbrains.com/dotcover</p>
<div class="jetbrains-logo _logo-dotcover _size-5"></div>
</section>
<!--endregion-->
<!--region dotMemory-->
<section data-product="dotmemory">
<h2>dotMemory</h2>
<p>.NET memory profiler</p>
<div class="jetbrains-logo _logo-dotmemory _size-5"></div>
</section>
<section class="high-image-inside" data-product="dotmemory">
<h2>Unique user interface</h2>
<p>for easy step-by-step memory analysis</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotmemory/dotmemory_ui.png">
</div>
</section>
<section class="high-image-inside" data-product="dotmemory">
<h2>Pinpoint memory issues</h2>
<p>with automatic inspections</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotmemory/memory_inspections.png">
</div>
</section>
<section data-product="dotmemory">
<h2>Analyze memory consumption in real time</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dotmemory/real_time_memory_analysis.png">
</p>
</section>
<section class="high-image-inside" data-product="dotmemory">
<h2>Analyze call stacks</h2>
<p>with the icicle chart</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotmemory/icicle_chart.png">
</div>
</section>
<section class="high-image-inside" data-product="dotmemory">
<h2>Analyze dominating objects</h2>
<p>with the sunburst diagram</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotmemory/sunburst_diagram.png">
</div>
</section>
<section data-product="dotmemory">
<h2>Learn more and download a free trial</h2>
<p>jetbrains.com/dotmemory</p>
<div class="jetbrains-logo _logo-dotmemory _size-5"></div>
</section>
<!--endregion-->
<!--region dotPeek-->
<section data-product="dotpeek">
<h2>dotPeek</h2>
<p>Free .NET decompiler<br/>and assembly browser</p>
<div class="jetbrains-logo _logo-dotpeek _size-5"></div>
</section>
<section class="high-image-inside" data-product="dotpeek">
<h2>Decompile and explore .NET assemblies</h2>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotpeek/dotpeek_general.png">
</div>
</section>
<section data-product="dotpeek">
<h2>Export assemblies into source projects</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dotpeek/export_to_visual_studio.png">
</p>
</section>
<section data-product="dotpeek">
<h2>Navigate and search in decompiled code</h2>
<p>like you would do in Visual Studio with ReSharper</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/dotpeek/find_usages_dotpeek.png">
</p>
</section>
<section data-product="dotpeek">
<h2>Navigate and search in decompiled code</h2>
<p>like you would do in Visual Studio with ReSharper</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/dotpeek/go_to_everything.png">
</p>
</section>
<section class="high-image-inside" data-product="dotpeek">
<h2>Navigate and search in decompiled code</h2>
<p>like you would do in Visual Studio with ReSharper</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotpeek/dotpeek_type_dependency_diagram.png">
</div>
</section>
<section data-product="dotpeek">
<h2>Generate PDB files on-the-fly</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dotpeek/pdb_generation_dialog.png">
</p>
</section>
<section data-product="dotpeek">
<h2>Generate PDB files on-the-fly</h2>
<p>
<img data-src="img/screenshots/resharper-ultimate/dotpeek/pdb_generation_log.png">
</p>
</section>
<section data-product="dotpeek">
<h2>Use dotPeek symbol server</h2>
<p>to generate PDB and source files for your debugger</p>
<p>
<img data-src="img/screenshots/resharper-ultimate/dotpeek/symbol_server.png">
</p>
</section>
<section class="high-image-inside" data-product="dotpeek">
<h2>Explore metadata of .NET assemblies</h2>
<p>right from the Assembly Explorer</p>
<div class="image-col">
<img data-src="img/screenshots/resharper-ultimate/dotpeek/dotpeek_metadata_viewer.png">
</div>
</section>
<section data-product="dotpeek">
<h2>Learn more and download for free</h2>
<p>jetbrains.com/decompiler</p>
<div class="jetbrains-logo _logo-dotpeek _size-5"></div>
</section>
<!--endregion-->
<!--region CLion-->
<section data-product="clion">
<h2>CLion</h2>
<p>Smart cross-platform IDE<br/>for C and C++</p>
<div class="jetbrains-logo _logo-clion _size-5"></div>
</section>
<!--<section data-product="clion">-->
<!--<h2>Develop and debug audio app with ease</h2>-->
<!--<video data-autoplay data-src="img/screenshots/clion/JUCE_audio_demo.mp4" />-->
<!--</section>-->
<section data-product="clion">
<h2>Get a smart cross-platform IDE <br/>for C and C++</h2>
<p>
<img data-src="img/screenshots/clion/cpp_ide-1200.png">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<h2>Native support for modern C++ standards</h2>
<p>Including C++14, C++17 and C++20!</p>
<p>
<img data-src="img/screenshots/clion/concepts_chain.png">
</p>
</section>
<section data-product="clion">
<h2>Works with GCC, Clang and MSVC<br/>
Compatible with WSL toolchain on Windows
</h2>
<p>
<img data-src="img/screenshots/clion/WSL_settings.png">
</p>
</section>
<section class="high-image-inside" data-product="clion" data-autoslide="22000">
<h2>Remote development</h2>
<p>Build, Run, Debug remotely from CLion running locally</p>
<div class="image-col">
<img data-src="img/screenshots/clion/remote_run_app.gif">
</div>
</section>
<section data-product="clion">
<h2>Supports CMake, Gradle and compilation database</h2>
<p>
<img data-src="img/screenshots/clion/gradle_build.png">
</p>
</section>
<section data-product="clion">
<h2>Supports Ninja and other CMake generators</h2>
<p>
<img data-src="img/screenshots/clion/cmake_generator.png">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<h2>Code faster with smart editor</h2>
<p>Parameter info</p>
<div class="image-col">
<img data-src="img/screenshots/clion/deduction_guides.png">
</div>
</section>
<section class="high-image-inside" data-product="clion">
<h2>Code faster with smart editor</h2>
<p>Parameter hints</p>
<div class="image-col">
<img data-src="img/screenshots/clion/parameter_hints.png">
</div>
</section>
<section data-product="clion" data-autoslide="51000">
<h2>Code faster with smart editor</h2>
<p>Live templates & Multiple cursors</p>
<p>
<img data-src="img/screenshots/clion/multiple_cursor_templates_compl.gif">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Customize your editing experience</h2>
<p>Color schemes, background images, code style settings, naming convention</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/code_styles_predefined.png">
</div>
</section>
<section data-product="clion" data-autoslide="15000">
<h2>ClangFormat as an alternative code formatter</h2>
<p>Works across all IDE actions</p>
<div class="image-col">
<img data-src="img/screenshots/clion/clangformat.gif">
</div>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Customize your editing experience</h2>
<p>Configurable keymaps</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/keymap-1627.png">
</div>
</section>
<section data-product="clion">
<h2>Read code with ease</h2>
<p>Semantic highlighting</p>
<p>
<img data-src="img/screenshots/clion/semantic_highlight.png"><br/>
</p>
</section>
<section class="high-image-inside" data-product="clion" data-autoslide="20000">
<h2>Read code with ease</h2>
<p>Resolve context</p>
<div class="image-col">
<img data-src="img/screenshots/clion/resolve_context.gif"><br/>
</div>
</section>
<section class="high-image-inside" data-product="clion" data-autoslide="20000">
<h2>Navigate efficiently</h2>
<p>Go to Header/Source</p>
<div class="image-col">
<img data-src="img/screenshots/clion/goto_header_source.gif"><br/>
</div>
</section>
<section data-product="clion">
<h2>Navigate efficiently</h2>
<p>Go to class, file, symbol by its name</p>
<p>
<img data-src="img/screenshots/clion/search_everywhere_an.png">
</p>
</section>
<section data-product="clion">
<h2>Navigate efficiently</h2>
<p>Structure view</p>
<p>
<img data-src="img/screenshots/clion/structure_view.png"><br/>
</p>
</section>
<section data-product="clion">
<h2>Navigate efficiently</h2>
<p>Hierarchy views</p>
<p>
<img data-src="img/screenshots/clion/hierarchy.png">
</p>
</section>
<section data-product="clion">
<h2>Navigate efficiently</h2>
<p>Breadcrumbs for C/C++</p>
<p>
<img data-src="img/screenshots/clion/breadcrumbs.png">
</p>
</section>
<section data-product="clion" data-autoslide="10000">
<h2>Code faster with templates</h2>
<p>Surround With... templates</p>
<p>
<img data-src="img/screenshots/clion/surround_with_if.gif">
</p>
</section>
<section data-product="clion" data-autoslide="10000">
<h2>Code faster with templates</h2>
<p>Live templates for C, C++, CMake and more</p>
<p>
<img data-src="img/screenshots/clion/cmake_boost_live_template.gif">
</p>
</section>
<section data-product="clion">
<h2>Speed up with code generation</h2>
<p>Create from usage</p>
<p>
<img data-src="img/screenshots/clion/create_usage-2454.png">
</p>
</section>
<section data-product="clion">
<h2>Speed up with code generation</h2>
<p>Generate operators</p>
<p>
<img data-src="img/screenshots/clion/generate_operator-2690.png">
</p>
</section>
<section data-product="clion">
<h2>Speed up with code generation</h2>
<p>Override/Implement, and more</p>
<p>
<img data-src="img/screenshots/clion/generate_menu-2660.png">
</p>
</section>
<section data-product="clion" data-autoslide="15000">
<h2>Keep a good <code></code> quality</h2>
<p>On-the-fly code analysis</p>
<p>
<img data-src="img/screenshots/clion/analysis.png">
</p>
</section>
<section data-product="clion">
<h2>Keep a good <code></code> quality</h2>
<p>On-the-fly code analysis</p>
<p>
<img data-src="img/screenshots/clion/wrong_arguments_inspection.png">
</p>
</section>
<section data-product="clion" data-autoslide="26000">
<h2>Keep a good code quality</h2>
<p>Quick-fixes</p>
<p>
<img data-src="img/screenshots/clion/cast_operators.gif">
</p>
</section>
<section data-product="clion" data-autoslide="16000">
<h2>Keep a good code quality</h2>
<p>Clang-Tidy integration: C++ Core Guidelines, Modernize, etc. </p>
<p>
<img data-src="img/screenshots/clion/cppcoreguidelines.gif">
</p>
</section>
<section data-product="clion" data-autoslide="15000">
<h2>Refactor safely</h2>
<p>Rename symbol and all its context usages</p>
<p>
<img data-src="img/screenshots/clion/doxygen_rename.gif">
</p>
</section>
<section data-product="clion" data-autoslide="12000">
<h2>Refactor safely</h2>
<p>Cascading update of the hierarchies</p>
<p>
<img data-src="img/screenshots/clion/rename.gif">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<h2>Refactor safely</h2>
<p>Extract Function, Variable, Typedef, Class, etc.</p>
<div class="image-col">
<img data-src="img/screenshots/clion/extract_variable.png">
</div>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Refactor safely</h2>
<p>Change Signature, Inline, Safe Delete, and many others</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/refactor_menu-2243.png">
</div>
</section>
<section class="high-image-inside" data-product="clion" data-autoslide="8000">
<div class="content-col">
<h2>Recompile a single file</h2>
<p>Without triggering the recompilation of the whole project</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/recompile_one.gif">
</div>
</section>
<section class="high-image-inside" data-product="clion">
<h2>Debug with GDB and LLDB</h2>
<p>Attach to local process, remote GDB debug</p>
<div class="image-col">
<img data-src="img/screenshots/clion/remote_debug.png">
</div>
</section>
<section data-product="clion">
<h2>Inspect code with built-in debugger</h2>
<p>Variable values right in the editor</p>
<p>
<img data-src="img/screenshots/clion/inline_view-2298.png">
</p>
</section>
<section data-product="clion">
<h2>Inspect code with built-in debugger</h2>
<p>Watches and Evaluate expressions</p>
<p>
<img data-src="img/screenshots/clion/watches-1443.png">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<h2>Inspect code with Memory View</h2>
<p>Dumps the memory behind the pointer/address</p>
<div class="image-col">
<img data-src="img/screenshots/clion/memory_view.png">
</div>
</section>
<section class="high-image-inside" data-product="clion" data-autoslide="16000">
<h2>Inspect code with built-in debugger</h2>
<p>Disassembly view</p>
<div class="image-col">
<img data-src="img/screenshots/clion/disasm_lldb.gif">
</div>
</section>
<section class="high-image-inside" data-product="clion">
<h2>Inspect code with Valgrind Memcheck</h2>
<p>Available on all platforms, including Windows (with WSL)</p>
<div class="image-col">
<img data-src="img/screenshots/clion/valgrind.png">
</div>
</section>
<section class="high-image-inside" data-product="clion" data-autoslide="20000">
<h2>Inspect code with Google Sanitizers</h2>
<p>Detect addressability issues, memory leaks,<br/> data races, and uninitialized memory.</p>
<div class="image-col">
<img data-src="img/screenshots/clion/sanitizers_races.gif">
</div>
</section>
<section class="high-image-inside" data-product="clion" data-autoslide="30000">
<h2>Inspect code with CPU Profiler</h2>
<p>Analyze your application performance using<br/>Perf on Linux or DTrace on macOS</p>
<div class="image-col">
<img data-src="img/screenshots/clion/profile_run.gif">
</div>
</section>
<section data-product="clion">
<h2>Cover with unit tests</h2>
<p>Google Test, Boost.Test and Catch support</p>
<p>
<img data-src="img/screenshots/clion/test_runner.png">
</p>
</section>
<section data-product="clion" data-autoslide="14000">
<h2>Cover with unit tests</h2>
<p>Code generation for Google Test</p>
<p>
<img data-src="img/screenshots/clion/generate_tests.gif">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<h2>Code Coverage</h2>
<p>Via llvm-cov/gcov integration</p>
<p>
<img data-src="img/screenshots/clion/coverage.png">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Keep your code documented</h2>
<p>Doxygen support, documentation preview</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/clion_quick_doc.png">
</div>
</section>
<section class="high-image-inside" data-product="clion" data-autoslide="7000">
<h2>Keep your code documented</h2>
<p>Completion, Rename refactoring, comments generation</p>
<p>
<img data-src="img/screenshots/clion/doxygen_ellipsis_generate.gif">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<h2>Spell Checker</h2>
<p>Catch typos in code, comments, CMake, and Doxygen</p>
<p>
<img data-src="img/screenshots/clion/typo_doxygen.png">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Embedded Development</h2>
<p>Debug on MCU, view the Peripherals</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/peripherals.png">
</div>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Smart CMake support</h2>
<p>Rename refactoring</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/cmake_rename-2762.png">
</div>
</section>
<section data-product="clion">
<h2>Smart CMake support</h2>
<p>Completion</p>
<p>
<img data-src="img/screenshots/clion/cmake_completion-2347.png">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Save time with auto-update</h2>
<p>Automatic CMake update on file creation and deletion</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/new_class-2394.png">
</div>
</section>
<section data-product="clion">
<h2>Benefit from built-in VCS</h2>
<p>SVN, Git/GitHub, Mercurial, CVS, Perforce, TFS</p>
<p>
<img data-src="img/screenshots/clion/undo_commit.png">
</p>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Benefit from built-in VCS</h2>
<p>Unified interface, local history</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/local_history.png">
</div>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Benefit from built-in VCS</h2>
<p>Perform code analysis and check TODO before commit</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/commit_changes.png">
</div>
</section>
<section class="high-image-inside" data-product="clion">
<div class="content-col">
<h2>Database tools and SQL support</h2>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/database_clion.png">
</div>
</section>
<section data-product="clion">
<h2>More languages — more power</h2>
<ul class="slide-block">
<li><img class="slide-logo" data-src="img/external_logos/python.svg"></li>
<li><img class="slide-logo" data-src="img/external_logos/swift.svg"></li>
<li><img class="slide-logo" data-src="img/external_logos/objc.svg"></li>
<li><img class="slide-logo" data-src="img/external_logos/javascript.svg"></li>
<li><img class="slide-logo" data-src="img/external_logos/html5.svg"></li>
<li><img class="slide-logo" data-src="img/external_logos/css3.svg"></li>
<li><img class="slide-logo" data-src="img/external_logos/kotlin.svg"></li>
<li><img class="slide-logo" data-src="img/external_logos/Fortran.svg"></li>
<li><img class="slide-logo" data-src="img/external_logos/rust.svg"></li>
</ul>
<!--TODO consider making images fragments-->
</section>
<section class="high-image-inside" data-product="clion" data-autoslide="20000">
<div class="content-col">
<h2>Treat string literals as code</h2>
<p>Injected languages: SQL, RegExp, HTML, and more</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/clion/regexp.gif">
</div>
</section>
<section data-product="clion">
<h2>Learn more and download<br>a free 30-day trial</h2>
<p>jetbrains.com/clion</p>
<div class="jetbrains-logo _logo-clion _size-5"></div>
</section>
<!--endregion-->
<!--region Rider C++ Preview announcement -->
<section data-product="rider-cpp-preview" data-autoslide="20000">
<div class="jetbrains-logo _logo-rider _size-5"></div>
<img class="slide-logo-small" data-src="img/external_logos/ue4.svg"/>
<h1>Using Unreal Engine? <br/> Fill out the survey —<br/>join Rider C++ Preview!</h1>
</section>
<!--endregion-->
<!--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-->
<!--region AppCode -->
<section data-product="appcode">
<h2>AppCode</h2>
<p>Smart IDE<br/>for iOS/macOS development</p>
<div class="jetbrains-logo _logo-appcode _size-5"></div>
</section>
<section data-product="appcode">
<h2>Smart editor</h2>
<p>Multiple cursors for any language</p>
<video data-autoplay data-src="img/screenshots/appcode/multicursor.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Smart editor</h2>
<p>Semantic highlighting</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/semantic@2x.png"/>
</div>
</section>
<section data-product="appcode">
<h2>Smart editor</h2>
<p>Inline type hints for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/type_hints.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Code faster with smart intention actions</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/intentions.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Code faster with smart intention actions</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/inspections_swift.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Code faster with smarter completion</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/completion.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Speed up with code generation</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/override_implement.png"/>
</div>
</section>
<section data-product="appcode">
<h2>Speed up with code generation</h2>
<video data-autoplay data-src="img/screenshots/appcode/cfu_1.mov"/>
</section>
<section data-product="appcode">
<h2>Speed up with code generation</h2>
<video data-autoplay data-src="img/screenshots/appcode/generate.mov"/>
</section>
<section data-product="appcode">
<h2>Reformat code easily</h2>
<video data-autoplay data-src="img/screenshots/appcode/reformat.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Improve your code quality</h2>
<p>Code inspections for Objective-C, C++ and Swift</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/inspections_c.png"/>
</div>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Rename refactoring for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/rename.mov"/>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Extract Variable refactoring</p>
<video data-autoplay data-src="img/screenshots/appcode/extract.mov"/>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Extract Method refactoring for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/extract_method.mov"/>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Change Signature refactoring for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/change_signature@2x.mp4"/>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Extract Closure refactoring for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/extract_closure.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Navigate efficiently</h2>
<p>Quick navigation options and powerful search</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/navigation_1.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Navigate efficiently</h2>
<p>Quick navigation options and powerful search</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/navigation_2.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Navigate efficiently</h2>
<p>Quick navigation options and powerful search</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/navigation_3.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Search easily</h2>
<p>for classes, methods, variables or resources</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/find_usages.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Multiple perspectives</h2>
<p>Import and call hierarchies view & file structure</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/structure.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Edit any file under the project root</h2>
<p>Files view</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/files_view.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug with ease</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/debug_1.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug with ease</h2>
<p>Evaluate expressions quickly and add watches easily</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/debug_2.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug with ease</h2>
<p>Click on an inline hint and examine the selected variable.</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/inline@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug with ease</h2>
<p>Set the current location for the program counter in the left-hand gutter.</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/pc@2x.gif"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>No-hassle testing</h2>
<p>Sort tests by duration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/sort_by_duration@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>No-hassle testing</h2>
<p>Re-run only failed tests</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/rerun_failed_tests@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>No-hassle testing</h2>
<p>Benefit from the built-in test history</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/test_history@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>No-hassle testing</h2>
<p>XCTest, Quick, Kiwi</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/testing_1@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>No-hassle testing</h2>
<p>Google Tests, Boost.Test, Catch</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/testing_2@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>No-hassle testing</h2>
<p>Code Coverage right in your IDE</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/cov@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>Localize easily</h2>
<p>Localize strings easily with intentions for Swift.</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/localize@2x.gif"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>Localize easily</h2>
<p>See the actual value of a localized string in your code.</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/folding@2x.gif"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Manage your dependencies directly from the IDE</h2>
<p>CocoaPods manager</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/cocoapods.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Database tools and SQL support</h2>
<video data-autoplay data-src="img/screenshots/appcode/database.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug view hierarchies</h2>
<p>Reveal integration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/reveal@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Git, SVN, Mercurial, Perforce</h2>
<p>Complete VCS integration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/vcs_1.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Git, SVN, Mercurial, Perforce</h2>
<p>Complete VCS integration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/vcs_2.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Git, SVN, Mercurial, Perforce</h2>
<p>Complete VCS integration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/vcs_3.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Git, SVN, Mercurial, Perforce</h2>
<p>GitHub pull-requests</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/github@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Save your changes with Local History</h2>
<p>even without a version control system</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/local_history@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Use cross-platform frameworks in your iOS app</h2>
<p>PhoneGap or React Native</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/react@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Enjoy web development</h2>
<p>HTML, CSS, JavaScript, Emmet</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/web@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Customize Environment</h2>
<p>Color schemes, Xcode keymap, & VIM emulation</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/themes.png"/>
</div>
</section>
<section data-product="appcode">
<div class="jetbrains-logo _logo-appcode _size-5"></div>
<p>Download a free trial <a href="https://www.jetbrains.com/appcode">jetbrains.com/appcode</a></p>
<p>Follow <a href="http://twitter.com/appcode">@appcode</a> on Twitter</p>
</section><section data-product="appcode">
<h2>AppCode</h2>
<p>Smart IDE<br/>for iOS/macOS development</p>
<div class="jetbrains-logo _logo-appcode _size-5"></div>
</section>
<section data-product="appcode">
<h2>Smart editor</h2>
<p>Multiple cursors for any language</p>
<video data-autoplay data-src="img/screenshots/appcode/multicursor.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Smart editor</h2>
<p>Semantic highlighting</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/semantic@2x.png"/>
</div>
</section>
<section data-product="appcode">
<h2>Smart editor</h2>
<p>Inline type hints for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/type_hints.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Code faster with smart intention actions</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/intentions.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Code faster with smart intention actions</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/inspections_swift.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Code faster with smarter completion</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/completion.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Speed up with code generation</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/override_implement.png"/>
</div>
</section>
<section data-product="appcode">
<h2>Speed up with code generation</h2>
<video data-autoplay data-src="img/screenshots/appcode/cfu_1.mov"/>
</section>
<section data-product="appcode">
<h2>Speed up with code generation</h2>
<video data-autoplay data-src="img/screenshots/appcode/generate.mov"/>
</section>
<section data-product="appcode">
<h2>Reformat code easily</h2>
<video data-autoplay data-src="img/screenshots/appcode/reformat.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Improve your code quality</h2>
<p>Code inspections for Objective-C, C++ and Swift</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/inspections_c.png"/>
</div>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Rename refactoring for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/rename.mov"/>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Extract Variable refactoring</p>
<video data-autoplay data-src="img/screenshots/appcode/extract.mov"/>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Extract Method refactoring for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/extract_method.mov"/>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Change Signature refactoring for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/change_signature@2x.mp4"/>
</section>
<section data-product="appcode">
<h2>Refactor safely</h2>
<p>Extract Closure refactoring for Swift</p>
<video data-autoplay data-src="img/screenshots/appcode/extract_closure.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Navigate efficiently</h2>
<p>Quick navigation options and powerful search</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/navigation_1.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Navigate efficiently</h2>
<p>Quick navigation options and powerful search</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/navigation_2.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Navigate efficiently</h2>
<p>Quick navigation options and powerful search</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/navigation_3.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Search easily</h2>
<p>for classes, methods, variables or resources</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/find_usages.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Multiple perspectives</h2>
<p>Import and call hierarchies view & file structure</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/structure.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Edit any file under the project root</h2>
<p>Files view</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/files_view.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug with ease</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/debug_1.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug with ease</h2>
<p>Evaluate expressions quickly and add watches easily</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/debug_2.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug with ease</h2>
<p>Click on an inline hint and examine the selected variable.</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/inline@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug with ease</h2>
<p>Set the current location for the program counter in the left-hand gutter.</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/pc@2x.gif"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>No-hassle testing</h2>
<p>Sort tests by duration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/sort_by_duration@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>No-hassle testing</h2>
<p>Re-run only failed tests</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/rerun_failed_tests@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>No-hassle testing</h2>
<p>Benefit from the built-in test history</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/test_history@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>No-hassle testing</h2>
<p>XCTest, Quick, Kiwi</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/testing_1@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>No-hassle testing</h2>
<p>Google Tests, Boost.Test, Catch</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/testing_2@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>No-hassle testing</h2>
<p>Code Coverage right in your IDE</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/cov@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>Localize easily</h2>
<p>Localize strings easily with intentions for Swift.</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/localize@2x.gif"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
<h2>Localize easily</h2>
<p>See the actual value of a localized string in your code.</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/folding@2x.gif"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Manage your dependencies directly from the IDE</h2>
<p>CocoaPods manager</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/cocoapods.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Database tools and SQL support</h2>
<video data-autoplay data-src="img/screenshots/appcode/database.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Debug view hierarchies</h2>
<p>Reveal integration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/reveal@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Git, SVN, Mercurial, Perforce</h2>
<p>Complete VCS integration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/vcs_1.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Git, SVN, Mercurial, Perforce</h2>
<p>Complete VCS integration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/vcs_2.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Git, SVN, Mercurial, Perforce</h2>
<p>Complete VCS integration</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/vcs_3.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Git, SVN, Mercurial, Perforce</h2>
<p>GitHub pull-requests</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/github@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Save your changes with Local History</h2>
<p>even without a version control system</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/local_history@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Use cross-platform frameworks in your iOS app</h2>
<p>PhoneGap or React Native</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/react@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Enjoy web development</h2>
<p>HTML, CSS, JavaScript, Emmet</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/web@2x.png"/>
</div>
</section>
<section class="high-image-inside" data-product="appcode">
<h2>Customize Environment</h2>
<p>Color schemes, Xcode keymap, & VIM emulation</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/appcode/themes.png"/>
</div>
</section>
<section data-product="appcode">
<div class="jetbrains-logo _logo-appcode _size-5"></div>
<p>Download a free trial <a href="https://www.jetbrains.com/appcode">jetbrains.com/appcode</a></p>
<p>Follow <a href="http://twitter.com/appcode">@appcode</a> on Twitter</p>
</section>
<!--endregion-->
<!--region IntelliJ IDEA -->
<section data-product="intellij">
<h2>Capable and ergonomic IDE for the JVM</h2>
<p>Excel at enterprise, mobile and web development<br/>with Java, Scala, Groovy and Kotlin</p>
<div class="jetbrains-logo _logo-intellij-idea _size-5"></div>
</section>
<section data-product="intellij">
<h2>Smart code completion</h2>
<p>Smart completion only suggests types that are expected in the current context</p>
<p>
<img data-src="img/screenshots/intellij/idea_overview_7@2x-275.png">
</p>
</section>
<section data-product="intellij">
<h2>Framework-specific assistance</h2>
<p>Intelligent coding assistance for a large variety of languages: SQL, JPQL, HTML, JavaScript, etc.</p>
<p>
<img data-src="img/screenshots/intellij/idea_overview_8@2x-298.png">
</p>
</section>
<section data-product="intellij">
<h2>Productivity boosters</h2>
<p>The IDE automates the tedious and repetitive development tasks so you can stay focused on the big
picture</p>
<p>
<img data-src="img/screenshots/intellij/idea_overview_9@2x-319.png">
</p>
</section>
<section data-product="intellij">
<h2>Unbeatable toolset right from the first start</h2>
<p>
<img data-src="img/screenshots/intellij/idea_overview_toolset@2.png">
</p>
</section>
<section data-product="intellij">
<h2>Build tools</h2>
<p>Seamless integration with Maven, Gradle, SBT, Grunt, Bower and other build tools</p>
<p>
<img data-src="img/screenshots/intellij/idea_maven@2-643.png">
</p>
</section>
<section data-product="intellij">
<h2>Version control systems</h2>
<p>Unified support for Git, GitHub, SVN, Mercurial, Perforce and other version control systems</p>
<p>
<img data-src="img/screenshots/intellij/idea_vcs@2-660.png">
</p>
</section>
<section data-product="intellij">
<h2>Spring & Java EE</h2>
<p>Extended coding assistance for Spring and Java EE projects. Seamless integration with enterprise
application servers</p>
<p>
<img data-src="img/screenshots/intellij/idea_java_ee@2-375.png">
</p>
</section>
<section data-product="intellij">
<h2>GWT & Vaadin</h2>
<p>Native support and advanced coding assistance for developing GWT and Vaadin applications</p>
<p>
<img data-src="img/screenshots/intellij/idea_gwt@2-389.png">
</p>
</section>
<section data-product="intellij">
<h2>Grails & Play</h2>
<p>An easy choice for any Groovy and Scala project. Advanced support for developing Play and Grails
applications</p>
<p>
<img data-src="img/screenshots/intellij/idea_grails@2-529.png">
</p>
</section>
<section data-product="intellij">
<h2>Android</h2>
<p>Android Studio, the official Android IDE by Google, and IntelliJ IDEA share the same IntelliJ platform
and core functionality</p>
<p>
<img data-src="img/screenshots/intellij/idea_android@2-480.png">
</p>
</section>
<section data-product="intellij">
<h2>JavaScript & HTML</h2>
<p>First-class support for JavaScript, HTML and CSS, as well as their modern successors</p>
<p>
<img data-src="img/screenshots/intellij/idea_typescript_react@2-544.png">
</p>
</section>
<section data-product="intellij">
<h2>Database tools</h2>
<p>Access Oracle, SQL Server, PostgreSQL, MySQL and other databases right from the IDE</p>
<p>
<img data-src="img/screenshots/intellij/idea_database@2-625.png">
</p>
</section>
<section data-product="intellij">
<h2>Plugin ecosystem</h2>
<p>IntelliJ IDEA has a robust plugin ecosystem with more than 1500 available plugins</p>
<p>
<img data-src="img/screenshots/intellij/idea_plugins@2.png">
</p>
</section>
<section data-product="intellij">
<h2>Community Edition</h2>
<p>Free and open-source IDE for JVM and Android development</p>
<h2>Ultimate Edition</h2>
<p>Full-fledged commercial IDE for web and enterprise development</p>
</section>
<section data-product="intellij">
<h2>Learn more and download</h2>
<p>jetbrains.com/idea</p>
<div class="jetbrains-logo _logo-intellij-idea _size-5"></div>
</section>
<!--endregion-->
<!--region GoLand-->
<section data-product="goland">
<h2>GoLand</h2>
<p>A Clever IDE to Go</p>
<div class="jetbrains-logo _logo-goland _size-5"></div>
</section>
<section data-product="goland" data-autoslide="8000">
<h2>Code completion</h2>
<p>GoLand has many ways to complete code for you.</p>
<p>
<img data-src="img/screenshots/goland/go_code_completion.gif">
</p>
</section>
<section data-product="goland">
<h2>Smart Code Completion</h2>
<p>It gives you a list of the most relevant symbols that are applicable in the current context.</p>
<p>
<img data-src="img/screenshots/goland/go_completion_2.png">
</p>
</section>
<section data-product="goland" data-autoslide="8000">
<h2>Method-like completion for functions</h2>
<p>It provides a list of all suitable functions for each specific case.</p>
<p>
<img data-src="img/screenshots/goland/go_method_like_completion.gif">
</p>
</section>
<section data-product="goland" data-autoslide="14000">
<h2>Postfix Completion</h2>
<p><em>Postfix Completion</em> lets you transform an expression into another one, based on the postfix you
specify
after the dot</p>
<p>
<img data-src="img/screenshots/goland/go_sort_postfix_completion.gif">
</p>
</section>
<section data-product="goland">
<h2>Inspections & quick-fixes</h2>
<p>GoLand comes with many quick-fixes that help you instantly find and repair most detected code issues.</p>
<p>
<img data-src="img/screenshots/goland/go_inspections_1.png">
</p>
</section>
<section data-product="goland">
<h2>Rich set of Go-aware Refactorings</h2>
<p><em>Rename</em>, <em>Move</em>, <em>Copy</em>, <em>Change Signature</em>, <em>Extract Interface</em>,
<em>Extract Method</em>, and more.</p>
<p>
<img data-src="img/screenshots/goland/go_refactorings_1.gif">
</p>
</section>
<section data-product="goland" data-autoslide="14000">
<h2>Change Signatures</h2>
<p>gives you many ways to modify a function, method, or method specification signature in just a few
clicks.</p>
<p>
<img data-src="img/screenshots/goland/go_change_signature_refactoring.gif">
</p>
</section>
<section data-product="goland" data-autoslide="8000">
<h2>Move refactoring</h2>
<p>allows you to quickly and safely move any top-level member to another file of the same package.</p>
<p>
<img src="img/screenshots/goland/goland_2018_1_move.gif">
</p>
</section>
<section data-product="goland">
<h2>Extract Interface</h2>
<p>helps you quickly create a new interface based on the selected type.</p>
<p>
<img data-src="img/screenshots/goland/go_extract_interface_refactoring.png">
</p>
</section>
<section data-product="goland">
<h2>Navigation over usages and type hierarchy</h2>
<p>It only takes one click to switch to a super function, implementation, usages, declaration, and more.</p>
<p>
<img data-src="img/screenshots/goland/go_navigation_1.png">
</p>
</section>
<section data-product="goland">
<h2>Code generation</h2>
<p>Often the IDE can generate trivial code for you.</p>
<p>
<img data-src="img/screenshots/goland/go_implement_type.gif">
</p>
</section>
<section data-product="goland">
<h2>Detecting recursive calls</h2>
<p>If you have a recursive call inside your function, the IDE will detect it and mark it on the gutter.</p>
<p>
<img data-src="img/screenshots/goland/go_detecting_recursive_calls.png">
</p>
</section>
<section data-product="goland">
<h2>Expression type</h2>
<p>The Expression Type action can tell the type of any expression at the caret.</p>
<p>
<img data-src="img/screenshots/goland/go_expression_type.png">
</p>
</section>
<section data-product="goland">
<h2>Exit points highlighting</h2>
<p>The IDE may help you quickly find all return and papartppnic statements within a function.</p>
<p>
<img data-src="img/screenshots/goland/go_semantic_highlighting_1.png">
</p>
</section>
<section data-product="goland">
<h2>Semantic highlighting</h2>
<p>Easily distinguish package names from variables, built-in code constructions from your own ones, and type
conversions from function calls.</p>
<p>
<img data-src="img/screenshots/goland/go_default_darcula_color_schemes.png">
</p>
</section>
<section data-product="goland">
<h2>Parameter hints</h2>
<p>The IDE shows parameter hints for literals and nils used as function arguments for better
readability.</p>
<p>
<img data-src="img/screenshots/goland/go_parameter_hints.png">
</p>
</section>
<section data-product="goland">
<h2>Auto-formatting as you type</h2>
<p> If you now click <strong>Enter</strong> when the caret is on a chain
call or a string literal, the IDE auto-formats the resulting code.</p>
<p>
<img src="img/screenshots/goland/goland_2018_1_eap_indent.gif">
</p>
</section>
<section data-product="goland">
<h2>A Powerful Debugger</h2>
<p>The IDE comes with a full-featured debugger.</p>
<p>
<img data-src="img/screenshots/goland/go_powerful_debugger.png">
</p>
</section>
<section data-product="goland" data-autoslide="5900">
<h2>Smart Step Into</h2>
<p>lets you step into arbitrary calls in an expression, automatically stepping over the methods that you
are not interested in.</p>
<p>
<img data-src="img/screenshots/goland/go_smart_step_into.gif">
</p>
</section>
<section data-product="goland" data-autoslide="5900">
<h2>Run Heap, CPU, Mutex, or Block profilers in one click</h2>
<p>Review and sort the analysis results in a dedicated tool window, all from within GoLand</p>
<p>
<img data-src="img/screenshots/goland/go_run_with_profiler_options.gif">
</p>
</section>
<section data-product="goland">
<h2>Test runner & coverage</h2>
<p>The IDE collects the coverage data and displays it in both the aggregated view and per statement in the
Editor.</p>
<p>
<img data-src="img/screenshots/goland/go_coverage_2.png">
</p>
</section>
<section data-product="goland">
<h2>Version control</h2>
<p>The IDE lets you browse the history of changes, manage branches, merge conflicts and much more.</p>
<p>
<img data-src="img/screenshots/goland/go_vcs.png">
</p>
</section>
<section data-product="goland">
<h2>Type Hierarchy</h2>
<p>The <strong>Type Hierarchy</strong> tool window
displays the interfaces implemented by the type at the caret or the types that implement the interface
at the caret.</p>
<p>
<img data-src="img/screenshots/goland/go_type_hierarchy_up.png">
</p>
</section>
<section data-product="goland">
<h2>Call Hierarchy</h2>
<p>The <strong>Call Hierarchy</strong> tool window displays the tree of function calls inside the function
at the caret.</p>
<p>
<img data-src="img/screenshots/goland/go_call_hierarchy.png">
</p>
</section>
<section data-product="goland">
<h2>Filling structs</h2>
<p>The IDE comes with an intention action that can automatically generate the code that initializes a struct
at the caret.</p>
<p>
<img data-src="img/screenshots/goland/go_fill_struct.gif">
</p>
</section>
<section data-product="goland">
<h2>Generating getters and setters</h2>
<p>The IDE has an intention action that can automatically generate getters and setters for a field at the
caret.</p>
<p>
<img data-src="img/screenshots/goland/go_getters_setters.gif">
</p>
</section>
<section data-product="goland">
<h2>Generating and navigating over tests</h2>
<p>The <strong>Navigate to Test</strong> action can automatically generate test stubs for a file, package or
function. Also, it can navigate
you between any function and its test.</p>
<p>
<img data-src="img/screenshots/goland/go_navigate_to_test.gif">
</p>
</section>
<section data-product="goland">
<h2>SQL</h2>
<p>The IDE offers coding assistance for editing SQL statements within your code.</p>
<p>
<img data-src="img/screenshots/goland/go_sql.png">
</p>
</section>
<section data-product="goland">
<h2>Go templates</h2>
<p>The IDE provides syntax highlighting and basic coding assistance for editing Go templates.</p>
<p>
<img data-src="img/screenshots/goland/go_templates.png">
</p>
</section>
<section data-product="goland">
<h2>The Go Modules & dep integration</h2>
<p>The IDE supports both <strong>Go Modules</strong> and <strong>dep</strong> for dependency management.
Every time you update the <strong>go.mod</strong> or <strong>Gopkg.toml</strong> files, the
IDE checks and imports project dependencies automatically.</p>
<p>
<img src="img/screenshots/goland/goland_2018_2_vgo.png">
</p>
</section>
<!--<section data-product="goland">
<video class="stretch" data-autoplay data-src="img/screenshots/goland /goland-overview.mp4" />
</section>-->
<!--endregion-->
<!--region DataGrip-->
<section data-product="datagrip">
<h2>DataGrip</h2>
<p>Many databases, one tool</p>
<div class="jetbrains-logo _logo-datagrip _size-5"></div>
</section>
<section data-product="datagrip" data-autoslide="22000">
<h2>Use code completion</h2>
<p>based on syntax</p>
<p>
<img data-src="img/screenshots/datagrip/Completion.gif">
</p>
</section>
<section data-product="datagrip" data-autoslide="7000">
<h2>Find usages of objects</h2>
<p>in views, stored procedures and functions</p>
<p>
<img data-src="img/screenshots/datagrip/FindUsages.png">
</p>
</section>
<section data-product="datagrip" data-autoslide="6500">
<h2>Edit multiple table fields</h2>
<p>at once!</p>
<p>
<img data-src="img/screenshots/datagrip/SeveralCells.gif">
</p>
</section>
<section data-product="datagrip">
<h2>Import CSV files</h2>
<p>
<img data-src="img/screenshots/datagrip/ImportCSV.png">
</p>
</section>
<section data-product="datagrip" data-autoslide="18000">
<h2>Become super-productive</h2>
<p>with multiple cursors</p>
<p>
<img data-src="img/screenshots/datagrip/MultiCursors.gif">
</p>
</section>
<section data-product="datagrip">
<h2>Lost some code?</h2>
<p>Use local history of query console</p>
<p>
<img data-src="img/screenshots/datagrip/DiffViwer.png">
</p>
</section>
<section data-product="datagrip" data-autoslide="6000">
<h2>Introduce aliases for tables!</h2>
<p>One of the most important SQL refactorings works in DataGrip</p>
<p>
<img data-src="img/screenshots/datagrip/IntroduceAlias.gif">
</p>
</section>
<section data-product="datagrip" data-autoslide="13000">
<h2>Submit changes in bulk</h2>
<p>
<img data-src="img/screenshots/datagrip/Bulk.gif">
</p>
</section>
<section data-product="datagrip" data-autoslide="8000">
<h2>Get the whole column list</h2>
<p>by expanding wildcards</p>
<p>
<img data-src="img/screenshots/datagrip/ExpandWildCard.gif">
</p>
</section>
<section data-product="datagrip" data-autoslide="6000">
<h2>Use version control support</h2>
<p>for all the major VC systems (Git, SVN, Mercurial, and many others)</p>
<p>
<img src="img/screenshots/datagrip/CommitMySQL.png"/>
</p>
</section>
<section data-product="datagrip" data-autoslide="7000">
<h2>Rename objects from code</h2>
<p>with a preview of usages in other locations</p>
<p>
<img data-src="img/screenshots/datagrip/Rename.png">
</p>
</section>
<section data-product="datagrip">
<h2>Configure execution behavior</h2>
<p>
<img data-src="img/screenshots/datagrip/SmartExecute.png">
</p>
</section>
<section data-product="datagrip">
<h2>Detect unsafe queries</h2>
<p><code>DELETE</code> or <code>UPDATE</code> statement without <code>WHERE</code> clause</p>
<p>
<img data-src="img/screenshots/datagrip/DeleteWarning.png">
</p>
</section>
<section data-product="datagrip">
<h2>Modify database objects</h2>
<p>with DDL script generation</p>
<p>
<img data-src="img/screenshots/datagrip/ModifyTable.png">
</p>
</section>
<section data-product="datagrip">
<h2>Compare result sets</h2>
<p>
<img data-src="img/screenshots/datagrip/DiffResults.png">
</p>
</section>
<section data-product="datagrip">
<h2>Extract data</h2>
<p>to a bunch of UPDATE/INSERT statements</p>
<p>
<img data-src="img/screenshots/datagrip/UpdatesContext.png">
</p>
</section>
<section data-product="datagrip" data-autoslide="3500">
<h2>Here you go!</h2>
<p>
<img data-src="img/screenshots/datagrip/UpdateInsertResults.png">
</p>
</section>
<section data-product="datagrip" data-autoslide="3500">
<h2>Extract to JSON</h2>
<p>
<img data-src="img/screenshots/datagrip/JsonResult.png">
</p>
</section>
<section data-product="datagrip" data-autoslide="5500">
<h2>Highlight your files with the proper SQL dialect</h2>
<p>
<img data-src="img/screenshots/datagrip/OfferToConfigureDialect.png">
</p>
</section>
<section data-product="datagrip" data-autoslide="17000">
<h2>Navigate through data</h2>
<p>by foreign keys</p>
<p>
<img data-src="img/screenshots/datagrip/DataNavigation.gif">
</p>
</section>
<section data-product="datagrip">
<h2>Observe full SQL log!</h2>
<p>Literally, all queries from the IDE are logged in a text file</p>
<p>
<img data-src="img/screenshots/datagrip/SQLLogFile.png">
</p>
</section>
<section data-product="datagrip">
<h2>Run large scripts</h2>
<p>without opening them</p>
<p>
<img data-src="img/screenshots/datagrip/RunSсript.png">
</p>
</section>
<section data-product="datagrip">
<h2>Analyze execution plans</h2>
<p>
<img data-src="img/screenshots/datagrip/ExplainPlan.png">
</p>
</section>
<section data-product="datagrip">
<h2>Jump to any object</h2>
<p>from any place</p>
<p>
<img data-src="img/screenshots/datagrip/SearchEverywhere.png">
</p>
</section>
<section data-product="datagrip">
<h2>Edit source code</h2>
<p>and compare your version with the server version</p>
<p>
<img data-src="img/screenshots/datagrip/MigrationButtons.png">
</p>
</section>
<section data-product="datagrip">
<h2>See your tables and their relationships</h2>
<p>on the diagram</p>
<p>
<img data-src="img/screenshots/datagrip/Diagrams.png">
</p>
</section>
<section data-product="datagrip" data-autoslide="13000">
<h2>Have your SQL code formatted automatically</h2>
<p>based on flexible user-defined code styles</p>
<p>
<img data-src="img/screenshots/datagrip/Format.gif">
</p>
</section>
<section data-product="datagrip">
<h2>Turn on read-only mode</h2>
<p>to restrict all database modifications from DataGrip </p>
<p>
<img data-src="img/screenshots/datagrip/ExecuteReadOnly.png">
</p>
</section>
<section data-product="datagrip">
<h2>Customize appearance</h2>
<p>
<img data-src="img/screenshots/datagrip/Darcula.png">
</p>
</section>
<section data-product="datagrip">
<h2>Rely on the history of run queries</h2>
<p>
<img data-src="img/screenshots/datagrip/HistoryOfQueries.png">
</p>
</section>
<section data-product="datagrip" data-autoslide="19000">
<h2>Need to find something?</h2>
<p>Search through data and column names</p>
<p>
<img data-src="img/screenshots/datagrip/Find.gif">
</p>
</section>
<section data-product="datagrip">
<h2>Execute parametrized queries</h2>
<p>
<img data-src="img/screenshots/datagrip/UsrParams.png">
</p>
</section>
<section data-product="datagrip">
<h2>Learn more and download a free 30-day trial</h2>
<p>jetbrains.com/datagrip</p>
<div class="jetbrains-logo _logo-datagrip _size-5"></div>
</section>
<!--endregion-->
<!--region WebStorm-->
<section data-product="webstorm">
<h2>WebStorm</h2>
<p>The smartest JavaScript IDE</p>
<div class="jetbrains-logo _logo-webstorm _size-5"></div>
</section>
<section data-product="webstorm">
<h2>Write better code with less effort</h2>
<video class="stretch" data-autoplay data-src="img/screenshots/webstorm/webstorm-completion.mov"/>
</section>
<section data-product="webstorm">
<h2>Efficiently navigate around the project</h2>
<video class="stretch" data-autoplay
data-src="img/screenshots/webstorm/webstorm-search-everywhere.mov"/>
</section>
<section data-product="webstorm">
<h2>Go to the definition with one click</h2>
<video class="stretch" data-autoplay
data-src="img/screenshots/webstorm/webstorm-navigation-to-the-definition.mov"/>
</section>
<section data-product="webstorm">
<h2>Introduce new JavaScript features to your code</h2>
<video class="stretch" data-autoplay
data-src="img/screenshots/webstorm/migrating-to-es6.mov"/>
</section>
<section class="high-image-inside"
data-product="webstorm">
<h2>Avoid errors and quickly fix them</h2>
<div class="image-col">
<img class="plain"
data-src="img/screenshots/webstorm/webstorm-inspection-and-quick-fix.png">
</div>
</section>
<section class="high-image-inside" data-product="webstorm">
<h2>See errors from linters as you type</h2>
<p>ESLint, TSLint, JSCS, JSHint, Stylelint</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/webstorm/webstorm-linter-error.png">
</div>
</section>
<section data-product="webstorm">
<h2>Built-in support for the most popular web technologies</h2>
<ul class="slide-block">
<li><img class="slide-logo-small" data-src="img/external_logos/javascript.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/css3.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/html5.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/typescript.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/less.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/sass.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/react.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/angularjs-notext.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/vuejs.svg" alt=""></li>
<li><img class="slide-logo-small" data-src="img/external_logos/nodejs.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/flow.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/emmet.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/jest.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/ionic.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/mocha.svg"></li>
</ul>
</section>
<section data-product="webstorm">
<h2>Refactor the code and don't worry about breaking it</h2>
<video class="stretch" data-autoplay
data-src="img/screenshots/webstorm/refactor-rename.mov"/>
</section>
<section data-product="webstorm">
<h2>Use completion for React components and properties</h2>
<video class="stretch" data-autoplay data-src="img/screenshots/webstorm/react-completion.mp4"/>
</section>
<section data-product="webstorm">
<h2>Develop Angular apps with ease</h2>
<video class="stretch" data-autoplay
data-src="img/screenshots/webstorm/webstorm-angular-template.mov"/>
</section>
<section data-product="webstorm">
<h2>Develop apps with Vue.js using the power of the IDE</h2>
<video class="stretch" data-autoplay
data-src="img/screenshots/webstorm/vue.mov"/>
</section>
<section class="high-image-inside" data-product="webstorm">
<h2>Commit, review diffs, and merge conflicts in the IDE</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/webstorm/webstorm-show-changes.png">
</div>
</section>
<section data-product="webstorm">
<h2>Debug Node.js apps right in WebStorm</h2>
<video class="stretch" data-autoplay
data-src="img/screenshots/webstorm/webstorm-debug-node.mov"/>
</section>
<section class="high-image-inside"
data-product="webstorm">
<h2>Streamline the whole testing workflow</h2>
<div class="image-col">
<img class="plain"
data-src="img/screenshots/webstorm/testing-in-webstorm.png">
</div>
</section>
<section data-product="webstorm">
<h2>Download</h2>
<p>a free 30-day trial</p>
<p>jetbrains.com/webstorm</p>
<div class="jetbrains-logo _logo-webstorm _size-5"></div>
<p>And follow @WebStormIDE on Twitter</p>
</section>
<!--endregion-->
<!--region RubyMine-->
<section data-product="rubymine">
<h2>RubyMine</h2>
<p>The Most Advanced Ruby and Rails IDE</p>
<div class="jetbrains-logo _logo-rubymine _size-5"></div>
</section>
<section data-product="rubymine">
<h2>Code faster with code completion</h2>
<p>
<img data-src="img/screenshots/rubymine/code_faster_with_code_completion.png"
>
</p>
<p>Code completion: <code style="background-color: lightgray">⌃Space/Ctrl+Space</code></p>
<p>Quick documentation: <code style="background-color: lightgray">⌃J/Ctrl+Q</code></p>
</section>
<section data-product="rubymine">
<h2>Boost your productivity with a smart editor</h2>
<p>Code snippets, inline regexp checking, simultaneous tag editing, etc.</p>
<p>
<img data-src="img/screenshots/rubymine/boost_your_productivity_with_editor_1.png"
>
<img data-src="img/screenshots/rubymine/boost_your_productivity_with_editor_2.png"
>
</p>
</section>
<section data-product="rubymine">
<h2>Code in many places simultaneously</h2>
<p>
<img data-src="img/screenshots/rubymine/code_in_many_places_simultaneously_1.png"
>
<img data-src="img/screenshots/rubymine/code_in_many_places_simultaneously_2.png"
>
</p>
</section>
<section data-product="rubymine">
<h2>Split the editor horizontally or vertically</h2>
<p>
<img data-src="img/screenshots/rubymine/split_editor_horizontally_vertically_cut.png"
>
</p>
<p><code>Context menu | Split Vertically</code></p>
</section>
<section data-product="rubymine">
<h2>Fully focus on your code</h2>
<p>
<img data-src="img/screenshots/rubymine/fully_focus_on_your_code.png"
>
</p>
<p><code>View | Enter Distraction Free Mode</code></p>
</section>
<section data-product="rubymine">
<h2>Customize your environment</h2>
<p>Color schemes, Vim emulation, TextMate keymap</p>
<p>
<img data-src="img/screenshots/rubymine/customize_environment.png"
>
<p><code>Preferences | Keymap</code></p>
</section>
<section data-product="rubymine">
<h2>Enjoy the native dark UI theme</h2>
<p>
<img data-src="img/screenshots/rubymine/enjoy_dark_native_ui_theme.png"
style="box-shadow: none">
</p>
<p><code>Ctrl+Backquote | Look and Feel | Darcula</code></p>
</section>
<section data-product="rubymine">
<h2>Speed up with smart Rails navigation</h2>
<p>Take advantage of the convenient Rails project view</p>
<p>
<img data-src="img/screenshots/rubymine/speed_up_with_smart_Rails_navigation.png"
>
</p>
</section>
<section data-product="rubymine">
<h2>View & manage model/class/gem dependencies</h2>
<p>
<img data-src="img/screenshots/rubymine/view_manage_dependencies.png"
>
</p>
<p><code style="background-color: lightgray">⌥⌘U/Alt+Ctrl+U</code></p>
</section>
<section data-product="rubymine">
<h2>Find code usages</h2>
<p>for a class, method, variable, etc.</p>
<p>
<img data-src="img/screenshots/rubymine/find_code_usages.png"
>
</p>
<p><code style="background-color: lightgray">⌥F7/Alt+F7</code></p>
</section>
<section data-product="rubymine">
<h2>Improve your code with quick fixes</h2>
<p>Ruby, Rails, JS, CoffeeScript, HTML, HAML, CSS, SCSS, Less, Sass, YAML</p>
<p>
<img data-src="img/screenshots/rubymine/improve_code_with_quick_fixes.png"
>
</p>
<p><code style="background-color: lightgray">⌥↩/Alt+Enter</code></p>
</section>
<section data-product="rubymine">
<h2>Refactor safely</h2>
<p>
<img data-src="img/screenshots/rubymine/refactor_safely.png"
style="box-shadow: none">
</p>
<p><code style="background-color: lightgray">⌃T/Ctrl+Alt+Shift+T</code></p>
</section>
<section data-product="rubymine">
<h2>Inspect your code</h2>
<p>Inspired by Ruby Style Guide, Roodi, Reek, RoR Code Quality Checklist</p>
<p>
<img data-src="img/screenshots/rubymine/code_inspection.png"
>
</p>
<p><code>Code | Inspect Code</code></p>
</section>
<section data-product="rubymine">
<h2>Use Bundler, RVM, Rake</h2>
<p>
<img data-src="img/screenshots/rubymine/use_bundler_rvm_rake.png"
>
</p>
<p><code style="background-color: lightgray">⌥R/Ctrl+Alt+R</code></p>
</section>
<section data-product="rubymine">
<h2>Run scripts without leaving the IDE </h2>
<p>Rails, IRB, SSH consoles, and local terminal</p>
<p>
<img data-src="img/screenshots/rubymine/run_scripts.png"
>
</p>
<p><code style="background-color: lightgray">⌥F12/Alt+F12</code></p>
</section>
<section data-product="rubymine">
<h2>Enjoy complete VCS integration</h2>
<p>Git, SVN, Mercurial, Perforce, CVS</p>
<p>
<img data-src="img/screenshots/rubymine/vcs.png"
>
</p>
<p><code style="background-color: lightgray">⌘9/Alt+9</code></p>
</section>
<section data-product="rubymine">
<h2>Test with pleasure</h2>
<p>RSpec, MiniTest, Test::Unit, Cucumber, Shoulda</p>
<p>
<img data-src="img/screenshots/rubymine/test_with_pleasure.png"
>
</p>
<p><code>Run | Run test / All tests in: ...</code></p>
</section>
<section data-product="rubymine">
<h2>Hunt down code flaws with debugger</h2>
<p>Ruby, Rails, JavaScript, CoffeeScript, RubyMotion</p>
<p>
<img data-src="img/screenshots/rubymine/hunt_down_code_flaws_with_debugger.png"
>
</p>
<p><code style="background-color: lightgray">⌃D/Shift+F9</code></p>
</section>
<section data-product="rubymine">
<h2>Enjoy web development</h2>
<p>HTML, HAML, Less, SCSS, Sass, JavaScript, TypeScript, CoffeeScript, React, Angular</p>
<p>
<img data-src="img/screenshots/rubymine/enjoy_web_development.png"
>
</p>
</section>
<section data-product="rubymine">
<h2>Manage your infrastructure</h2>
<p>Deployment with FTP or SFTP, Vagrant, Capistrano, Chef, Puppet</p>
<p>
<img data-src="img/screenshots/rubymine/manage_infrastructure_1.png"
>
</p>
</section>
<section data-product="rubymine">
<h2>Runs on all major OSes</h2>
<p>
<img data-src="img/screenshots/rubymine/run_on_all_major_OSes_1.png"
style="box-shadow: none">
</p>
</section>
<section data-product="rubymine">
<h2>Learn more and download a free 30-day trial at <a href="https://jetbrains.com/ruby">
www.jetbrains.com/ruby</a></h2>
<p>
<img data-src="img/screenshots/rubymine/learn_more_and_download_trial.png"
style="box-shadow: none">
</p>
</section>
<!--endregion-->
<!--region PhpStorm-->
<section data-product="phpstorm">
<h2>PhpStorm</h2>
<p>Lightning-Smart PHP IDE</p>
<div class="jetbrains-logo _logo-phpstorm _size-5"></div>
</section>
<section data-product="phpstorm"
data-autoslide="5000">
<h2>Enjoy native support for PHP 5.3–7.3</h2>
<img class="plain stretch" data-src="img/screenshots/phpstorm/php7_2_3.png">
</section>
<section data-product="phpstorm">
<h2>Do more by typing less with smart code completion</h2>
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/code-completion.mp4"/>
</section>
<section data-product="phpstorm">
<h2>Navigate around the project efficiently</h2>
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/search-everywhere.mp4"/>
</section>
<section data-product="phpstorm">
<h2>Detect errors in advance with built-in inspections</h2>
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/detect-errors.mp4"/>
</section>
<section data-product="phpstorm">
<h2>And fix them in no time</h2>
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/fix-errors.mp4"/>
</section>
<section class="high-image-inside" data-product="phpstorm">
<h2>Tidy up your code with built-in coding styles</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/codestyle.png"/>
</div>
</section>
<section class="high-image-inside" data-product="phpstorm">
<h2>Refactor your code with ease</h2>
<div class="image-col">
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/refactoring.mp4"/>
</div>
</section>
<section data-product="phpstorm">
<h2>See parameters’ names directly in a call</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/params-names.png">
</div>
</section>
<!-- <section data-product="phpstorm">-->
<!-- <h2>Use Composer integration</h2>-->
<!-- <div class="image-col">-->
<!-- <img data-src="img/screenshots/phpstorm/composer.png"/>-->
<!-- </div>-->
<!-- </section>-->
<section data-product="phpstorm">
<h2>Test your code with popular frameworks</h2>
<p>PHPUnit, PHPSpec, Behat, Codeception</p>
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/testing.mp4"/>
</section>
<section data-product="phpstorm">
<h2>Debug your application</h2>
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/debug.mp4"/>
</section>
<section class="high-image-inside" data-product="phpstorm">
<h2>Run your code anywhere</h2>
<p>SSH, Vagrant, Docker, Docker Compose</p>
<div class="image-col">
<img data-src="img/screenshots/phpstorm/docker.png"/>
</div>
</section>
<section data-product="phpstorm">
<h2>Enjoy PHP Frameworks & CMSs support</h2>
<ul class="slide-block">
<li><img class="slide-logo" data-src="img/screenshots/phpstorm/logos/symfony_black_03.svg"></li>
<li><img class="slide-logo" data-src="img/screenshots/phpstorm/logos/drupal.svg"></li>
<li><img class="slide-logo" data-src="img/screenshots/phpstorm/logos/wordpress.svg"></li>
<li><img class="slide-logo" data-src="img/screenshots/phpstorm/logos/laravel-new.svg"></li>
<li><img class="slide-logo" data-src="img/screenshots/phpstorm/logos/joomla.png"></li>
<li><img class="slide-logo" data-src="img/screenshots/phpstorm/logos/magento-logo.svg"></li>
<li><img class="slide-logo" data-src="img/screenshots/phpstorm/logos/cakephp.svg"></li>
<li><img class="slide-logo" data-src="img/screenshots/phpstorm/logos/zend-framework.svg"></li>
<li><img class="slide-logo" data-src="img/screenshots/phpstorm/logos/yii.png"></li>
</ul>
</section>
<section data-product="phpstorm">
<h2>Make API requests with in-editor HTTP client</h2>
<p>Support for environment variables, diff, code completion, and VCS integration</p>
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/http-client-typed.mp4"/>
</section>
<section class="high-image-inside" data-product="phpstorm">
<h2>VCS: commit, review diffs and resolve conflicts</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/2019.1/vcs-partial-commit-uncheck-all.gif">
</div>
</section>
<section class="high-image-inside"
data-product="phpstorm"
data-autoslide="14000">
<h2>Work with Databases and SQL Editor</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/datagrip/Completion.gif">
</div>
</section>
<section data-product="phpstorm">
<h3>Get top-notch Web Technologies support</h3>
<ul class="slide-block">
<li><img class="slide-logo-small" data-src="img/external_logos/javascript.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/css3.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/html5.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/typescript.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/dart.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/flow.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/ecmascript6.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/less.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/sass.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/react.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/angularjs-notext.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/vuejs.svg" alt=""></li>
<li><img class="slide-logo-small" data-src="img/external_logos/nodejs.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/jest.svg"></li>
<li><img class="slide-logo-small" data-src="img/external_logos/ionic.svg"></li>
</ul>
</section>
<section data-product="phpstorm">
<h2>New in PhpStorm 2019.1</h2>
<ul>
<li>Debugging Twig and Laravel Blade templates</li>
<li>Locating dead code</li>
<li>Refactorings, Intentions & Quick-Fixes</li>
<li>Improved Autocompletion</li>
<li>New UI themes</li>
<li>And much more!</li>
</ul>
<p style="padding-top: 80px">Find out at <a href="https://www.jetbrains.com/phpstorm/whatsnew">jetbrains.com/phpstorm/whatsnew</a>
</p>
</section>
<section class="high-image-inside"
data-product="phpstorm"
data-autoslide="10000">
<h2>Debug Twig and Blade templates</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/2019.1/twig-debug-2.gif">
</div>
</section>
<section class="high-image-inside"
data-product="phpstorm"
data-autoslide="5000">
<h2>Locate dead code</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/2019.1/dead-code.png">
</div>
</section>
<section class="high-image-inside"
data-product="phpstorm"
data-autoslide="17000">
<h2>Locate dead code</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/2019.1/dead-code-inspect.gif">
</div>
</section>
<section
data-product="phpstorm"
data-autoslide="13700">
<h2>Save time with new refactorings & quick-fixes</h2>
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/2019.1/string_juggling.mp4"/>
</section>
<section class="high-image-inside"
data-product="phpstorm"
data-autoslide="5000">
<h2>Try New UI Themes</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/2019.1/purple-theme.png">
</div>
</section>
<!--Drupal part - uncomment for Drupal Conferences
<section data-product="phpstorm">
<h2>Why PhpStorm for Drupal Development?</h2>
<ul>
<li>Development environment auto-configuration (for new and existing projects)</li>
<li>Built-in <strong>Drupal coding style</strong></li>
<li><strong>Hooks</strong> support (completion, navigation, docs)</li>
<li>Search in <strong>Drupal API</strong></li>
<li><strong>Drush</strong> command line tool integration</li>
<li><strong>Coder integration</strong>, Drupal.org issue tracker</li>
<li>Full <strong>Drupal 8 support</strong></li>
</ul>
</section>
<section class="high-image-inside" data-product="phpstorm">
<h2>Enjoy completion for Hook declaration</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/hookcompletion.png">
</div>
</section>
<section data-product="phpstorm">
<h2>Easily navigate to all hook implementations</h2>
<video class="stretch" data-autoplay data-src="img/screenshots/phpstorm/hooknav2.mp4"></video>
</section>
<section class="high-image-inside" data-product="phpstorm">
<h2>See quick documentation for Hook declaration</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/hookQuickDoc.png">
</div>
</section>
<section class="high-image-inside" data-product="phpstorm">
<h2>Get full Symfony support</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/drupalsymf.png">
</div>
</section>
<section class="high-image-inside" data-product="phpstorm">
<h2>Keep code neat with Drupal Coder integration</h2>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/drupalCoder.png">
</div>
</section>
<section class="high-image-inside" data-product="phpstorm">
<h2>Check out Drupal Symfony Bridge plugin (external)</h2>
<p>Integrates support for Symfony components in Drupal 8 with Symfony Plugin</p>
<div class="image-col">
<img class="plain" data-src="img/screenshots/phpstorm/bridge.png">
</div>
</section>
-->
<section data-product="phpstorm">
<h2>Download</h2>
<p>a free 30-day trial</p>
<p><a href="https://www.jetbrains.com/phpstorm">jetbrains.com/phpstorm</a></p>
<div class="jetbrains-logo _logo-phpstorm _size-5"></div>
<p>And follow <a href="https://twitter.com/phpstorm">@phpstorm</a> on Twitter</p>
</section>
<!--endregion-->
<!--region GameDev Intro: Team-->
<section data-product="gamedev_video_team_intro" data-autoslide="8000"
data-background-video="img/screenshots/gamedev/teamtools_intro.mp4" class="no-background"
data-background-size="cover">
</section>
<!--endregion-->
<!--region YouTrack-->
<section data-product="youtrack">
<h2>YouTrack</h2>
<p>Issue tracker designed for software agile teams</p>
<div class="jetbrains-logo _logo-youtrack _size-5"></div>
</section>
<section data-product="youtrack">
<h2>Stay on top of your team's activities</h2>
<p>with a live Dashboard</p>
<p>
<img data-src="img/screenshots/youtrack/Dashboard_new.png">
</p>
</section>
<section data-product="youtrack">
<h2>Find exactly what you need in no time</h2>
<p>using smart search queries</p>
<p>
<img data-src="img/screenshots/youtrack/Smart_search.png">
</p>
</section>
<section data-product="youtrack">
<h2>Modify multiple issues at once</h2>
<p>using geek-style command window</p>
<p>
<img data-src="img/screenshots/youtrack/Commands.png">
</p>
</section>
<section data-product="youtrack">
<h2>Keep your hands on the keyboard</h2>
<p>Speed up the daily routine with handy shortcuts</p>
<p>
<img data-src="img/screenshots/youtrack/Shortcuts2.png">
</p>
</section>
<section data-product="youtrack">
<h2>Dare to be Agile</h2>
<p>Follow Scrum or Kanban</p>
<p>
<img data-src="img/screenshots/youtrack/Kanban_new.png">
</p>
</section>
<section data-product="youtrack">
<h2>Plan sprints and manage backlog</h2>
<p>to deliver great products on time</p>
<p>
<img data-src="img/screenshots/youtrack/Agile_Board_new.png">
</p>
</section>
<section data-product="youtrack" data-autoslide="18000">
<h2>See updates in real time</h2>
<p>
<img data-src="img/screenshots/youtrack/Live_update_new.gif">
</p>
</section>
<section data-product="youtrack">
<h2>Fits any team</h2>
<p>With customizable issue fields and workflows</p>
<p>
<img data-src="img/screenshots/youtrack/Workflows_featurepage.png">
</p>
</section>
<!--<section data-product="youtrack">-->
<!--<h2>Cloud or Standalone? YouTrack offers both options</h2>-->
<!--<p>and ready to grow with your company</p>-->
<!--<p>-->
<!--<img data-src="img/screenshots/youtrack/Payments.png">-->
<!--</p>-->
<!--</section>-->
<section data-product="youtrack">
<h2>Learn more and get YouTrack for free at</h2>
<p><b>jetbrains.com/youtrack</b></p>
<p>@youtrack</p>
<div class="jetbrains-logo _logo-youtrack _size-5"></div>
</section>
<!--endregion-->
<!--region Upsource-->
<section data-product="upsource">
<h2>CODE REVIEW. TEAM COLABORATION.<br/>
PROJECT ANALYTICS
</h2>
<br/>
<p>Improve your code, project and process</p>
<div class="jetbrains-logo _logo-upsource _size-5"></div>
</section>
<section class="high-image-inside" data-product="upsource">
<div class="content-col">
<h2>Automate your code review workflow</h2>
<p>
Leave routine tasks to Upsource!
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/automated-workflow-2017.2.png">
</div>
</section>
<section class="high-image-inside" data-product="upsource">
<div class="content-col">
<h2>Enjoy in-browser code insight</h2>
<p>
Static code analysis and code-aware navigation in your browser for projects written in
<br/>Java, PHP, Python, JavaScript and Kotlin
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/2017-2-python.png">
</div>
</section>
<section data-product="upsource">
<div class="content-col">
<h2>Let Upsource track the progress for you</h2>
<p>
Upsource knows which files and revisions you have already reviewed.
When new revisions are added, you don't need to review what you already have, only the new changes.
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/progress-tracking.png">
</div>
</section>
<section class="high-image-inside" data-product="upsource">
<div class="content-col">
<h2>Review changes from your IDE</h2>
<p>
Upsource Integration plugin is available for:
<br/>JetBrains IDEs and Android Studio
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/UP35-IDEA.png">
</div>
</section>
<section class="high-image-inside" data-product="upsource">
<div class="content-col">
<h2>Discover potential design flaws</h2>
<p>
Spot parts of your project in need of developers’ attention, such as hotspots and abandoned files.
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/project-treemap.png">
</div>
</section>
<section class="high-image-inside" data-product="upsource">
<div class="content-col">
<h2>Fine-tune your code review process</h2>
<p>
Discover how well your project is covered with code reviews and spread responsibilities.
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/code-review-chart.png">
</div>
</section>
<section class="high-image-inside" data-product="upsource">
<div class="content-col">
<h2>Onboard new team members faster</h2>
<p>
Quickly explore new projects without having to check out locally.
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/browseCode.png">
</div>
</section>
<section class="high-image-inside" data-product="upsource">
<div class="content-col">
<h2>Keep up with the updates</h2>
<p>
Find what you need in no time
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/search-updates.png">
</div>
</section>
<section class="high-image-inside" data-product="upsource">
<div class="content-col">
<h2>Integrate Upsource in your environment with ease</h2>
<p>
Upsource integrates with IDEs, popular issue trackers, CI servers, GitHub, GitLab, and provides
webhooks.
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/connect-to-github.png">
</div>
</section>
<section class="high-image-inside" data-product="upsource">
<div class="content-col">
<h2>Scale it!</h2>
<p>
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/scalable_scheme-2.png">
</div>
</section>
<section data-product="upsource">
<h2>Learn more about Upsource</h2>
<p><strong>jetbrains.com/upsource</strong></p>
<p>@upsource_jb</p>
<div class="jetbrains-logo _logo-upsource _size-5"></div>
</section>
<!--endregion-->
<!--region TeamCity -->
<section data-product="teamcity">
<h2>TeamCity</h2>
<p>Powerful Continuous Integration
out of the box</p>
<div class="jetbrains-logo _logo-teamcity _size-5"></div>
</section>
<section data-product="teamcity">
<h2>Convenient web interface</h2>
<p>Builds and build configurations in Project Overview page</p>
<p>
<img data-src="img/screenshots/teamcity/overview.png">
</p>
</section>
<section data-product="teamcity">
<h2>On-the-fly build progress reporting</h2>
<p>
<img data-src="img/screenshots/teamcity/build-progress.png">
</p>
</section>
<section data-product="teamcity">
<h2>Project hierarchy</h2>
<video data-autoplay src="img/screenshots/teamcity/video_hierarchy.mp4"/>
</section>
<section data-product="teamcity">
<h2>Remote run and pre-tested commit from IDE</h2>
<p>
<img src="img/screenshots/teamcity/remote-run.png">
</p>
</section>
<section data-product="teamcity">
<h2>Feature branches support</h2>
<p>
<img src="img/screenshots/teamcity/feature-branches.png">
</p>
</section>
<section data-product="teamcity">
<h2>Personal VCS changes page</h2>
<video data-autoplay src="img/screenshots/teamcity/video_my-changes-hd.mp4"/>
</section>
<section data-product="teamcity">
<h2>Create projects from URL</h2>
<p>Auto-detection of build steps</p>
<video data-autoplay src="img/screenshots/teamcity/video_create-project.mp4"/>
</section>
<section data-product="teamcity">
<h2>Create projects from GitHub, Bitbucket, VSTS</h2>
<p>
<img src="img/screenshots/teamcity/create-project-from.png">
</p>
</section>
<section data-product="teamcity">
<h2>Build configuration templates</h2>
<p>
<img src="img/screenshots/teamcity/templates.png">
</p>
</section>
<section data-product="teamcity">
<h2>Perfect for deployment pipelines</h2>
<p>
<img data-src="img/screenshots/teamcity/build_chains.png">
</p>
</section>
<section data-product="teamcity">
<h2>Complex pipelines with parallel stages</h2>
<p>
<img data-src="img/screenshots/teamcity/parallel_stages_chain.png">
</p>
</section>
<section data-product="teamcity">
<h2>Configuration as code</h2>
<p>Create projects and build configurations in code, using Kotlin DSL</p>
<p>
<img data-src="img/screenshots/teamcity/kotlin-preview.png">
</p>
</section>
<section data-product="teamcity">
<h2>Scale big</h2>
<p>Set up a two-node configuration to reduce load on the main server</p>
<p>
<img data-src="img/screenshots/teamcity/two-node-config.jpeg">
</p>
</section>
<section data-product="teamcity">
<h2>High Availability</h2>
<p>Set up a secondary node to handle load when main server is down</p>
<p>
<img data-src="img/screenshots/teamcity/ha.png">
</p>
</section>
<section data-product="teamcity">
<h2>Flexible pricing</h2>
<p>
<img data-src="img/screenshots/teamcity/pricing.png">
</p>
</section>
<section data-product="teamcity">
<h2>Trusted by 35,000+ customers</h2>
<ul class="slide-block">
<li><img class="slide-logo-customers" data-src="img/external_logos/schlumberger.svg"></li>
<li><img class="slide-logo-customers" data-src="img/external_logos/airbnb.svg"></li>
<li><img class="slide-logo-customers" data-src="img/external_logos/boeing.svg"></li>
<li><img class="slide-logo-customers" data-src="img/external_logos/spacex.svg"></li>
<li><img class="slide-logo-customers" data-src="img/external_logos/teradata.svg"></li>
<li><img class="slide-logo-customers" data-src="img/external_logos/citibank.svg"></li>
<li><img class="slide-logo-customers" data-src="img/external_logos/siemens.svg"></li>
<li><img class="slide-logo-customers" data-src="img/external_logos/wargaming.svg"></li>
<li><img class="slide-logo-customers-round" data-src="img/external_logos/hp.svg"></li>
</ul>
</section>
<section data-product="teamcity">
<h2>Learn more and download</h2>
<p>jetbrains.com/teamcity</p>
<p>@teamcity</p>
<div class="jetbrains-logo _logo-teamcity _size-5"></div>
</section>
<!--endregion-->
<!--region PyCharm -->
<section data-product="pycharm">
<h2>Auto-completion in Views</h2>
<p>
<img src="img/screenshots/pycharm/django_forms_autocomplete.png">
</p>
</section>
<section data-product="pycharm">
<h2>Template Debugging</h2>
<p>
<img src="img/screenshots/pycharm/django_forms.png">
</p>
</section>
<section data-product="pycharm">
<h2>manage.py Integration</h2>
<p>
<img src="img/screenshots/pycharm/django_managepy.png">
</p>
</section>
<section data-product="pycharm">
<h2>Code Style</h2>
<p>
<img src="img/screenshots/pycharm/django_pep8.png">
</p>
<p>PyCharm can help you code according to a predefined code style, and comes with PEP8
compliant defaults</p>
</section>
<section data-product="pycharm">
<h2>Easy Refactoring</h2>
<p>
<img src="img/screenshots/pycharm/django_refactor.png">
</p>
</section>
<section data-product="pycharm">
<h2>Search Everywhere</h2>
<p>
<img src="img/screenshots/pycharm/django_search_everywhere.png">
</p>
<p>Press shift twice to search everywhere</p>
</section>
<section data-product="pycharm">
<h2>Django Tests Support</h2>
<p>
<img src="img/screenshots/pycharm/django_tests.png">
</p>
</section>
<section data-product="pycharm" data-autoslide="10000">
<h2>PyCharm Editions</h2>
<p>
<img src="img/screenshots/pycharm/pycharm_editions.png">
</p>
</section>
<section data-product="pycharm">
<h2>SSH, Docker, and Vagrant Support</h2>
<p>
<img src="img/screenshots/pycharm/remote_development.png">
</p>
</section>
<section data-product="pycharm" data-autoslide="10000">
<h2>Debug Code in Docker Containers</h2>
<p>
<img src="img/screenshots/pycharm/docker_debug.png">
</p>
</section>
<section data-product="pycharm" data-autoslide="10000">
<h2>Scientific Mode</h2>
<p>
<img src="img/screenshots/pycharm/scientific_mode.png">
</p>
<p>See everything you need for data science work at a glance</p>
</section>
<section data-product="pycharm">
<h2>Version Control Support</h2>
<p>
<img src="img/screenshots/pycharm/vcs.png">
</p>
<p>Git, SVN, Mercurial, Perforce, and more</p>
</section>
<!--endregion-->
<!--region 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 data-product="space">
<h2>Home for teams</h2>
<p>Get an overview of teams across your organization</p>
<p>
<img data-src="img/screenshots/space/home_for_teams.png">
</p>
</section>
<section data-product="space">
<h2>Team Calendar</h2>
<p>Check your teammates' availability</p>
<p>
<img data-src="img/screenshots/space/team_calendar.png">
</p>
</section>
<section data-product="space">
<h2>Publish updates in an internal blog</h2>
<p>
<img data-src="img/screenshots/space/blog.png">
</p>
</section>
<section data-product="space">
<h2>Communicate in Chats</h2>
<p>
<img data-src="img/screenshots/space/inside_channels.png">
</p>
</section>
<section data-product="space">
<h2>Comment on code reviews</h2>
<p>
<img data-src="img/screenshots/space/review_code_in_chats.png">
</p>
</section>
<section data-product="space">
<h2>Use checklists to plan your work</h2>
<p>
<img data-src="img/screenshots/space/top-down_planning.png">
</p>
</section>
<section data-product="space">
<h2>Host and manage Git repositories</h2>
<p>
<img data-src="img/screenshots/space/host_and_manage_git.png">
</p>
</section>
<section data-product="space">
<h2>Store artifacts in integrated package repositories</h2>
<p>
<img data-src="img/screenshots/space/store_artifacts.png">
</p>
</section>
<section data-product="space">
<h2>Space is now available as an Early Access Program</h2>
<p>
<img data-src="img/screenshots/space/pricing.png">
</p>
</section>
<!--endregion-->
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script type="text/javascript">
handleActiveProducts();
</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: 5000,
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},
{
src: 'plugin/external/external.js',
condition: function() {
return !!document.querySelector( '[data-external],[data-external-replace]' );
}
},
]
});
</script>
</body>
</html>