1Marc

// Credit Ryan Carniato https://frontendmasters.com/courses/reactivity-solidjs/

let context = [];

export function untrack(fn) {
    const prevContext = context;
    context = [];
    const res = fn();
    context = prevContext;
    return res;

1Marc

1. Clone the github repo i.e. https://github.com/getify/workshop-periodic-table

git clone https://github.com/getify/workshop-periodic-table.git

2. Install http-server

npm install -g http-server

3. Open the command line, and change into the repo root folder

1Marc

let positions = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const player = "X";
const computer = "O";
let count = 1;
let currentTurn = player;
let winner;
//Dom Elements
let grid = document.createElement("div");
grid.style.width = "200px";
grid.style.display = "flex";

1Marc

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

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

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!

• For Mac: Docker Desktop Community
• For Linux: Docker Engine Community

1Marc

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.

1Marc

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

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

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:

• Download and Install Python 3.7 (Click on the big yellow Download Python 3.7.2 button at the top)
  • (Windows, please follow additional instructions before closing the installer)
  • https://www.python.org/downloads/
• Download and Install VS Code
  • https://code.visualstudio.com/download