Step-by-step walkthrough of how to set up a basic CRUD app with Vue and FastAPI.
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.
Latest Posts (21)
This tutorial serves as a guide for unit testing Vue components.
In part 2, we'll finish the UI before we dive in to adding the basic calculator functionality.
In part 1, we'll set up the overall project and then dive into developing the UI with Test-Driven Development.
This article looks at a new approach for achieving a Single-page Application (SPA) -- HTML over WebSockets.
Add htmx and Tailwind CSS to Django to improve developer productivity.
Add htmx and Tailwind CSS to Flask to improve developer productivity.
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.
Add session-based authentication to a Single-Page Application (SPA) powered by Django and React.
Add session-based authentication to a Single-Page Application (SPA) powered by Flask and Svelte.
Build a CRUD app with FastAPI and React.
Three different methods for combining Flask and Vue.
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.