All posts

How to filter a foreign key model property with django-filter.

A collection of examples on using htmx in Django.

JavaScript import maps play nicely with Django templates.

In this brief post we will see how to apply the strategy pattern to your frontend code, so you can forget those nasty ifs, and sleep at night.

Building sortable/filterable tables with django2-tables, django-filter, and htmx!

A short story about Python function default arguments, and why testing even simple things is important.

CSS :has parent selector: a collection of resources

Friendly reminder that AbortController works on addEventListener() too!

Don't mock side effects in unit tests: instead, push interactions with external systems at the boundaries.

Learn how to build state in functional tests with Playwright request context

Quick notes about working with GraphQL and Django session authentication.

In this brief tutorial we see how to configure code coverage for Jest, the right way.

Learn how to decouple your custom React hooks from any external dependency they might need.

In this post we will see, step by step, how to test a Fetch request cancellation with Cypress.

Loading a Service Worker in Django might be tricky. Let's see how to make it work in this brief post!

A series of guidelines to introduce tests in untested React codebases.

... and what it takes to work with the Django ORM in an asynchronous context.

Learn how to test a Django ModelForm in isolation in this brief tutorial.

What Object.is() has to do with React useState? Let's find out.

In this post I share some recipes for testing Django with Cypress, with a focus on the authentication flow.

A Vue.js workflow for Django which I found out working well for most use cases.

A cheat-sheet of common testing recipes for Django applications.

Too lazy to install Django debug toolbar or nplusone? Uncover N+1 queries in Django with a unit test!

Learn how to use UUID as URLs in your Django projects.

In this short guide you learn how to debug Django under Uvicorn with Pycharm.

What method should you override when you want extra context data in a Django CreateView?

Snippets and notes on my adventures with Pytest. Work in progress!

Notes on deploying Django > 3.1 (async) with Uvicorn under Nginx as a reverse proxy.

How to generate code verifier and code challenge for PKCE in OAuth 2.

An introduction to OAuth 2 with PKCE for single-page applications.

How can I grab all the fields of an HTML form at once with JavaScript?

Notes on software design patterns and refactorings applied to JavaScript.

These are the rules I try to abide to and convey every single day. I hope you do too.

Whenever you need a refresher on var, let, and const, here's the cheatsheet for you.

What's special about generator functions and asynchronous generators in JavaScript? Let's find out!

Learn how to deal with errors and exceptions in synchronous and asynchronous JavaScript code.

Traefik meets FastAPI, and they run together, happily, in Docker!

A simple checklist for investigating slowness in websites and web applications.

How to test an HTML canvas? Let's see an example of visual regression testing with Cypress.

Let's explore in this post the most common approaches to mocking and stubbing APIs in development.

A mostly complete guide to webpack's capabilities, always to keep close at hand.

Learn how HTTP cookies work: simple, practical examples with JavaScript and Python.

I'm sure you already know everything about ECMAScript modules, so here's a quick recap for myself!

Modern frontend tools like babel seem almost magical. What do they do really?

Most approaches to using webpack with Django work until the JavaScript app is tiny. What happens when the bundle grows?

Who said Redux and useReducer couldn't enjoy some time together?

Django REST generic views are amazing, but working with request.data in Django REST framework can be tricky ...

Quick tutorial for creating contact forms with Django CreateView, plus a bit of widget customization.

Pardon the clickbaity title, but JavaScript developers are so fond of switch. Is there a better alternative?

It's common to have a single Django project serving requests for multiple domains. Learn how to route each request to the right app.

An HTML form that lets you download a JSON file of the form data after submit. Is that even possible? Let's find out!

Learn how to create a Django project and a Django application in this quick-start tutorial.

Learn to move your first steps with the PostgreSQL console with this cheat sheet.

A re-introduction to one of the most common database relationship: understanding many-to-one.

Date formatting in JavaScript can get trick to say the least. Let's see how Intl.DateTimeFormat can help.

Scopri cos'è JavaScript, a cosa serve e cosa puoi costruire con il linguaggio del web.

Here's what I learned about the Firefox Dev Tools architecture, and how you can start contributing to Firefox too!

Learn how to use Django Q for offloading asynchronous tasks in your Django applications.

In this post we'll shed light on ECMAScript private fields and see how they compare to the TypeScript private modifier.

Have you heard about the new formdata event?

A Django project template is the natural solution when the default Django project format is not enough anymore. Learn how to make your own in this tutorial.

In this quick post you'll learn how to make TypeScript play well with the infamous this keyword when working with event handlers in the DOM.

Just starting out with JavaScript and "event-driven" is all over the place? Worry not and keep reading to learn more!

Learn how to build, validate, and parse an URL with the URL API: a clean interface for building and validating URLs with JavaScript.

In this post you'll learn how to build your own Django middleware and how to inject data into a view's context directly from the middleware.

Stai iniziando a programmare e cerchi un manuale semplice e chiaro? Python ti incuriosisce? Questa guida Python per principianti è ciò che stavi cercando.

JavaScript moves at a fast pace and so TypeScript, pushing new features into the language. Learn how to use optional chaining for cleaning up your code.

An hitchhiker guide to Python for JavaScript developers. Enjoy!

Writing documentation for the source code can help your future self and your colleagues. Learn how to document JavaScript with JSDoc!

What is TypeScript and why you may want to use it? Learn more with this TypeScript tutorial for beginners and start adding types to your JavaScript code!

What means testing? How to test JavaScript code with Jest? Learn the basics of testing JavaScript with this Jest tutorial for beginners!

Learn how to recover from ORM errors in Django and make your views more robust with try/except and a nice Django shortcut: get_object_or_404

What it takes to generate a table with vanilla JavaScript? How hard it is to manipulate the DOM without any library? Let's find out in this tutorial!

Learn React hooks step by step, with a look at how the same logic would be implemented with classes.

Learn how to test React components with react-test-renderer, and the Act API.

How to use Async Await in React? In this post we'll see how to fix regeneratorRuntime and and how to handle errors with Fetch and async/await.

It is possible to throw errors from async functions in JavaScript? Keep reading to find out!

How to create a Django REST API? How to structure a Django project with React? Here's a practical introduction to Django REST with React. (Django 3)

The simplest React Redux tutorial I wish I had when I started learning. Includes Redux Toolkit!

Learn end to end and functional testing with Cypress in this tutorial.

All you need to know about HTTP requests with Node.Js. From callbacks to Async/Await by examples. Featured: Axios, r2, node-fetch, and more.

Learn the basics of WebSockets and Socket.IO while pairing your first real-time server with a React frontend.

Learn how to use a Node.js builtin method for investigating the memory usage of any given process.