2018/fn-tut-ui01/Tutorials.html

<!DOCTYPE html>
<!-- saved from url=(0031)https://fnproject.io/tutorials/ -->
<html lang="en" style="overflow: visible;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Tutorials</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="robots" content="INDEX, FOLLOW">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/png" sizes="32x32" href="https://fnproject.io/tutorials/favicon-32.png">
        <link rel="stylesheet" href="./Tutorials_files/main.css">
        <link rel="stylesheet" href="./Tutorials_files/normalize.min.css">
        <link rel="stylesheet" href="./Tutorials_files/obe-lite.css">
        <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
        <script src="./Tutorials_files/jquery-1.11.0.min.js"></script><style></style>
        <script src="./Tutorials_files/jquery-ui-1.10.4.custom.js"></script>
        <script src="./Tutorials_files/jquery.tocify.jd.js"></script>
        <script src="./Tutorials_files/leftnav.js"></script>
        <link rel="stylesheet" href="./Tutorials_files/fn.css">
    </head>
    <body>
        <header>
            <div class="w1024"> <a href="https://github.com/fnproject" target="_blank">
              <img src="./Tutorials_files/fn-logo-trans-sm.png" alt="fn-logo" height="90px" width="180px"></a>

              <style type="text/css">
#buttonbar{ float: right; margin-top: 3em; margin-right: 1em; color: red; }
#buttonbar a{ color: black; }
              </style>
              <div id="buttonbar">
                  <a href="https://fnproject.io/tutorials"><i class="fas fa-home"></i> Home</a>&nbsp;&nbsp;
                  <a href="{{site.github.repository_url}}/blob/gh-pages/{{page.path}}"><i class="fas fa-edit"></i> Edit</a>&nbsp;&nbsp;
                  <a href="https://github.com/fnproject/tutorials/issues"><i class="fas fa-exclamation-circle"></i> Issue</a>&nbsp;&nbsp;
              </div>
            </div>
        </header>
        <!--end header-->

        <div id="content">

            <div class="w1024 cleartop">
                <div class="navbackwide border-right" style="width: 220px;"><!-- --></div>
                <div id="shownav" title="Show Navigation" tabindex="0" style="display: none;"><span class="fa fa-list"></span></div>
                <div id="sidebar" style="display: block;"><!-- -->
                    <div class="left-nav-tut"><!-- -->
                        <div id="hidenavw" title="Hide Navigation" tabindex="0" style="display: none;"><span class="fa fa-close"></span></div>
                        <div id="navbar" class="left-nav-w"><!-- -->
                            <div id="toc" class="tocify"><!-- --></div>
                        </div>
                    </div>
                </div>
                <div id="bookContainer" style="margin-left: 220px;">
                    <article>
                        <section class="__reader_view_article_wrap_4170394617167006__">
                            <h1 id="tutorials">Tutorials</h1>

<p>Each of the tutorials below provides a step by step examination and walkthrough of a specific Fn feature or component.  Check back soon as new tutorials are being added regularly.</p>

<div name="IntroductiontoFn" data-unique="IntroductiontoFn"></div><h2 id="introduction-to-fn">Introduction to Fn</h2>
<p>Install Fn and deploy your first functions. Select your language:</p>

<ul>
  <li><a href="https://fnproject.io/tutorials/Introduction/">Go</a></li>
  <li><a href="https://fnproject.io/tutorials/JavaFDKIntroduction/">Java</a></li>
  <li><a href="https://fnproject.io/tutorials/node/intro/">Node.js</a></li>
  <li><a href="https://fnproject.io/tutorials/ruby/intro/">Ruby</a></li>
  <li>Python (Coming Soon!)</li>
  <li>Docker (Coming Soon!)</li>
</ul>

<div name="ExploreFn" data-unique="ExploreFn"></div><h2 id="explore-fn">Explore Fn</h2>
<ul>
  <li><a href="https://fnproject.io/tutorials/Apps/">Create Apps with Fn</a> - Learn how to group your functions into an application/API and deploy them together.</li>
  <li><a href="https://fnproject.io/tutorials/Async/">Create an Asynchronous Function</a> - Learn how to write asynchronous functions for expensive, long running or batch processing.</li>
  <li><a href="https://fnproject.io/tutorials/ContainerAsFunction/">Create a Function with a Docker Container</a> - This tutorial provides a simple example of how to define an Fn function using a custom built Docker container.</li>
</ul>

<div name="TestandMonitorFunctions" data-unique="TestandMonitorFunctions"></div><h2 id="test-and-monitor-functions">Test and Monitor Functions</h2>

<ul>
  <li><a href="https://fnproject.io/tutorials/Testing/">Write function tests</a> - Fn provides an easy way to write tests for any language, that can ensure you don’t break your function contract.</li>
  <li><a href="https://fnproject.io/tutorials/grafana/">Monitor Fn metrics with Grafana and Prometheus</a> - Learn how to view Fn server metrics with Prometheus and Grafana.</li>
  <li><a href="https://fnproject.io/tutorials/Troubleshooting/">Troubleshoot functions</a> - Resolve issues at both development and deployment time.</li>
</ul>

<div name="OrchestratewithFnFlow" data-unique="OrchestratewithFnFlow"></div><h2 id="orchestrate-with-fn-flow">Orchestrate with Fn Flow</h2>

<p>Fn Flow provides a way to orchestrate functions to build sophisticated applications, initially using Java, and soon with other programming languages.</p>

<ul>
  <li><a href="https://fnproject.io/tutorials/Flow101/">Flow 101</a></li>
  <li><a href="https://fnproject.io/tutorials/Flow102/">Flow 102</a></li>
  <li><a href="https://fnproject.io/tutorials/FlowSaga/">Fn Flow Saga</a> - In this tutorial you will use Fn Flow to implement a Java travel booking system that leverages functions written in a variety of languages.</li>
</ul>

                        </section>

                    </article>
                </div>
                <br class="clearfloat">
            </div>
        </div>
        <!--close main-->
        <!--end content-->
        <div class="footer-container ">
                <footer class="footer-list">
                    <ul>
                        <li> <a href="https://github.com/fnproject/fn" target="_blank">About Fn Project</a> </li>
                        <li><a href="https://github.com/fnproject/tutorials" target="_blank">Fn Tutorials</a> </li>
                        <li> <a href="https://github.com/fnproject/fn/blob/master/docs/README.md#for-operators" target="_blank">Operating Fn</a> </li>
                        <li> <a href="https://github.com/fnproject/flow" target="_blank">Fn Flow</a> </li>
                    </ul>
                </footer>
        </div>


</body></html>