Skip to content

Instantly share code, notes, and snippets.


Marc Grabanski 1Marc

View GitHub Profile
1Marc / change-audio.js
Last active Jul 25, 2020
Change Audio
View change-audio.js
function gotDevices(deviceInfos) {
changeAudioDestination(deviceInfos[1]) // whatever device
function changeAudioDestination(audioInput) {
attachSinkId(document.getElementsByTagName('video')[0], audioInput);
function attachSinkId(element, sinkId) {
if (typeof element.sinkId !== 'undefined') {
1Marc /
Last active Mar 6, 2020
React Native preparation

Preparing for the React Native Workshop:

Depending on your hardware and target platform, it may take quite a bit of time to set up your development environment for React Native. We really want to optimise the workshop time with as much content as possible, which is why we ask you to set up your development environment before the day to ensure you have the best possible experience!

Now you'll have to make some decisions on how you'd like to build your app:

  • Expo or plain React Native
  • run on physical device or on an emulator / simulator
  • Android or iOS (your app will run on both, but you don't need to set up both for the workshop)

We will support both Expo and plain React Native for this workshop, which means you can choose.

1Marc /
Created Dec 12, 2019
Setup Instructions for Complete Intro to Containers

Getting Set Up

For Everyone

Install Visual Studio Code. For one section of the course I'll go some of how VSCode and containers work well together. The rest of the course you can use whatever editor you want.

For macOS and Linux

Please make sure you have the following things installed and ready to go!

1Marc / FullStackv2.yml
Created Oct 3, 2019
Full Stack Description
View FullStackv2.yml
Slug: full-stack-v2
Title: Full Stack for Front-End Engineers, v2
Subtitle: Spend Two Full Days Immersed in Developer Operations with Jem Young
- young
In this 2-day workshop, learn the skills needed to work across the stack and
build a web application from start to finish.
View gist:68821bfb35d80726108707f93de93140
Day 1
What does "Full Stack" mean
How does the internet work
Command line basics
1Marc /
Last active Apr 30, 2021
Digging Into Node.js Setup


Make sure you have Node 11+ installed.

Type node -v in your command line to check your version.

Install sqlite3: npm install sqlite3

For Windows

1Marc /
Last active Mar 19, 2019
Intro to Python Installation Instructions

Installing the prereqs for Linux and Mac should be quick, but it'll take more time for Windows users, as they'll have to install wsl and download a few additional packages.

For Linux / Mac:


Section 1: Prepping for the Workshop

Choosing a Topic

  • Looking at the learning paths to find gaps. Our goal is to build out a flow between courses.
  • Don’t get too specific, we need a full day… 3-5 hours of material
  • Our audience is typically “professionals”
  • We’re looking to cover the core technology professionals will use in their day to day work. Niche topics are usually part of a larger topic that we can cover.
1Marc / config.js
Created Sep 12, 2018
My VS Code Config
View config.js
// For: @musaid
// Ligatures built into Operator Mono as "Operator Mono Lig" with
// VS Code Extensions: vscode-icons, indent-rainbow, Rainbow Brackets, Git Lense and Prettier (require config file with requireConfig)
// VS Code Theme: Night Owl -- custom colors for a bit higher contrast
"editor.tabSize": 2,
"editor.insertSpaces": true,
"window.zoomLevel": 1,
"editor.fontSize": 18,
View gist:84fe996dbcd7d12a677080804f87edae
## Day 1
9:30AM - Introduction
10:00AM - Pure React
11:00AM - npm, Prettier, ESLint
11:30AM - Parcel
12:00PM - Lunch
1:00PM - JSX
2:00PM - State and Lifecycle Methods with React
3:00PM - Reach Reactor