[GitHub] eric-haibin-lin commented on a change in pull request #9535: Tutorials index page update

[GitBox <gi...@apache.org>]

eric-haibin-lin commented on a change in pull request #9535: Tutorials index page update
URL: https://github.com/apache/incubator-mxnet/pull/9535#discussion_r163709852
 
 

 ##########
 File path: docs/tutorials/index.md
 ##########
 @@ -1,84 +1,319 @@
 # Tutorials
 
-## Gluon
+MXNet has two primary high-level interfaces for its deep learning engine: the Gluon API and the Symbol API. Tutorials for each are provided below.
 
-Gluon is the high-level interface for MXNet. It is more intuitive and easier to use than the lower level interface.
-Gluon supports dynamic (define-by-run) graphs with JIT-compilation to achieve both flexibility and efficiency.
+The difference between the two is an imperative versus symbolic programming style. Gluon makes it easy to prototype, build, and train deep learning models without sacrificing training speed by enabling both (1) intuitive imperative Python code development and (2) faster execution by automatically generating a symbolic execution graph using the hybridization feature.
 
-This is a selected subset of Gluon tutorials that explain basic usage of Gluon and fundamental concepts in deep learning. For a comprehensive tutorial on Gluon that covers topics from basic statistics and probability theory to reinforcement learning and recommender systems, please see [gluon.mxnet.io](http://gluon.mxnet.io).
+**TLDR**: If you are new to deep learning or MXNet, you should start with the Gluon tutorials.
 
-### Basics
+The Gluon and Symbol tutorials are in Python, but you can also find a variety of other MXNet tutorials, such as R, Scala, and C++ in the [Other Languages API Tutorials](#other-mxnet-api-tutorials) section below.
+
+[Example scripts and applications](#example-scripts-and-applications) as well as [contribution](#contributing-tutorials) info is below.
+
+<script type="text/javascript" src='../_static/js/options.js'></script>
+
+
+<div class="btn-group opt-group" role="group">
+  <button type="button" class="btn btn-default opt active">Python</button>
+</div>
+
+<!-- Gluon vs Symbol -->
+<div class="btn-group opt-group" role="group">
+  <button type="button" class="btn btn-default opt active">Gluon</button>
+  <button type="button" class="btn btn-default opt">Symbol</button>
+</div>
+
+
+<!-- Levels -->
+<div class="gluon symbol">
+<div class="btn-group opt-group" role="group">
+  <button type="button" class="btn btn-default opt active">Beginner</button>
+  <button type="button" class="btn btn-default opt">Intermediate</button>
+  <button type="button" class="btn btn-default opt">Advanced</button>
+</div>
+</div>
+
+
+<!-- Beginner Topics -->
+<div class="beginner">
+<div class="btn-group opt-group" role="group">
+  <button type="button" class="btn btn-default opt active">Data Loading</button>
+  <button type="button" class="btn btn-default opt">Basic Networks</button>
+  <button type="button" class="btn btn-default opt">Linear Regression</button>
+</div>
+</div>
+
+
+<!-- Intermediate Topics -->
+<div class="intermediate">
+<div class="btn-group opt-group" role="group">
+  <button type="button" class="btn btn-default opt active">Image Recognition</button>
+  <button type="button" class="btn btn-default opt">Human Language</button>
+  <button type="button" class="btn btn-default opt">Recommender Systems</button>
+  <button type="button" class="btn btn-default opt">Customization</button>
+</div>
+</div>
+
+
+<!-- Advanced Topics -->
+<div class="advanced">
+<div class="btn-group opt-group" role="group">
+  <button type="button" class="btn btn-default opt active">Distributed Training</button>
+  <button type="button" class="btn btn-default opt">Optimization</button>
+  <button type="button" class="btn btn-default opt">Adversarial Networks</button>
+</div>
+</div>
+<!-- END - Main Menu -->
+<hr>
+
+<div class="gluon">
+<div class="beginner">
+
+
+<div class="data-loading">
 
 - [Manipulate data the MXNet way with ndarray](http://gluon.mxnet.io/chapter01_crashcourse/ndarray.html)
+- [Serialization - saving, loading and checkpointing](http://gluon.mxnet.io/chapter03_deep-neural-networks/serialization.html)
+- [NDArray in Compressed Sparse Row Storage Format](http://mxnet.incubator.apache.org/tutorials/sparse/csr.html)
+- [Sparse Gradient Updates](http://mxnet.incubator.apache.org/tutorials/sparse/row_sparse.html)
+</div>
+
+
+<div class="basic-networks">
+
+- [Simple autograd example](http://mxnet.incubator.apache.org/tutorials/gluon/autograd.html)
 - [Automatic differentiation with autograd](http://gluon.mxnet.io/chapter01_crashcourse/autograd.html)
+- [Neural network building blocks with gluon](http://mxnet.incubator.apache.org/tutorials/gluon/gluon.html)
+- [Hybrid network example](http://mxnet.incubator.apache.org/tutorials/gluon/hybrid.html)
+</div>
+
+<div class="linear-regression">
+
 - [Linear regression with gluon](http://gluon.mxnet.io/chapter02_supervised-learning/linear-regression-gluon.html)
-- [Serialization - saving, loading and checkpointing](http://gluon.mxnet.io/chapter03_deep-neural-networks/serialization.html)
+</div>
+
+</div> <!--end of beginner-->
+
+
+<div class="intermediate">
+
 
-### Neural Networks
+<div class="image-recognition">
 
+- [Handwritten digit recognition (MNIST)](http://mxnet.incubator.apache.org/tutorials/gluon/mnist.html)
 - [Multilayer perceptrons in gluon](http://gluon.mxnet.io/chapter03_deep-neural-networks/mlp-gluon.html)
-- [Convolutional Neural Networks in gluon](http://gluon.mxnet.io/chapter04_convolutional-neural-networks/cnn-gluon.html)
-- [Recurrent Neural Networks with gluon](http://gluon.mxnet.io/chapter05_recurrent-neural-networks/rnns-gluon.html)
+- [Convolutional Neural Networks (CNNs) in gluon](http://gluon.mxnet.io/chapter04_convolutional-neural-networks/cnn-gluon.html)
+- [Multi-class object detection using CNNs in gluon](http://gluon.mxnet.io/chapter04_convolutional-neural-networks/cnn-gluon.html)
+- [Visual question answering in gluon](http://gluon.mxnet.io/chapter08_computer-vision/visual-question-answer.html)
+- [Transferring knowledge through fine-tuning (not hotdog)](http://gluon.mxnet.io/chapter08_computer-vision/fine-tuning.html)
+</div>
 
-### Advanced
 
-- [Plumbing: A look under the hood of gluon](http://gluon.mxnet.io/chapter03_deep-neural-networks/plumbing.html)
+<div class="human-language">
+
+- [Simple Recurrent Neural Networks (RNNs) with gluon](http://gluon.mxnet.io/chapter05_recurrent-neural-networks/simple-rnn.html)
+- [Long Short-Term Memory (LSTM) RNNs with gluon](http://gluon.mxnet.io/chapter05_recurrent-neural-networks/lstm-scratch.html)
+- [Gated Recurrent Unit (GRU) RNNs with gluon](http://gluon.mxnet.io/chapter05_recurrent-neural-networks/gru-scratch.html)
+- [Advanced RNNs with gluon](http://gluon.mxnet.io/chapter05_recurrent-neural-networks/rnns-gluon.html)
+- [Tree LSTM modeling for semantic relatedness](http://gluon.mxnet.io/chapter09_natural-language-processing/tree-lstm.html)
+</div>
+
+
+<div class="recommender-systems">
+
+- [Introduction to recommender systems](http://gluon.mxnet.io/chapter11_recommender-systems/intro-recommender-systems.html)
 
 Review comment:
   Gluon&Intermediate&Recommendation:
   ```
   Matrix factorization in recommendation systems
   ```
   This example is using symbols, not gluon

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services