.. _intermediate_level:

.. toctree::
   :maxdepth: 1
   :hidden:

   connect_lightning_components
   debug_a_lightning_app
   run_lightning_work_in_parallel
   share_variables_between_lightning_components
   share_files_between_components
   embed_web_ui_into_lightningwork
   start_from_lightning_app_templates

###################
Intermediate skills
###################
Learn to coordinate 2+ components into workflows which we call Lightning apps.


.. raw:: html

    <div class="display-card-container">
        <div class="row">

.. Add callout items below this line

.. displayitem::
   :header: Level 4: Coordinate 2+ components in a workflow
   :description: Learn to coordinate 2_ components in a workflow which we call a Lightning app.
   :button_link: connect_lightning_components.html
   :col_css: col-md-6
   :height: 170
   :tag: 15 minutes

.. displayitem::
   :header: Level 5: Debug a Lightning App
   :description: Learn to debug a lightning app.
   :button_link: debug_a_lightning_app.html
   :col_css: col-md-6
   :height: 170
   :tag: 2 minutes

.. displayitem::
   :header: Level 6: Run a Lightning component in parallel
   :description: Learn when and how to run Components in parallel (asynchronous).
   :button_link: run_lightning_work_in_parallel.html
   :col_css: col-md-6
   :height: 150
   :tag: 10 minutes

.. displayitem::
   :header: Level 7: Share variables between components
   :description: Share variables between Lightning components.
   :button_link: share_variables_between_lightning_components.html
   :col_css: col-md-6
   :height: 150
   :tag: 15 minutes

.. displayitem::
   :header: Level 8: Share files between components
   :description: Learn how Drives share files between components
   :button_link: share_files_between_components.html
   :col_css: col-md-6
   :height: 150
   :tag: 20 minutes

.. displayitem::
   :header: Level 9: Render a web UI with other components
   :description: Learn how to embed graphical UIs like react, vue, streamlit and notebook UIs into a lightning workflow.
   :button_link: embed_web_ui_into_lightningwork.html
   :col_css: col-md-6
   :height: 150
   :tag: 15 minutes

.. displayitem::
   :header: Level 10: Practice adapting app templates
   :description: Practice starting apps from templates and evolving them by replacing or adding components.
   :button_link: start_from_lightning_app_templates.html
   :col_css: col-md-6
   :height: 150
   :tag: intermediate

.. raw:: html

        </div>
    </div>