Build a Frontend for Your Web App: From Basic HTML to JS Frameworks
summary
Shows how to go from DataFrame to real web UI using concrete tools: return JSON or use pandas.DataFrame.to_html for quick tables, render plots to PNG via matplotlib -> BytesIO for simple images, or step into JS frameworks with a three-step workflow: create source, run Svelte → npm build to produce a build folder, then serve it with FastAPI static mount. Example app compiles frontend into static files, gets bundled into Docker, and the demo projects and source code are available.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 0:32About me
- 0:50What is the problem
- 2:31Return data
- 3:06pandas
- 4:07matplot
- 7:43HTML
- 8:18Dynamic
- 9:04JavaScript
- 9:52JS Frameworks
- 10:26Most Loved Framework
- 10:46Fast Development
- 11:07Logic
- 11:32NPM
- 12:41Static Website
- 13:50Python
- 14:47Conclusion
- 14:58Wrapup
related talks
01h 07mModern Frontend Engineering
41mPlanning a Front-end JS Application
40mFRONTEND CHOICES
45mNo framework frontends in practice - use the platform!
42mConfident web development with React
56mThe Web, Its Frameworks and Its Standards: Deconstruct to (Re?)Construct
41mLow-budget JavaScript: composable frontends that are fun and friendly
47mMeet Your New BFF: Backend to Frontend without the Duct Tape