Skip to content

Instantly share code, notes, and snippets.

Avatar

Marc Grabanski 1Marc

View GitHub Profile
@1Marc
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
1Marc / ReactNativePrep.md
Last active Mar 6, 2020
React Native preparation
View ReactNativePrep.md

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
1Marc / setup-containers.md
Created Dec 12, 2019
Setup Instructions for Complete Intro to Containers
View setup-containers.md

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
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
Teachers:
- young
Excerpt:
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
9:30AM
Introduction
9:45AM
What does "Full Stack" mean
10:00AM
How does the internet work
10:30AM
Command line basics
@1Marc
1Marc / digging-into-node.md
Last active Apr 30, 2021
Digging Into Node.js Setup
View digging-into-node.md

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
1Marc / python-setup.md
Last active Mar 19, 2019
Intro to Python Installation Instructions
View python-setup.md

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:

View notes.md

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
1Marc / config.js
Created Sep 12, 2018
My VS Code Config
View config.js
// For: @musaid
// https://twitter.com/musaid/status/1039688749205020672
// Ligatures built into Operator Mono as "Operator Mono Lig" with https://github.com/kiliman/operator-mono-lig
// 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