Using HTMX with FastAPI
This tutorial looks at how use HTMX with FastAPI.
Front-end web development (also known as client-side development) is the process of using HTML, CSS, and JavaScript (along with JavaScript libraries and frameworks) to build graphical user interfaces, for web and mobile applications, that users can view and interact with. Put another way: It's a type of software engineering that powers the visuals and interactions on the web and mobile devices.
Due to modern front-end frameworks like React, Vue, and Angular, web development has shifted significantly to the front-end. More and more, the back-end simply serves up the data for the front-end to manage, prepare, and display to the end user.
The tutorials and articles on TestDriven.io teach how to build and test modern user interfaces with React, Vue, Angular, Svelte, htmx, and Tailwind CSS.
This tutorial looks at how use HTMX with FastAPI.
Looks at how to add server-side components to our client-side setup with Django.
Looks at how to build client-side UI components in Django with Stimulus and Tailwind.
This tutorial looks at how to build server-side UI components in Django.
Learn how the development process varies between working with Django REST Framework and Vue versus Django and HTMX.
Add session-based authentication to a Single-Page Application (SPA) powered by Django and React.
Add authentication to Django REST Framework and integrate it with Auth.js
Develop a web app for selling products using Stripe, Vue.js, and Flask.
Step-by-step walkthrough of how to set up a basic CRUD app with Vue and Flask.
Leverage the JAMstack with Python and Flask by creating a static site and deploying it to Netlify.
Step-by-step walkthrough of how to set up a basic CRUD app with Vue and FastAPI.
Test Pinia data stores in Vue applications.
Add session-based authentication to a Single-Page Application (SPA) powered by Flask and Svelte.
This article serves as a guide for unit testing Vue components.
Improve Pyodide code maintainability and add a persistent data layer with PouchDB.
Configure web workers to work with Pyodide and analyze data with Pandas in the browser.
Build a Single Page Application with Python and Pyodide.
Build a CRUD app with FastAPI and React.
Add htmx and Tailwind CSS to Flask to improve developer productivity.
Build a Python code editor in the browser using WebAssembly (WASM), via Pyodide, and CodeMirror.
Add htmx and Tailwind CSS to Django to improve developer productivity.
Three different methods for combining Flask and Vue.
In part 1, we'll set up the overall project and then dive into developing the UI with Test-Driven Development.
In part 2, we'll finish the UI before we dive in to adding the basic calculator functionality.
This article looks at a new approach for achieving a Single-page Application (SPA) -- HTML over WebSockets.
This articles serves as an introduction to CSS Grid where you'll look at how to create complex grid-based layouts with simple CSS.
This article looks at how the useContext and useReducer hooks can be used to make React applications and their state management clean and efficient.
An introduction to React Hooks.
In the following tutorial, we walk you through configuring Cypress to run tests in parallel with CircleCI.
This post looks at how to introduce Cypress into your test-driven development workflow.
This post details how to add end-to-end tests to an Angular app with Cypress and Docker.
This post organizes some of the best tutorials on the web to migrate from Heroku to AWS.
Join our mailing list to be notified about updates and new releases.