Webapps

This tutorial section contains learning material to master the development of Webapps, using various frameworks and backend types.

Common subjects

• Accessible resources from webapps

• Creating an API endpoint from webapps

• Querying the LLM from an headless API

• Impersonation with webapps

Use your own Framework

• Basic setup: Code studio template

• Basic setup: Quickstart with Angular & Vue Templates

• Basic setup: Deploy your web application

• Advanced setup: Code Studio template creation

• Advanced setup: Web application creation and publication

Bokeh

• Bokeh: your first webapp

Dash

• Dash: your first webapp

• Display a Bar chart using Dash

• Simple administration dashboard

• Create a multi-page application

• Upload or download files with Managed Folders in Dash

• Create a form for data inputs

• Simple scoring application

• Listing and deleting a selection of projects

GenAI

• Using Dash and LLM Mesh to build a GPT-powered web app assistant

• Creating a Dash application using an LLM-based agent

• Creating an API endpoint for using an LLM-Based agent

Gradio (GenAI)

• Gradio: your first web application

• Creating a Gradio application using an LLM-based agent

Standard (HTML, CSS, JS)

• HTML/CSS/JS: your first webapp

• Adapt a d3js template in a Webapp

• Use custom static files

• Serve and share your static webapp

• Upload a file

• Download a file

• Create a form for data inputs

• Simple scoring application

Streamlit

• Streamlit: your first webapp

• Create a Streamlit webapp in a Code Studio

Voilà (GenAI)

• Voilà: your first web application

• Creating a Voilà application using an LLM-based agent