jim-clark

exports.performers = [
  {name: 'Natalie Portman', born: '06-09-1981'},
  {name: 'Kevin Bacon', born: '07-08-1958'},
  {name: 'Tom Cruise', born: '07-03-1962'},
  {name: 'Brad Pitt', born: '12-18-1963'},
  {name: 'Emma Watson', born: '04-15-1990'},
  {name: 'Carrie Fisher', born: '10-21-1956'},
  {name: 'Mark Hamill', born: '09-25-1951'},
  {name: 'Harrison Ford', born: '07-13-1942'},
  {name: 'Jodie Foster', born: '11-19-1962'},

jim-clark

Live Coding Challenge Practice Guide

This guide contains instructions for the Live Coding Practice session of the Technical Interviewing Basics webinar.

Preparation

For quick notes and observations, the Interviewer may want to copy/paste the following "URL" into the browswer's address bar:

data:text/html, 

jim-clark

Technical Screening Interview Practice Guide

This guide contains instructions for the Technical Screening Interview Practice session of the Technical Interviewing Basics webinar.

Preparation for Taking Notes, Making Observations, etc.

For quick notes and observations, the Interviewer may want to copy/paste the following "URL" into the browswer's address bar:

data:text/html, 

jim-clark

<Your Project's Title>

A description of your game. Background info of the game is a nice touch.

Screenshot

Technologies Used

jim-clark

React Router Route Params/useParams Practice Exercise

Code a React app to demo Client-Side Route Params & the useParams hook.

The finished sandbox might look like this this sandbox

Instructions

1. Create a new React-based project in StackBlitz.

jim-clark

Walk-thru of JavaScript Closures

Road Map

• Intro
• What's a "free" Variable?
• Review of Scope
• "Persisting" Scope Using Inner Functions

jim-clark

React Basics Review - State, Styling & Event Handling

Setup

Create a new React project in stackblitz.com

Exercises

1. Remove everything other than the <div> from <App>

jim-clark

Python Intro / Control Flow Review Questions:

1. Instead of using code blocks delimited with curly braces, Python uses i_________.

2. The line preceding an indented block of code must end with a _ character.

3. True or False, the number 0 is falsey in both JS & Python?

4. True or False, the number 1 is truthy in both JS & Python?

jim-clark

MERN-Stack CRUD Code Flow

Note: The code above is not meant to be complete.

FEATURE A - Load & Display Posts Upon First Render

STEP	DESCRIPTION

jim-clark

Fundamentals of React

React Fundamental	Summary
React	A JS library for building dynamic UIs using components.
JSX	A syntax extension to JS that looks like HTML and makes defining UIs more intuitive vs. pure JS. JSX emits text in the page when a JS expression is surrounded with curly braces <div>{/* JS Expression */}</div>. JSX transpiles into a function call that returns a JS object, thus, JSX can be assigned to variables, passed as arguments to functions, etc. JSX can render an array of components, however, each component needs a key prop with a unique value. const catList = cats.map(c => <div key={cat.id}>{cat.name}</div>);.
Components	A user interface is defined by a hierarchy of components.
User-Defined Component	May be defined as a function or class but must be n