Darren Schnare dschnare

## interview.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                dschnare
                / interview.md
            
            
              Last active
              June 18, 2019 15:23
            
              
                Interview questions
              
          
    Junior Server Developer:
Write a Nodejs+Express web server that responds with { message: 'Hello World!' } when it receives a request at GET /hello.
Junior React Developer:
Write a React component that abstracts embedding YouTube and Vimeo videos. The component should accept the prop src that is a string equal to the source of the video to load. The component will determine what video it is based on the domain of the source and then decide how to embed the video.
Intermediate Server Developer:

  
## walk.js
// Walk an object graph, calling the visit function with
// value, key, and object at each level.
function walk (o, visit) {
  visit(o, '', o)
  if (o && (Array.isArray(o) || Object(o) === o)) {
    let stack = [ o ]
    while (stack.length) {
      let obj = stack.shift()
      for (let k in obj) {
        const v = obj[k]

## spy.js
function spy (fn = () => {}) {
  f.calls = []
  function f (...args) {
    const returnValue = fn(...args)
    f.calls.push({ args, returnValue })
    return returnValue
  }
  return f
}

## env.js
const fs = require('fs')
const { promisify } = require('util')

const readFile = promisify(fs.readFile)

/**
 * Parses text for environment variables and saves them to an object as keys.
 *
 * Empty lines and lines starting with `#` are skipped.
 *

## BusinessObject.js
/**
 * Business Object class object that acts as the root of an object hierarchy.
 * Creates object instances that have methods marked as read-only and the object
 * sealed, meaning no new properties can be added and behaviour cannot be changed
 * without extending the class object (i.e. tamperproof).
 *
 * @example
 * const Box = BObject.subClass({
 *   className: 'Box',
 *   new ($base, width, height) {

## collate.js
/**
 * Collates all properties with varying values or the specified properties in
 * the property map into a single object.
 *
 * If the propMap is an Object then the keys are the properties to collate and
 * the values are the target property name to created on the collated object. If
 * the key in the propMap is a comma delimited string then the target property
 * will be set to an object with all the properties in the comma delimited
 * key.
 *

## bs-carousel-nesting.js
// Augment the Bootstrap Carousel jQuery plugin so that .item.active
// queries use a direct descendent selector to find the active item.
// With this patch you can now arbitrarily nest carousels inside
// the .item elements of other carousels.
$.fn.carousel = (function (carousel) {
  return function () {
    var $carousel = carousel.apply(this, arguments);
    var c = $carousel.data("bs.carousel");
    if (!c.$element.find.__overridden) {
      // If the plugin changes from using $element.find(".item.active")

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>TITLE</title>
    <style type="text/css">
      html,
      body {
        margin: 0;
      }
      .viewport {

## cachetext.correct.js
// Create our stage canvas.
var stage = document.createElement('canvas');
stage.style.border = '1px solid #000';
document.body.appendChild(stage);

// Create offscreen buffer for our text rendering.
// This way all we have to do is draw our buffer to
// the main canvas rather than drawing text each frame.
var textBuffer = document.createElement('canvas');

## validate.js
// jQuery Validate setup.
$('form').validate({
  rules: {
    "cover-letter": {
      required: true,
      accept: "application/pdf|application/msword|application/vnd.openxmlformats-officedocument.wordprocessingml.document"
    }
  },
  messages: {
    "cover-letter": "Please upload your cover letter (PDF, DOC or DOCX)."
	// Walk an object graph, calling the visit function with
	// value, key, and object at each level.
	function walk (o, visit) {
	visit(o, '', o)
	if (o && (Array.isArray(o) \|\| Object(o) === o)) {
	let stack = [ o ]
	while (stack.length) {
	let obj = stack.shift()
	for (let k in obj) {
	const v = obj[k]
	function spy (fn = () => {}) {
	f.calls = []
	function f (...args) {
	const returnValue = fn(...args)
	f.calls.push({ args, returnValue })
	return returnValue
	}
	return f
	}
	const fs = require('fs')
	const { promisify } = require('util')

	const readFile = promisify(fs.readFile)

	/**
	* Parses text for environment variables and saves them to an object as keys.
	*
	* Empty lines and lines starting with `#` are skipped.
	*
	/**
	* Business Object class object that acts as the root of an object hierarchy.
	* Creates object instances that have methods marked as read-only and the object
	* sealed, meaning no new properties can be added and behaviour cannot be changed
	* without extending the class object (i.e. tamperproof).
	*
	* @example
	* const Box = BObject.subClass({
	* className: 'Box',
	* new ($base, width, height) {
	/**
	* Collates all properties with varying values or the specified properties in
	* the property map into a single object.
	*
	* If the propMap is an Object then the keys are the properties to collate and
	* the values are the target property name to created on the collated object. If
	* the key in the propMap is a comma delimited string then the target property
	* will be set to an object with all the properties in the comma delimited
	* key.
	*
	// Augment the Bootstrap Carousel jQuery plugin so that .item.active
	// queries use a direct descendent selector to find the active item.
	// With this patch you can now arbitrarily nest carousels inside
	// the .item elements of other carousels.
	$.fn.carousel = (function (carousel) {
	return function () {
	var $carousel = carousel.apply(this, arguments);
	var c = $carousel.data("bs.carousel");
	if (!c.$element.find.__overridden) {
	// If the plugin changes from using $element.find(".item.active")
	<!DOCTYPE html>
	<html>
	<head>
	<title>TITLE</title>
	<style type="text/css">
	html,
	body {
	margin: 0;
	}
	.viewport {
	// Create our stage canvas.
	var stage = document.createElement('canvas');
	stage.style.border = '1px solid #000';
	document.body.appendChild(stage);

	// Create offscreen buffer for our text rendering.
	// This way all we have to do is draw our buffer to
	// the main canvas rather than drawing text each frame.
	var textBuffer = document.createElement('canvas');
	// jQuery Validate setup.
	$('form').validate({
	rules: {
	"cover-letter": {
	required: true,
	accept: "application/pdf\|application/msword\|application/vnd.openxmlformats-officedocument.wordprocessingml.document"
	}
	},
	messages: {
	"cover-letter": "Please upload your cover letter (PDF, DOC or DOCX)."