Skip to content

Instantly share code, notes, and snippets.

Dean Radcliffe deanius

Block or report user

Report or block deanius

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
deanius /
Last active May 24, 2019
Trilogy Classroom Management Tips & Tricks

Trilogy Classroom Management Tips & Tricks

In my first cohort, I struggled initially with how and when to deliver files to students for the purpose of their activities. But by the end, I'd settled on a workflow that I liked, and I thought I'd share it with others, for ways to improve, or if it may help.

Working Folders

I will make sure on the first day that I am really clear about the pattern of students having a working folder on their desktop, into which they deposit all their work. I called mine, WorkingFolder, how original :)

I got into trouble with students who'd edit files in their local clone of the class repo, and then become unable to git pull new files. Using Working Folders avoid this nicely.

As a bonus, if they set an environment variable WF, then I can paste commands in Slack like cp -r yadda/Unsolved/ $WF/activity5 which will work on everyone's computer, Mac or Windows!

View rx-helper-tests.txt
PASS test/rx-helper.test.tsadcliffe/src/deanius/rx-helper/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
✓ is instantiable (4ms)
✓ has instance methods (1ms)
config argument
✓ should set agentId (2ms)
✓ should not set properties not whitelisted
instance properties
✓ has readonly agentId

SPA Client Rendering vs. SSR Server Rendering

And all they imply

^ Suppose we wanted to represent this in HTML


deanius /
Last active May 4, 2019
Dupe of recent Music Slides pres

autoscale: true build-lists: true theme: Fira, 2

Orchestrating Async with Observables

Dean Radcliffe

t : @deaniusol

deanius / cors.js
Last active Apr 20, 2019
Using CORS-Anywhere via AJAX
View cors.js
If you are attempting to call an AJAX API, via GET which responds:
No 'Access-Control-Allow-Origin' header is present on the requested resource.
You can modify the way you query it to go through a server which will add the header.
Basically, you add the URL you want (with query string parameters) at the end of
, and ensure that your ajax call is done with some additional options as shown below
See CORS-Anywhere documentation here for more:

Rx-Helper - Web Development based on Events and Primitives; Not Frameworks.

If you were not around web development when Backbone came on the scene in 2010, let me tell you what a breath of fresh air it was! After 4 years of JQuery proliferation (2006), which ended the wars of Prototype (2005), MooTools and such, the promise of a New Order that the 2010-generation of web frameworks brought (including my beloved Knockout.js) was breathing hope into web developer's hearts. No longer would server-code like Rails (2005) need to control your front-end code!

But it was the dawn of new complexity as well. And soon build tools like Browserify (2011) would become a must, and JS Fatigue was setting in. To deal with that, we'd eventually form encampments around technologies that came with their own toolchains such as MeteorJS (2007), Angular (2010), Ember (2011), ReactJS (2013), and GraphQL (2015). We needed these build solutions - so what else could we do! Soon, few people moved between multiple of these techs, beca


The Monolog App, Implemented in Rx-Helper

Quick Links: Live App | Monolog Repo | Rx Helper Repo

To help you understand how Rx-Helper helps you write apps with:

  • Decoupled code
  • Error isolation
  • Simple-to-make and maintain non-blocking async code
View monolog.html
<!DOCTYPE html>
<title>Rx-Helper Event-Driven Apps Step-By-Step</title>
<meta charset="utf-8" />
View monologue.html
<!DOCTYPE html>
<title>Rx-Helper Event-Driven Apps Step-By-Step</title>
<meta charset="utf-8" />
<link href="" rel="stylesheet" type="text/css" />
<link href="" rel="stylesheet" type="text/css" />
<script src=""></script>
<script src=""></script>
You can’t perform that action at this time.