jetbrains-general.html (558 lines of code) (raw):
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Booth Presentation - JetBrains General</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/jetbrains.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/jetbrains-slides.js"></script>
<script type="text/javascript" src="js/all-products.js"></script>
<script type="text/javascript" src="js/playlist.js"></script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body class="classToBeRemoved">
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<!-- JetBrains Videos -->
<section class="general-background stretch" data-background-video="img/screenshots/jetbrains/JetBrains_TheDrivetoDevelop_Logo.mp4" data-autoslide="11000">
</section>
<section class="general-background stretch" data-background-video="img/screenshots/jetbrains/jb_promo-v1.7-eng-subtitles.mp4" data-autoslide="128000">
</section>
<section class="general-background stretch" data-background-video="img/screenshots/jetbrains/DSGN-5489AnnualReport_d10.mp4" data-autoslide="15000">
</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>
<!--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>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>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 PyCharm -->
<section data-product="pycharm">
<h2>Python & Django IDE</h2>
<div class="jetbrains-logo _logo-pycharm _size-5"></div>
</section>
<section data-product="pycharm" data-autoslide="10000">
<h2>PyCharm Editions</h2>
<p>
<img src="img/screenshots/pycharm/pycharm_editions.png">
</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">
<h3>Enjoy PHP frameworks support</h3>
<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.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>
<!--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>
<!--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>Enjoy full technology support</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/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>
<!--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>
<!--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>
<!--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>
<!--endregion-->
<!--region Rider-->
<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, Mac, 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-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>
<!--endregion-->
<!--region GoLand-->
<section data-product="goland">
<h2>Capable and Ergonomic Go IDE</h2>
<p>Build simple, reliable and efficient software with a smarter IDE</p>
<div class="jetbrains-logo _logo-goland _size-5"></div>
</section>
<!--endregion-->
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_toolbox.png">
</section>
<!-- Mid-time announcements & video -->
<section class="general-background stretch" data-background-video="img/screenshots/jetbrains/JetBrains_TheDrivetoDevelop_Logo.mp4" data-autoslide="11000">
</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 class="general-background stretch" data-background-video="img/screenshots/jetbrains/wearejb_v4.2.mp4" data-autoslide="85000">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_dotnet.png">
</section>
<!--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>
<!--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>
<!--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>
<!--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>
<!--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>
<!--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>
<!--endregion-->
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_resharper_ultimate.png">
</section>
<!-- Mid-time announcements & video -->
<section class="general-background stretch" data-background-video="img/screenshots/jetbrains/JetBrains_TheDrivetoDevelop_Logo.mp4" data-autoslide="11000">
</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 class="general-background stretch" data-background-video="img/screenshots/jetbrains/wearejb_v4.2.mp4" data-autoslide="85000">
</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>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>Advanced VCS integration</h2>
<p>Create projects directly from GitHub/Bitbucket repositories</p>
<p>
<img data-src="img/screenshots/teamcity/create-project-from.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-->
<!--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 style="box-shadow: none;" data-src="img/screenshots/youtrack/pricing_new.png">
</p>
</section>
<!--endregion-->
<!--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-->
<!--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>Share news, knowledge, and experience</h2>
<p>Publish updates in an internal blog</p>
<p>
<img data-src="img/screenshots/space/blog.png">
</p>
</section>
<section data-product="space">
<h2>Communicate in Chats</h2>
<p>Interact with your teammates</p>
<p>
<img data-src="img/screenshots/space/inside_channels.png">
</p>
</section>
<section data-product="space">
<h2>Comment on code</h2>
<p>Review code in chats</p>
<p>
<img data-src="img/screenshots/space/review_code_in_chats.png">
</p>
</section>
<section data-product="space">
<h2>Top-down planning</h2>
<p>Use checklists to plan your work</p>
<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>The only tool you need</h2>
<p>to cover your collaboration and development processes</p>
<video data-autoplay src="img/screenshots/space/space_beta3.mp4"/>
</section>
<section data-product="space">
<h2>Space is available as an Early Access Program</h2>
<p>Get your team to Space</p>
<p>
<img data-src="img/screenshots/space/pricing.png">
<p>jetbrains.com/space</p>
</p>
</section>
<!--endregion-->
<!--region EduTools -->
<section data-product="edutools">
<h2>Educational Products</h2>
<p><img data-src="img/screenshots/edutools/personas.png"></p>
<p>With Educational Products by JetBrains, you can teach, learn, and practice programming with IDEs
based on JetBrains IntelliJ Platform</p>
<div class="jetbrains-logo _size-5"></div>
</section>
<section data-product="edutools" data-autoslide="42000">
<h2>Learn Kotlin with Kotlin Koans</h2>
<p>The course is a series of exercises specially designed to get you familiar with the syntax of
Kotlin</p>
<p>
<img data-src="img/screenshots/edutools/kotlin_koans.gif">
</p>
</section>
<section data-product="edutools" data-autoslide="70000">
<h2>Learn Kotlin with Atomic Kotlin</h2>
<p>Atomic Kotlin is a book by Bruce Eckel and Svetlana Isakova that comes with learning resources</p>
<p>
<img data-src="img/screenshots/edutools/atomic_kotlin.gif">
</p>
</section>
<section data-product="edutools" data-autoslide="70000">
<h2>Learn Kotlin with Kotlin for Java Developers</h2>
<p>Kotlin for Java Developers — a Coursera course by Svetlana Isakova and Andrey Breslav</p>
<p>
<img data-src="img/screenshots/edutools/coursera_kotlin.gif">
</p>
</section>
<section data-product="edutools" data-autoslide="56000">
<h2>Teach Kotlin</h2>
<p>Share your knowledge in the form of coding tasks and custom verification tests</p>
<p>
<img data-src="img/screenshots/edutools/teach_kotlin.gif">
</p>
</section>
<section data-product="edutools">
<h2>Educational Products</h2>
<p><img data-src="img/screenshots/edutools/personas.png"></p>
<p>Free & Open Source <br>
jetbrains.com/education</p>
</section>
<!--endregion-->
<section class="general-background stretch" data-background-video="img/screenshots/jetbrains/wearejb_v4.2.mp4" data-autoslide="85000">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_languages.png">
</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.png">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_kotlin_loc.png">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_products_mps.png">
</section>
<!-- Mid-time announcements & video -->
<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>
<section data-background-image="img/screenshots/jetbrains/jetbrains_trusted_globally.png">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_awards.png">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_customers_say.png">
</section>
<section data-background-image="img/screenshots/jetbrains/jetbrains_community.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_offices.png">
</section>
<section class="general-background stretch" data-background-video="img/screenshots/jetbrains/wearejb_v4.2.mp4" data-autoslide="85000">
</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>