[BEAM-10937] Tour of Beam: create landing page

website/www/site/content/en/get-started/beam-overview.md

@@ -61,7 +61,7 @@ Get started using Beam for your data processing tasks.
 > If you already know [Apache Spark](http://spark.apache.org/),
 > check our [Getting started from Apache Spark](/get-started/from-spark) page.
 
-1. [Try Apache Beam](/get-started/try-apache-beam) in an online interactive environment.
+1. Take the [Tour of Beam](/get-started/tour-of-beam) as an online interactive learning experience.
 
 1. Follow the Quickstart for the [Java SDK](/get-started/quickstart-java), the [Python SDK](/get-started/quickstart-py), or the [Go SDK](/get-started/quickstart-go).
 

website/www/site/content/en/get-started/tour-of-beam.md

@@ -0,0 +1,71 @@
+---
+title: "Tour of Beam"
+---
+
+<!--
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
+# Tour of Beam
+
+Here you can find a collection of the interactive notebooks available for Apache Beam, which are hosted in
+[Colab](https://colab.research.google.com).
+The notebooks allow you to interactively play with the code and see how your changes affect the pipeline.
+You don't need to install anything or modify your computer in any way to use these notebooks.
+
+You can also [try an Apache Beam pipeline](/get-started/try-apache-beam) using the Java, Python, and Go SDKs.
+
+## Get started
+
+### Learn the basics
+
+In this notebook we go through the basics of what is Apache Beam and how to get started.
+
+{{< button-colab url="https://colab.research.google.com/github/apache/beam/blob/master/examples/notebooks/tour-of-beam/getting-started.ipynb" >}}
+
+## Transforms
+
+Check the [Python transform catalog](/documentation/transforms/python/overview/)
+for a complete list of the available transforms.
+
+### Element-wise transforms
+
+#### Map
+
+Applies a simple one-to-one mapping function over each element in the collection.
+
+{{< button-colab url="https://colab.research.google.com/github/apache/beam/blob/master/examples/notebooks/documentation/transforms/python/elementwise/map-py.ipynb" >}}
+
+#### FlatMap
+
+Applies a simple one-to-many mapping function over each element in the collection. The many elements are flattened into the resulting collection.
+
+{{< button-colab url="https://colab.research.google.com/github/apache/beam/blob/master/examples/notebooks/documentation/transforms/python/elementwise/flatmap-py.ipynb" >}}
+
+#### Filter
+
+Given a predicate, filter out all elements that don’t satisfy that predicate.
+
+{{< button-colab url="https://colab.research.google.com/github/apache/beam/blob/master/examples/notebooks/documentation/transforms/python/elementwise/filter-py.ipynb" >}}
+
+#### Partition
+
+Separates elements in a collection into multiple output collections.
+
+{{< button-colab url="https://colab.research.google.com/github/apache/beam/blob/master/examples/notebooks/documentation/transforms/python/elementwise/partition-py.ipynb" >}}
+
+#### ParDo
+
+A transform for generic parallel processing. It's recommended to use `Map`, `FlatMap`, `Filter` or other more specific transforms when possible.
+
+{{< button-colab url="https://colab.research.google.com/github/apache/beam/blob/master/examples/notebooks/documentation/transforms/python/elementwise/pardo-py.ipynb" >}}

website/www/site/content/en/get-started/try-apache-beam.md

@@ -17,7 +17,7 @@ limitations under the License.
 
 # Try Apache Beam
 
-You can try Apache Beam using our interactive notebooks, which are hosted in [Colab](https://colab.research.google.com). The notebooks allow you to interactively play with the code and see how your changes affect the pipeline. You don't need to install anything or modify your computer in any way to use these notebooks.
+You can try an Apache Beam pipeline using our interactive notebooks.
 
 {{< language-switcher java py go >}}
 

website/www/site/layouts/partials/section-menu/en/get-started.html

@@ -12,6 +12,7 @@
 
 <li><span class="section-nav-list-main-title">Get started</span></li>
 <li><a href="/get-started/beam-overview/">Beam Overview</a></li>
+<li><a href="/get-started/tour-of-beam/">Tour of Beam</a></li>
 <li>
   <span class="section-nav-list-title">Quickstarts</span>
 

website/www/site/layouts/shortcodes/button-colab.html

@@ -0,0 +1,23 @@
+{{/*
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License. See accompanying LICENSE file.
+*/}}
+
+<table align="left">
+  <td>
+    <a class="button" target="_blank" href="{{ .Get `url` }}">
+      <img alt="Run in Colab" width="32px" height="32px"
+        src="https://github.com/googlecolab/open_in_colab/raw/master/images/icon32.png" />
+      Run in Colab
+    </a>
+  </td>
+</table>
+
+<p><br><br><br><br></p>