JohnFraney.ca

# Django, Vue, and other things, too

Posts

Use TypeScript to Synchronize Django REST Framework and Vue.js: Part 2

πŸ—“  Β· πŸ“ Python Β· 🏷 django, django-rest-framework, vue.js

See how to use Django REST Framework metadata to generate a fully typed form in Vue.js.

Continue reading →


Preparing a Gourmet Pull Request

πŸ—“  Β· πŸ“ Development Β· 🏷 git, pull request

A pull request isn't just code, much like a meal isn't just ingredients. Your pull request provides tasting notes to your reviewers...

Continue reading →


How to Write Responsive HTML Tables (for Markdown Sites)

πŸ—“  Β· πŸ“ Front End Β· 🏷 html table, markdown, responsive design, static site generation

Learn how to make HTML tables more responsive in Markdown-generated static sites by shrinking the number of columns, or smushing columns together, wrapping column content across lines, or shrinkwrapping the table in a scrolling div.

Continue reading →


Run New and Failing Tests on File Change with Pytest

πŸ—“  Β· πŸ“ Python Β· 🏷 pytest, pytest-watch, unit testing

See how to pair Pytest and pytest-watch to run failing unit tests and new tests automatically on file changes without running the whole test suite.

Continue reading →


Improve Page Speed when Using Google Fonts

πŸ—“  Β· πŸ“ Front End Β· 🏷 page speed, google fonts, pagespeed insights

Google Fonts are a convenient way to personalize a website's look, but they slow down page loads. Learn how to use Google Fonts without sacrifing too much in page speed.

Continue reading →


Pipenv and Poetry: Benchmarks & Ergonomics II

πŸ—“  Β· πŸ“ Python Β· 🏷 poetry, pipenv

Pipenv and Poetry are next-generation Python dependency management tools, but only one is actively released. See how they compare in late 2019.

Continue reading →


Use TypeScript to Synchronize Django REST Framework and Vue.js: Part I

πŸ—“  Β· πŸ“ Python Β· 🏷 django, django-rest-framework, js

By extending Django REST Framework's default metadata class, we can unlock useful information about your API models and export that data into a client-friendly JSON format.

Continue reading →


Create and Publish a Python Package with Poetry

πŸ—“  Β· πŸ“ Python Β· 🏷 poetry, packaging

Poetry, a next-generation Python packaging tool, makes it easy to create and publish a Python package.

Continue reading →


Integrate Django and Vue.js

πŸ—“  Β· πŸ“ Front End Β· 🏷 django, vue.js

With a small amount of configuration, Django and Vue.js can play together nicely during development and when you're ready to go live.

Continue reading →


Human-Readable Python Regular Expressions

πŸ—“  Β· πŸ“ Python Β· 🏷 regex

Regular expressions are ugly, complex, dense, and illegibleβ€”but they don't have to be. These Python classes can help compose human-readable regex patterns.

Continue reading →


Pipenv and Poetry: Benchmarks & Ergonomics

πŸ—“  Β· πŸ“ Python Β· 🏷 poetry, pipenv

Pipenv and Poetry are next-generation Python dependency management tools. This post benchmarks each tool's dependency management commands and compares their ergonomics.

Continue reading →


Build and Deploy a Static Site with Dokku

πŸ—“  Β· πŸ“ DevOps Β· 🏷 dokku, static-site, pelican

How to set up a modern static site deployment strategy using Dokku and multiple buildpacks.

Continue reading →


Rebuilding My Blog with Pelican

πŸ—“  Β· πŸ“ Back End Β· 🏷 pelican, pagespeed, wagtail

How I rebuilt my blog using Pelican and improved page load times.

Continue reading →


Writing Unit Tests for Celery Tasks with async Functions

πŸ—“  Β· πŸ“ Unit Testing Β· 🏷 async, pytest, celery

How to write and test Celery tasks that use asynchronous Python functions.

Continue reading →


A Modern Django Admin Using Wagtail

πŸ—“  Β· πŸ“ Back End Β· 🏷 wagtail, django, admin

How to use Wagtail to create a client-friendly Django admin interface.

Continue reading →


Writing a Vue.js App in Python

πŸ—“  Β· πŸ“ Front End Β· 🏷 python, transcrypt, vue.js

Using Transcrypt, you can write a Vue.js app in Python instead of JavaScript.

Continue reading →


Writing reusable ModelForm templates with Django

πŸ—“  Β· πŸ“ Front End Β· 🏷 django models, django templates, django, dry

How to write a single Django template for every CreateView and UpdateView in your project.

Continue reading →


A Responsive Blog Layout Using CSS Grid

πŸ—“  Β· πŸ“ Front End Β· 🏷 grid, responsive, layout, css

CSS Grid can help you build a simple, responsive blog layout with joyfully little CSS.

Continue reading →