λ🏺 codekiln

How to test NVDA screen reader behaviour on a Mac:

Download Microsoft Edge VM from https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
Download Virtualbox and import the Edge VM image.

Then in the VM:

Install guest addons in the VM
Download & install latest NVDA from nvaccess.org
Download & install SharpKeys and use it to map left an alternative key (eg. Left Ctrl) to the Insert key. This is needed because Macs do not typically have an “Insert” key which is the prefix for many NVDA commands.

Using Vue CLI to start a Vue frontend for use with a Django backend

Note: This guide has been updated for use with @vue/cli version 4! Please make sure you're using the latest version of @vue/cli.

When it comes to starting new Vue projects, you can't really beat Vue CLI. The Vue team has done a phenomenal job of making an easy-to-use tool for getting started with reasonable defaults. If you're using Django though, you may not have the easiest time getting its static system and webpack to play well together.

A good chunk of this is applicable to any webpack-compiled frontend and Django, but we'll focus specifically on the steps involved with Vue CLI.

As a quick heads up: this tutorial assumes you're creating your Vue project in a folder named frontend inside of your Django project folder. If you want it named something else, or want it in a different folder, just update the paths accordingly.

	<!DOCTYPE html>
	<html lang="en">
	<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<title>Starter Template</title>

	<meta name="description" content="">

	from __future__ import print_function, absolute_import, unicode_literals

	import time
	try:
	from Queue import Empty
	except ImportError:
	from queue import Empty

	from multiprocessing import Process, cpu_count, Manager
	import logging

	/**
	* Making promises
	*/
	let okPromise = Js.Promise.make((~resolve, ~reject as _) => [@bs] resolve("ok"));

	/* Simpler promise creation for static values */
	Js.Promise.resolve("easy");

	Js.Promise.reject(Invalid_argument("too easy"));

	import sqlite3
	import multiprocessing
	'''
	This program starts a daemon process that listens on a queue.
	It then starts 10 processes that place integers in the queue.
	The listening daemon pulls the integers out of the queue and
	stores them in the database.
	'''
	DB_FILENAME = 'db.sqlite'

	from collections import OrderedDict

	import graphene
	import rx


	subject = rx.subjects.Subject()


	class Author(graphene.ObjectType):

	{
	"json.schemas": [
	{
	"fileMatch": [
	"bsconfig.json"
	],
	"url": "https://bucklescript.github.io/bucklescript/docson/build-schema.json"
	}
	]
	}

	let str = ReasonReact.string;

	let url = "http://localhost:3000/users";

	type user = {
	id: int,
	name: string,
	};

	type state =


	module StringContext =
	Context.MakePair({
	type t = string;
	let defaultValue = "Awesome";
	});

	let component = ReasonReact.statelessComponent("Tree");

	let make = _children => {