jetbrains-google-cloud.html (382 lines of code) (raw):
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Booth Presentation - JetBrains Google Cloud</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/jetbrains.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/jetbrains-slides.js"></script>
<script type="text/javascript" src="js/all-products.js"></script>
<script type="text/javascript" src="js/playlist.js"></script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body class="classToBeRemoved">
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<!-- JetBrains Videos -->
<section class="general-background stretch" data-background-video="img/screenshots/jetbrains/JetBrains_TheDrivetoDevelop_Logo.mp4" data-autoslide="11000">
</section>
<section class="general-background stretch" data-background-video="img/screenshots/jetbrains/wearejb_v4.2.mp4" data-autoslide="85000">
</section>
<!-- JetBrains Raffle -->
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Fill out the survey —<br/>win a license</h1>
</section>
<!-- JetBrains General Presentation-->
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_launched.png">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_ides.png">
</section>
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Develop for Google<br/>
Cloud Platform with<br/>
JetBrains Tools</h1>
</section>
<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>Code for your infrastructure</h2>
<p>JetBrains IDE features for your infrastructure code<br/>with HashiCorp Configuration Language (HCL) plugin</p>
<p>
<img data-src="img/screenshots/intellij/google_hcl_code.png">
</p>
</section>
<section data-product="intellij">
<h2>Analyze Issues Faster</h2>
<p>Analyze stack traces that you get from your logs<br/>simply copy-paste the stack trace into the IDE</p>
<p>
<img data-src="img/screenshots/intellij/analyze_issues_faster.png">
</p>
</section>
<section data-product="intellij">
<h2>Debugging with Google Stackdriver</h2>
<p>Get complete stack traces from a Java application<br/>running in App Engine or Compute Engine</p>
<p>
<img data-src="img/screenshots/intellij/stackdriver-debugging.png">
</p>
</section>
<!--region IntelliJ IDEA -->
<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>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>SSH, Docker, and Vagrant Support</h2>
<p>
<img src="img/screenshots/pycharm/remote_development.png">
</p>
</section>
<section data-product="intellij" data-autoslide="10000">
<h2>Debug Code in Docker Containers</h2>
<p>
<img src="img/screenshots/pycharm/docker_debug.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-->
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Develop for Google<br/>
Cloud Platform with<br/>
JetBrains Tools</h1>
</section>
<!--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">
<h2>Integrate with Your Data</h2>
<p>Connect to your Google Cloud SQL database using a Google Cloud Proxy</p>
<p>
<img data-src="img/screenshots/intellij/datagrip_google.png">
</p>
</section>
<!--endregion-->
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Fill out the survey —<br/>win a license</h1>
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_toolbox.png">
</section>
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Develop for Google<br/>
Cloud Platform with<br/>
JetBrains Tools</h1>
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_teamtools.png">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_teamtools_general.png">
</section>
<!--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>Deploy Your Application</h2>
<p>Out-of-the-box support for Docker, Kubernetes, and more</p>
<p>
<img data-src="img/screenshots/teamcity/containers.png">
</p>
</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>Convenient web interface</h2>
<p>VCS change log with graph for DVCS</p>
<p>
<img data-src="img/screenshots/teamcity/changelog.png">
</p>
</section>
<section data-product="teamcity">
<h2>Advanced VCS integration</h2>
<p>Create projects directly from GitHub/Bitbucket repositories</p>
<p>
<img data-src="img/screenshots/teamcity/create-projects.png">
</p>
</section>
<section data-product="teamcity">
<h2>Build chains</h2>
<p>Perfect for deployment pipelines</p>
<p>
<img data-src="img/screenshots/teamcity/build_chains.png">
</p>
</section>
<section data-product="teamcity">
<h2>Flexible pricing</h2>
<p>
<img data-src="img/screenshots/teamcity/pricing.png">
</p>
</section>
<!--endregion-->
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Fill out the survey —<br/>win a license</h1>
</section>
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Develop for Google<br/>
Cloud Platform with<br/>
JetBrains Tools</h1>
</section>
<!--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>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">
<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>
<!--endregion-->
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Fill out the survey —<br/>win a license</h1>
</section>
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Develop for Google<br/>
Cloud Platform with<br/>
JetBrains Tools</h1>
</section>
<!--region Upsource-->
<section data-product="upsource">
<h2>CODE REVIEW. TEAM COLLABORATION. <nobr>PROJECT ANALYTICS</nobr></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
<nobr>Java, PHP, Python, JavaScript and Kotlin</nobr>
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/2017-2-python.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:
<nobr>JetBrains IDEs and Android Studio</nobr>
</p>
</div>
<div class="image-col">
<img data-src="img/screenshots/upsource/UP35-IDEA.png">
</div>
</section>
<!--endregion-->
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Develop for Google<br/>
Cloud Platform with<br/>
JetBrains Tools</h1>
</section>
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Fill out the survey —<br/>win a license</h1>
</section>
<!--region 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-->
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_kotlin_loc.png">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_trusted_globally.png">
</section>
<section data-product="general" data-autoslide="20000">
<div class="jetbrains-logo _logo-jetbrains _size-5"></div>
<h1 style="padding-top:100px;">Fill out the survey —<br/>win a license</h1>
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_today.png">
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: false,
progress: false,
history: true,
center: true,
autoSlide: 6500,
loop: true,
showNotes: false,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// Optional reveal.js plugins
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>