[FLINK-17490] Add training page
This closes #333.
diff --git a/_data/i18n.yml b/_data/i18n.yml
index f5342be..39548af 100644
--- a/_data/i18n.yml
+++ b/_data/i18n.yml
@@ -23,6 +23,7 @@
contribute_website: Contribute to the Website
roadmap: Roadmap
tutorials: Tutorials
+ training_course: Training Course
zh:
what_is_flink: Apache Flink 是什么?
@@ -48,4 +49,5 @@
docs_style_guide: Documentation Style Guide
contribute_website: 贡献网站
roadmap: 开发计划
- tutorials: 教程
\ No newline at end of file
+ tutorials: 教程
+ training_course: Training Course
diff --git a/_includes/navbar.html b/_includes/navbar.html
index 1603d57..d9cbb0a 100755
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -71,6 +71,7 @@
<ul class="dropdown-menu">
<li><a href="{{ site.docs-stable }}/{% if page.language != 'en' %}{{ page.language }}/{% endif %}getting-started/index.html" target="_blank">With Flink <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
<li><a href="{{ site.docs-statefun-stable }}/getting-started/project-setup.html" target="_blank">With Flink Stateful Functions <small><span class="glyphicon glyphicon-new-window"></span></small></a></li>
+ <li><a href="{{ baseurl_i18n }}/training.html">{{ site.data.i18n[page.language].training_course }}</a></li>
</ul>
</li>
diff --git a/training.md b/training.md
new file mode 100644
index 0000000..0532f54
--- /dev/null
+++ b/training.md
@@ -0,0 +1,109 @@
+---
+title: "Training Course"
+---
+
+<hr/>
+
+The Apache Flink community maintains a self-paced training course that contains
+a set of lessons and hands-on exercises. This step-by-step introduction to Flink focuses
+on learning how to use the DataStream API to meet the needs of common, real-world use cases.
+
+This training covers the fundamentals of Flink, including:
+
+<div class="row">
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-blackboard"></span> <b>Intro to Flink</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Batch vs. Streaming</li>
+ <li>Parallel Dataflows</li>
+ <li>State, Time, and Snapshots</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-random"></span> <b>Intro to the DataStream API</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Data Types and Serialization</li>
+ <li>Architecture</li>
+ <li>Sources and Sinks</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-copy"></span> <b>Data Pipelines and ETL</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Transformations</li>
+ <li>Stateful Stream Processing</li>
+ <li>Connected Streams</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-time"></span> <b>Streaming Analytics</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Event Time Processing</li>
+ <li>Watermarks</li>
+ <li>Windows</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-log-in"></span> <b>Event-driven Applications</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Process Functions</li>
+ <li>Timers</li>
+ <li>Side Outputs</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-ok"></span> <b>Fault Tolerance</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Checkpoints and Savepoints</li>
+ <li>Exactly-once vs. At-least-once</li>
+ <li>Exactly-once End-to-end</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div style="margin-bottom: 400px;">
+<a href="{{site.DOCS_BASE_URL}}flink-docs-master/training" target='_blank'>Apache Flink Training Course <small><span class="glyphicon glyphicon-new-window"></span></small> </a>
+</div>
+
+<!--
+Any page on this site whose contents aren't tall enough will not render correctly when scrolling.
+Hence the margin-bottom on the div above.
+-->
diff --git a/training.zh.md b/training.zh.md
new file mode 100644
index 0000000..b5ec9ae
--- /dev/null
+++ b/training.zh.md
@@ -0,0 +1,109 @@
+---
+title: "Training Course"
+---
+
+<hr/>
+
+The Apache Flink community maintains a self-paced training course that contains
+a set of lessons and hands-on exercises. This step-by-step introduction to Flink focuses
+on learning how to use the DataStream API to meet the needs of common, real-world use cases.
+
+This training covers the fundamentals of Flink, including:
+
+<div class="row">
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-blackboard"></span> <b>Intro to Flink</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Batch vs. Streaming</li>
+ <li>Parallel Dataflows</li>
+ <li>State, Time, and Snapshots</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-random"></span> <b>Intro to the DataStream API</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Data Types and Serialization</li>
+ <li>Architecture</li>
+ <li>Sources and Sinks</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-copy"></span> <b>Data Pipelines and ETL</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Transformations</li>
+ <li>Stateful Stream Processing</li>
+ <li>Connected Streams</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-time"></span> <b>Streaming Analytics</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Event Time Processing</li>
+ <li>Watermarks</li>
+ <li>Windows</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-log-in"></span> <b>Event-driven Applications</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Process Functions</li>
+ <li>Timers</li>
+ <li>Side Outputs</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="col-sm-4">
+ <div class="panel panel-default">
+ <div class="panel-heading">
+ <span class="glyphicon glyphicon-ok"></span> <b>Fault Tolerance</b>
+ </div>
+ <div class="panel-body">
+ <ul style="font-size: small;">
+ <li>Checkpoints and Savepoints</li>
+ <li>Exactly-once vs. At-least-once</li>
+ <li>Exactly-once End-to-end</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div style="margin-bottom: 400px;">
+<a href="{{site.DOCS_BASE_URL}}flink-docs-master/zh/training" target='_blank'>Apache Flink Training Course <small><span class="glyphicon glyphicon-new-window"></span></small> </a>
+</div>
+
+<!--
+Any page on this site whose contents aren't tall enough will not render correctly when scrolling.
+Hence the margin-bottom on the div above.
+-->
